/* Compact account navigation; horizontal scrolling stays inside the tabs. */
.account-nav{min-width:0;max-width:100%;margin:0 0 20px;padding:5px;border:1px solid var(--line);border-radius:16px;background:var(--surface,#fff)}
.account-tabs{display:flex;position:relative;gap:4px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:2px 2px 5px}
.account-tab{flex:1 0 auto;min-height:46px;white-space:nowrap;padding:10px 17px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--muted);font-size:14px;font-weight:650;transition:background-color .16s ease,color .16s ease,border-color .16s ease}
.account-tab:hover{background:var(--cream);color:var(--ink)}
.account-tab[aria-selected=true]{background:var(--mint);color:var(--ink);border-color:var(--line)}
.account-tab:focus-visible,.account-panel:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.dashboard-grid.account-sections{display:block}
.account-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;min-width:0}
.account-panel>.card{min-width:0;margin:0}
.account-panel>.span-two{grid-column:1/-1}
[data-theme=dark] .account-tab[aria-selected=true]{background:#37393d;border-color:#595c62;color:#f4f4f5}
[data-theme=dark] .account-tab:hover{background:#2b2d30}
.help-item{border-top:1px solid var(--line)}.help-item summary{display:flex;align-items:center;min-height:48px;padding:6px 0;font-weight:650;cursor:pointer}.help-item p{margin:0 0 14px;line-height:1.55}
@media(min-width:1100px){#account-panel-app{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.account-nav{margin-bottom:16px;border-radius:14px}.account-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;padding-bottom:2px}.account-tabs[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.account-tab{min-width:0;padding:9px 6px;font-size:13px;white-space:normal;line-height:1.3}.account-panel{gap:16px}.account-panel .button-row{flex-wrap:wrap}.account-panel .button-row>.button{max-width:100%;white-space:normal}}
@media(prefers-reduced-motion:reduce){.account-tab{transition:none}}