/* Account page: reuses surface.css / premium-surface.css; only what those do not cover. */
/* surface.css gives .tool-form/.tool-field display:grid, which would override the hidden attribute. */
.surface-account [hidden]{display:none!important}
.surface-account{--primary:#165d42;--accent:var(--af-turms,#F0DFAE);--dark:var(--af-forestd,#123528);--soft:#e7f4e8}
.account-hero{background:linear-gradient(110deg,var(--dark),#165d42);color:#fff;border-radius:22px;padding:clamp(26px,4vw,48px);box-shadow:0 22px 60px color-mix(in srgb,var(--af-forestd,#123528) 15%,transparent)}
.account-hero h1{font-size:clamp(28px,3.4vw,46px);line-height:1.1;font-weight:760;letter-spacing:-1px;margin:16px 0}
.account-hero h1 i{font-family:Georgia,serif;font-weight:400;color:var(--accent)}
.account-hero p{max-width:640px;line-height:1.7;margin:0;color:#e3efe8}
.account-hero .kicker{font-size:11px;font-weight:900;letter-spacing:2px;color:var(--accent)}
.account-panel{padding:36px 0 24px}
.account-panel .tool-form{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px}
.account-note{font-size:13px;color:var(--af-mut,#5B6B63);margin:6px 0 0}
.account-alert{background:var(--af-paddy,#F7F3E6);border-left:4px solid var(--af-warn,#A64E09);color:var(--af-bad,#A62B1F);padding:10px 14px;border-radius:0 8px 8px 0;font-size:13px;font-weight:600;max-width:720px}
.account-summary{max-width:720px}
.account-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.account-actions button,#assist-end{background:#165d42;color:#fff;border:0;border-radius:9px;padding:9px 18px;font-weight:760;cursor:pointer}
.account-actions button.secondary{background:var(--af-white,#FFFFFF);color:var(--af-forest,#1E4D3B);border:1px solid #165d42}
.account-actions button:focus-visible,#assist-end:focus-visible,.consent-list button:focus-visible{outline:3px solid var(--af-warn,#A64E09);outline-offset:2px}
.account-check{grid-template-columns:auto 1fr;align-items:center;gap:8px}
.account-check input{width:18px;height:18px}
.consent-list{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:10px;max-width:720px}
.consent-list li{background:var(--af-white,#FFFFFF);border:1px solid var(--af-mist,#E4EDE6);border-radius:12px;padding:12px 14px;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.consent-list li.withdrawn{opacity:.6}
.consent-list strong{display:block;font-size:14px}
.consent-list span{font-size:12px;color:var(--af-mut,#5B6B63)}
.consent-list button{background:var(--af-white,#FFFFFF);color:var(--af-bad,#A62B1F);border:1px solid #8a2f12;border-radius:8px;padding:6px 12px;font-weight:700;cursor:pointer}
.tool-out:empty{display:none}
.tool-out{font-size:13px;line-height:1.6}
.tool-out.is-error{color:var(--af-bad,#A62B1F);font-weight:700}
@media(max-width:560px){.account-panel .tool-form{grid-template-columns:1fr}.account-hero{border-radius:16px}}