/* Somente os novos controles de conta. O estilo aprovado permanece em style.css. */
#accountPanel .account-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
#accountPanel .account-actions button{flex:1;min-width:130px}
#accountPanel .account-check{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5}
#accountPanel .account-check input{width:auto;margin-top:4px}
#accountPanel .muted,#accountPanel #accountStatus{font-size:14px;line-height:1.5}
#accountPanel button:disabled{opacity:.5;cursor:not-allowed}
#accountPanel a{color:var(--cyan)}
#accountPanel :focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
#accountPanel .account-email{overflow-wrap:anywhere}
#accountPanel .account-details{padding:12px;background:var(--bg);border-radius:12px}
#accountPanel .account-sync{padding:12px;margin:12px 0;background:var(--bg);border:1px solid #1e4356;border-radius:12px}
#accountPanel .account-sync strong{display:block;font-size:13px;letter-spacing:.05em}
#accountPanel .account-sync p{margin:6px 0 0}
#accountPanel .sync-conflicts{margin-top:12px;border:1px solid #24495c}
#accountPanel .sync-conflict-item{padding:12px 0;border-top:1px solid #183847}
#accountPanel .sync-conflict-item:first-child{border-top:0}
#accountPanel .sync-conflict-item .account-actions{margin:10px 0 0}
#accountPanel .sync-conflict-code{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
#planCard #planDescription{color:var(--muted);line-height:1.5}
#planCard .account-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
#planCard .account-actions button{flex:1;min-width:180px;margin-top:0}
.post-trial-notice{border:1px solid #2b7899;background:linear-gradient(180deg,#0b2232,#081723);box-shadow:0 14px 34px #02091255}
.post-trial-notice>small{display:block;color:var(--cyan);font-weight:800;letter-spacing:.1em}
.post-trial-notice h3{margin:6px 0 8px}
.post-trial-notice p{margin:0;color:#b7ccd7;line-height:1.5}
.post-trial-notice .account-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.post-trial-notice .account-actions button{flex:1;min-width:160px;margin:0}
.post-trial-notice :focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media(max-width:520px){.post-trial-notice .account-actions{flex-direction:column}.post-trial-notice .account-actions button{width:100%}}
.pro-gate{width:min(440px,calc(100% - 28px));padding:22px;border:1px solid #24536b;border-radius:20px;background:#091c2a;color:var(--text);box-shadow:0 24px 70px #000b}
.pro-gate::backdrop{background:#020912cc;backdrop-filter:blur(4px)}
.pro-gate h3{margin:0 0 10px;color:#f5fcff}
.pro-gate p{color:#b7ccd7;line-height:1.5}
.pro-gate small{display:block;color:var(--muted);line-height:1.45;margin-top:14px}
.pro-gate .account-actions{display:flex;gap:10px;margin-top:18px}
.pro-gate .account-actions button{flex:1;margin-top:0}
.pro-gate :focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media(max-width:520px){.pro-gate .account-actions{flex-direction:column}.pro-gate .account-actions button{width:100%}}

.pro-offer{border:1px solid #23516a;background:linear-gradient(180deg,#0a1b29,#07131f)}
.pro-offer-head{text-align:center;margin-bottom:16px}
.pro-offer-head small{color:var(--cyan);letter-spacing:.12em;font-weight:700}
.pro-offer-head h3{margin:6px 0 8px}
.pro-offer-head p{margin:0;color:var(--muted);line-height:1.5}
.pro-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pro-plan{position:relative;padding:16px;border:1px solid #1c4256;border-radius:16px;background:#081723}
.pro-plan.featured{border-color:#2b7899;box-shadow:0 0 0 1px #2b789933 inset}
.pro-plan small{display:block;color:var(--muted);font-weight:700;letter-spacing:.08em}
.pro-plan strong{display:block;margin:8px 0 12px;font-size:22px}
.pro-plan strong span{font-size:13px;color:var(--muted);font-weight:500}
.pro-plan p{margin:0 0 12px;color:var(--cyan);font-size:13px}
.pro-plan button{width:100%;margin:0}
.pro-plan-badge{position:absolute;top:-9px;right:10px;padding:4px 8px;border-radius:999px;background:var(--cyan);color:#041018;font-size:10px;font-weight:800;letter-spacing:.05em}
.pro-benefits{display:grid;grid-template-columns:1fr 1fr;gap:7px 18px;margin:16px 0;padding-left:20px;color:#c8dbe5;font-size:14px}
.pro-data-note{margin:12px 0 0;padding-top:12px;border-top:1px solid #183847;color:var(--muted);font-size:13px;line-height:1.5}
#billingStatus{min-height:20px;margin:8px 0 0}
.pro-offer :focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media(max-width:620px){.pro-plan-grid{grid-template-columns:1fr}.pro-benefits{grid-template-columns:1fr}}

#accountPanel .data-rights{margin-top:14px;border:1px solid #1d4053}
#accountPanel .data-rights h3{margin:0 0 8px}
#accountPanel .account-delete-confirm{margin-top:14px;padding:14px;border:1px solid #6b3434;border-radius:12px;background:#2a1115}
#accountPanel .account-delete-confirm strong{display:block;margin-bottom:6px;color:#ffd8dc}
#accountPanel .account-delete-confirm label{display:block;margin-top:10px;font-size:13px}
#accountPanel .account-delete-confirm input{width:100%;margin-top:7px}
#accountPanel #accountDataStatus{min-height:20px;margin:8px 0 0}

.promo-redeem{margin-top:14px;padding-top:14px;border-top:1px solid #183847}
.promo-redeem>label{display:block;margin-bottom:8px;font-size:13px;font-weight:700;color:#d7e8f0}
.promo-redeem-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.promo-redeem-row input{width:100%;text-transform:uppercase}
.promo-redeem-row button{margin:0;white-space:nowrap}
#promoStatus{min-height:20px;margin:8px 0 0}
@media(max-width:520px){.promo-redeem-row{grid-template-columns:1fr}.promo-redeem-row button{width:100%}}