/* Shared account styling follows the approved white, turquoise and pink design references. */
:root{color-scheme:light dark;--bg:#fcfcfe;--surface:#fff;--text:#10151f;--muted:#556074;--line:#d7dce6;--accent:#09cbd8;--soft:#def8fa;--pink:#ef327e;--focus:#007981;--radius:8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#10141d;--surface:#181e2a;--text:#edf2f8;--muted:#b2bccd;--line:#384155;--soft:#133c43;--focus:#5cebf0}}
:root[data-theme=dark]{--bg:#10141d;--surface:#181e2a;--text:#edf2f8;--muted:#b2bccd;--line:#384155;--soft:#133c43;--focus:#5cebf0}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.skip{position:absolute;left:16px;top:-100px;background:var(--surface);padding:12px;z-index:10}.skip:focus{top:10px}
.site-header{border-bottom:1px solid var(--line);background:var(--bg)}.header-inner,.main-shell,.site-footer{width:min(1180px,calc(100% - 48px));margin:auto}.header-inner{min-height:96px;display:flex;align-items:center;gap:44px}.wordmark{font-size:29px;letter-spacing:-1.8px;font-weight:800;text-decoration:none}.wordmark span{color:var(--pink)}.site-nav,.header-actions{display:flex;align-items:center;gap:24px}.site-nav a{text-decoration:none;color:var(--muted)}.header-actions{margin-left:auto}.theme-switch{border-radius:50%;width:42px;height:42px;padding:0;background:transparent;border:1px solid var(--line);color:var(--text)}.main-shell{padding:24px 0 64px;min-height:70vh}.dev-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 24px}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{color:var(--muted);margin:0}.account-name{font-size:30px;line-height:1.2;margin:6px 0 22px}.account-nav{display:flex;gap:26px;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:32px}.account-nav a{white-space:nowrap;text-decoration:none;padding:12px 3px;border-bottom:3px solid transparent}.account-nav a[aria-current=page]{border-color:var(--accent);font-weight:650}
h1{font-size:clamp(28px,3vw,40px);font-weight:650;line-height:1.2;letter-spacing:-.03em;margin:22px 0 12px}h1:before{display:block;content:"";width:42px;height:2px;background:var(--accent);margin-bottom:22px}h2{font-size:24px;line-height:1.3;margin:28px 0 14px}h3{font-size:18px;margin:18px 0 8px}.lead{color:var(--muted);max-width:76ch;margin:0 0 28px}.panel{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:20px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:20px}.grid .panel{margin:0}.notice,.messages{background:var(--soft);border-left:3px solid var(--accent);padding:12px 18px;margin:18px 0}.errorlist{color:var(--text);border-left:3px solid var(--pink);padding:8px 12px 8px 30px;background:var(--surface)}.badge{display:inline-block;border:1px solid var(--line);border-radius:6px;padding:2px 8px;font-size:14px;background:var(--soft)}.muted,small,.helptext{color:var(--muted)}.helptext{display:block;max-width:76ch;font-size:14px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button,button[type=submit]{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:10px 18px;border:1px solid transparent;border-radius:6px;background:var(--accent);color:#081c23;font-weight:650;text-decoration:none;cursor:pointer}.button.secondary{background:transparent;border-color:var(--line);color:var(--text)}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}form{max-width:760px}form p,form>div{margin:18px 0}label{display:block;font-weight:550;margin-bottom:6px}input:not([type=checkbox],[type=radio],[type=hidden]),select,textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);min-height:44px}textarea{min-height:130px;resize:vertical}input[type=checkbox],input[type=radio]{width:20px;height:20px;vertical-align:middle;accent-color:var(--focus)}fieldset{border:1px solid var(--line);border-radius:6px;margin:18px 0;padding:18px}pre,code{overflow-wrap:anywhere;white-space:pre-wrap}table{border-collapse:collapse;width:100%;text-align:left}th{font-weight:500;color:var(--muted)}td,th{padding:14px 10px;border-bottom:1px solid var(--line);vertical-align:top}td:first-child,th:first-child{padding-left:0}.table-wrap{overflow-x:auto}td a{font-weight:600}.status-list{list-style:none;padding:0;margin:0}.status-list li{padding:16px 0;border-bottom:1px solid var(--line)}.status-list li:last-child{border-bottom:0}.status-list p{margin:6px 0}.form-narrow{max-width:680px}.site-footer{border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;gap:20px;font-size:14px;color:var(--muted)}.account-id{overflow-wrap:anywhere}dialog{background:var(--surface);color:var(--text);border:1px solid var(--line)}
/* Keep the full functional navigation reachable without relying on JavaScript. */
@media(max-width:700px){.header-inner,.main-shell,.site-footer{width:calc(100% - 32px)}.header-inner{min-height:76px;gap:18px;flex-wrap:wrap;padding:14px 0}.site-nav{order:3;width:100%;gap:20px}.header-actions{gap:14px;font-size:14px}.account-heading{align-items:flex-start;flex-direction:column;gap:0}.account-heading>a{margin:0 0 14px}.account-nav{gap:22px}.panel{padding:18px}.site-footer{flex-direction:column}.account-name{font-size:27px}td,th{min-width:130px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Preserve readable evidence text and accessible table captions at every viewport. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.prose{max-width:76ch;overflow-wrap:anywhere}.prose p:first-child{margin-top:0}dd{margin-left:0;margin-bottom:12px}dt{font-weight:600}
/* Required public counters remain legible without a canvas or client-side calculation. */
.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:18px}.metric-grid>div{border-left:2px solid var(--accent);padding-left:14px}.metric-grid dt{font-weight:500;color:var(--muted)}.metric-grid dd{font-size:30px;line-height:1.3;margin-top:5px}
