/* Reviewed ea7cc8d: account header, horizontal navigation and compact bento
   cards only. Native authenticated endpoints remain authoritative. */
.account-reference { max-width:1120px; color:#ecfdf5; }
.account-reference .acct-head { background:linear-gradient(135deg,#071c18,#040d0c); border:1px solid #194b40; border-radius:22px; padding:1.2rem; }
.account-reference .acct-head h1 { font-size:clamp(1.15rem,3vw,1.65rem); overflow-wrap:anywhere; }
.account-reference .acct-logo { border:1px solid #23785f; border-radius:50%; padding:.3rem; width:64px; height:64px; object-fit:contain; box-shadow:0 0 22px #34d39916; }
.account-reference .acct-body { display:block; min-width:0; }
.account-reference .acct-menu { display:flex; flex-wrap:nowrap; gap:.4rem; overflow-x:auto; scrollbar-width:thin; scrollbar-color:#276c59 #071813; border:1px solid #164134; border-radius:16px; padding:.55rem; background:#05100ef2; margin-block:1rem; }
.account-reference .acct-item { display:flex; align-items:center; flex:0 0 auto; width:auto; gap:.35rem; white-space:nowrap; padding:.65rem .85rem; border:1px solid #1a3f35; border-radius:12px; background:#081b16; color:#c6e4d9; min-height:44px; margin:0; }
.account-reference .acct-item:hover { color:#ecfdf5; border-color:#56d9ae; background:#102d24; }
.account-reference .acct-item.on { background:linear-gradient(100deg,#096c56,#08745f); border-color:#57dbae; color:#f0fff9; }
.account-reference .acct-item:focus-visible { outline:2px solid #6ee7b7; outline-offset:2px; }
.account-reference .acct-out { color:#fecaca; }
.account-reference .acct-content { min-width:0; }
.account-reference .stat-chips { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; padding:0; background:none; border:0; box-shadow:none; }
.account-reference .stat-chips .chip { display:flex; flex-direction:column; justify-content:center; gap:.35rem; min-height:100px; text-align:center; white-space:normal; overflow-wrap:anywhere; border:1px solid #194d3e; border-radius:17px; padding:.85rem; background:#071a15; color:#cce9de; }
.account-reference .stat-chips .chip-num { font-size:1.65rem; color:#6ee7b7; }
.account-reference .mission-row { align-items:center; gap:.7rem; }
.account-reference .mission-row > span { overflow-wrap:anywhere; min-width:0; }
@media(max-width:600px) { .account-reference .acct-head { padding:.85rem; gap:.6rem; } .account-reference .acct-logo { width:48px; height:48px; } .account-reference .stat-chips { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; } .account-reference .acct-menu { margin-inline:0; } }
@media(prefers-reduced-motion:reduce) { .account-reference * { scroll-behavior:auto!important; } }