/* Shared Firebase account dialog styles for both legacy and v10 page shells. */
.account-btn.is-signed-in{color:#fff;background:var(--brand,var(--accent,#6657e8));border-color:var(--brand,var(--accent,#6657e8))}
.account-modal[hidden]{display:none!important}
.account-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:1rem}
.account-backdrop{position:absolute;inset:0;border:0;background:rgba(7,17,35,.62);backdrop-filter:blur(5px);cursor:default}
.account-panel{position:relative;z-index:1;width:min(460px,100%);max-height:min(720px,calc(100vh - 2rem));overflow:auto;box-sizing:border-box;padding:1.5rem;border:1px solid var(--border,#d9e2ef);border-radius:22px;background:var(--surface,#fff);color:var(--text,#172033);box-shadow:0 24px 70px rgba(0,0,0,.28)}
.account-panel *{box-sizing:border-box}
.account-panel [hidden]{display:none!important}
.account-panel h2{margin:.35rem 2rem .55rem 0;font-size:1.45rem;line-height:1.2}
.account-panel p{color:var(--muted,#52606d)}
.account-close{position:absolute;top:.8rem;right:.8rem;width:2.25rem;height:2.25rem;border:0;border-radius:50%;background:var(--surface-2,#eef3f8);color:inherit;font-size:1.5rem;line-height:1;cursor:pointer}
.account-panel .btn{min-height:40px;padding:8px 15px;border:1px solid var(--border,#c9d3e0);border-radius:11px;background:var(--surface-2,#eef3f8);color:var(--text,#172033);font:inherit;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}
.account-panel .btn:hover{border-color:var(--brand,var(--accent,#6657e8))}
.account-panel .btn.primary{background:var(--brand,var(--accent,#6657e8));color:#fff;border-color:var(--brand,var(--accent,#6657e8))}
.account-panel .btn.ghost{background:transparent}
.account-google{width:100%;margin:.6rem 0;background:#fff!important;color:#172033!important;border:1px solid #c9d3e0!important}
.account-divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0;color:var(--muted,#667085);font-size:.82rem}
.account-divider:before,.account-divider:after{content:"";height:1px;flex:1;background:var(--border,#d9e2ef)}
#accountForm label{display:grid;gap:.35rem;margin:.75rem 0;font-weight:700;font-size:.88rem}
#accountForm input{width:100%;padding:.72rem .8rem;border:1px solid var(--border,#c9d3e0);border-radius:10px;background:var(--surface,#fff);color:inherit;font:inherit}
.account-form-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
.account-form-actions .btn{flex:1}
.account-link{padding:.65rem 0;border:0;background:transparent;color:var(--brand,var(--accent,#6657e8));cursor:pointer}
.account-status{min-height:1.4rem;margin:.8rem 0 0;font-weight:700;color:var(--brand,var(--accent,#6657e8))!important}
.account-privacy{margin-bottom:0;font-size:.8rem}
.account-open{overflow:hidden}
.account-benefits{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:1rem 0}
.account-benefits>div{padding:.75rem;border:1px solid var(--border,#d9e2ef);border-radius:12px;background:var(--surface-soft,#f6f8fb)}
.account-benefits small,.account-benefits strong{display:block}
.account-benefits small{color:var(--muted,#52606d);font-size:.72rem}
.account-benefits strong{margin-top:.15rem;font-size:.86rem}
.redeem-form{margin:0 0 1rem}
.redeem-form>label{display:block;margin-bottom:.35rem;font-weight:750}
.redeem-form>div{display:grid;grid-template-columns:1fr auto;gap:.5rem}
.redeem-form input{min-width:0;text-transform:uppercase}
@media(max-width:640px){.account-panel{padding:1.2rem;border-radius:18px}.account-form-actions{display:grid}.account-form-actions .btn{width:100%}}
@media(max-width:420px){.account-benefits{grid-template-columns:1fr}.redeem-form>div{grid-template-columns:1fr}.redeem-form .btn{width:100%}}