.account-shell{max-width:900px}
.account-shell p{line-height:1.7}
.account-shell input,.account-shell select{max-width:100%}
.account-shell [hidden],.personal-start-dialog [hidden]{display:none!important}
.account-checkbox{display:flex;flex-direction:row;align-items:center;gap:10px;margin:18px 0}
.account-checkbox input{width:auto;margin:0}
.account-actions{display:flex;gap:10px;flex-wrap:wrap}
.account-actions button{width:auto}
.account-form{display:grid;gap:16px;margin-top:16px}
.account-form label{display:grid;gap:8px}
.account-form input,.account-form select{width:100%;min-height:44px}
.account-shell summary{cursor:pointer;font-weight:700;padding:12px 0}
.organization-card{border:1px solid var(--line,#cbd8d3);border-radius:14px;padding:18px;margin:16px 0}
.organization-card h3{margin-top:0;overflow-wrap:anywhere}
.organization-card .account-actions{margin-top:16px}
.organization-card .account-actions a{display:inline-block;padding:10px 0}
.organization-role{font-size:.88rem;font-weight:650}
.organization-state{font-size:.9rem}
.organization-member{padding:10px 0;border-bottom:1px solid var(--line,#cbd8d3);overflow-wrap:anywhere}
.organization-card details{margin-top:14px}
.organization-url{overflow-wrap:anywhere}
.personal-start-dialog{max-width:520px;width:calc(100% - 32px);border:1px solid #9fb5ae;border-radius:18px;padding:24px;background:#fffdf8;color:#17314e;box-shadow:0 18px 80px #071c3350}
.personal-start-dialog::backdrop{background:#071c3399}
.personal-start-dialog h2{margin-top:0}
.personal-start-dialog p{line-height:1.7}
.personal-start-dialog button{min-height:44px}
.personal-start-dialog .secondary{background:#eef3f0;color:#17314e}
.personal-start-dialog .account-actions{margin-top:20px}
.personal-start-dialog:focus{outline:0}
.toql-account a:focus-visible,.personal-start-dialog button:focus-visible{outline:3px solid #df944b;outline-offset:4px}
.hub-account-link{margin-top:18px}
.listener-account-link{font-size:.8rem;margin-left:auto}
.public-footer:has(.listener-account-link){display:flex;align-items:center;gap:12px;flex-wrap:wrap}
@media(max-width:600px){.account-shell .topbar{align-items:flex-start;gap:12px}
.account-actions{flex-direction:column}
.account-actions button{width:100%}
.organization-card{padding:14px}
.personal-start-dialog{padding:20px}
.account-shell .grid2{grid-template-columns:1fr}
}

.account-billing{margin:18px 0;padding:16px;background:var(--soft,#f4f7f4);border-radius:10px}
.account-billing h4{margin:0 0 14px}
.point-balances{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:10px;margin:0}
.point-balances dt{font-weight:650}.point-balances dd{margin:0;overflow-wrap:anywhere}
.account-billing li{margin:10px 0;line-height:1.6}

/* Account pages share the home/broadcast navigation palette. */
.account-with-navigation { --account-rail:224px; padding-left:var(--account-rail); }
.account-with-navigation[data-navigation-compact="true"] { --account-rail:64px; }
.account-with-navigation .account-shell { width:100%; min-width:0; }
.account-with-navigation .topbar { align-items:center; flex-wrap:wrap; }
.account-sidebar { position:fixed; inset:0 auto 0 0; width:var(--account-rail); z-index:30; padding:18px 12px; overflow-y:auto; background:#fff; border-right:1px solid #e5e9e9; color:#17314e; }
.account-sidebar-brand { height:64px; display:flex; align-items:center; justify-content:center; }
.account-sidebar-brand a { display:flex; align-items:center; }
.account-nav-icon { display:none; }
.account-sidebar :is(a,button) { display:flex; align-items:center; gap:12px; min-height:44px; width:100%; padding:10px 12px; border:0; border-radius:12px; background:transparent; color:#64717e; text-decoration:none; font-size:14px; }
.account-sidebar-brand a { width:auto; padding:0; }
.account-sidebar :is(a,button):hover { background:#f4f8f7; color:#007d79; }
.account-sidebar :is(a,button):focus-visible { outline:3px solid #007d79; outline-offset:2px; }
.account-sidebar svg { width:22px; height:22px; flex:0 0 22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.account-sidebar a[aria-current="page"] { background:#dcf1eb; color:#007d79; font-weight:700; }
#accountNavigationOrganizationName { font-size:12px; line-height:1.6; padding:10px 12px; overflow-wrap:anywhere; }
.account-sidebar [hidden],.account-navigation-backdrop[hidden] { display:none!important; }
[data-navigation-compact="true"] .account-sidebar { padding:18px 6px; }
[data-navigation-compact="true"] .account-sidebar :is(a,button) { justify-content:center; padding:10px 6px; }
[data-navigation-compact="true"] .account-nav-text,[data-navigation-compact="true"] .account-nav-logo { display:none; }
[data-navigation-compact="true"] .account-nav-icon { display:block; }
.account-navigation-backdrop { display:none; }
@media(max-width:700px) {
 .account-with-navigation { padding-left:56px; --account-rail:224px; }
 .account-with-navigation[data-navigation-compact="true"] { --account-rail:56px; }
 .account-with-navigation .account-shell { padding:12px 10px; }
 .account-navigation-backdrop:not([hidden]) { display:block; position:fixed; inset:0; z-index:25; border:0; border-radius:0; background:#071c3370; }
 .account-with-navigation .topbar h1 { font-size:22px; }
}