/* Aishtar admin shell: local assets, responsive layout, explicit status. */
:root{--bg:#f7f5f0;--panel:#fffefa;--border:#e4e1da;--text:#182641;--muted:#687080;--accent:#81364b;--ok:#287463;--warn:#936019;--err:#a7354d;--track:#edece7;--sidebar:#111e37;--side-text:#bbc4d7;--amber:#efb64a;--navy:#172641;--maroon:#81364b;--shadow:0 3px 18px #18264105}
:root[data-theme=dark]{--bg:#101829;--panel:#172237;--border:#2d3950;--text:#f2eee6;--muted:#acb7ca;--accent:#f3c36b;--ok:#80c6b3;--warn:#f3c36b;--err:#f09cae;--track:#263147;--sidebar:#0b1426}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#101829;--panel:#172237;--border:#2d3950;--text:#f2eee6;--muted:#acb7ca;--accent:#f3c36b;--ok:#80c6b3;--warn:#f3c36b;--err:#f09cae;--track:#263147;--sidebar:#0b1426}}
body{font-size:14px;letter-spacing:-.01em}button,input,select{min-height:36px}button{transition:background .15s,border-color .15s}button:disabled{cursor:not-allowed;opacity:.5}button.pri{color:#172641;background:var(--amber);border-color:var(--amber);font-weight:650}a{color:var(--accent)}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:3px}
#app.wrap{max-width:none;margin-left:224px;padding:0 36px 64px}#app>header{height:78px;border-bottom:1px solid var(--border);gap:9px;margin-bottom:28px;flex-wrap:nowrap}#app>header>h1{display:none}#app>header>button{font-size:12px;padding:5px 9px}#whoami{font-size:10px}#health{text-transform:capitalize}#app>nav{position:fixed;inset:0 auto 0 0;width:224px;background:var(--sidebar);padding:28px 16px;display:flex;flex-direction:column;flex-wrap:nowrap;border:0;gap:4px;z-index:20;margin:0;overflow-y:auto}nav button{display:flex;align-items:center;gap:11px;text-align:left;min-height:42px;border:0;border-radius:8px;color:var(--side-text);font-weight:500;padding:10px 13px}nav button:hover{color:#fff;background:#ffffff0b}nav button.active{color:#f6cd7c;background:#efb64a16;border:0}nav svg{width:18px;height:18px;opacity:.85;flex:none}.nav-brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:20px;letter-spacing:-.7px;font-weight:650;margin:0 8px 36px}.nav-brand svg{width:30px;height:30px;color:#efb64a}.nav-brand small{display:block;color:#a9b4cb;font-size:10px;letter-spacing:2px;text-transform:uppercase}.nav-section{font-size:10px;letter-spacing:1.5px;color:#8795b0;text-transform:uppercase;padding:22px 13px 6px}.nav-footer{margin-top:auto;padding:30px 12px 0;color:#8795b0;font-size:11px;line-height:1.7}.nav-footer b{color:#c2cbe0;font-weight:500}
.page-heading{display:flex;align-items:center;gap:18px;justify-content:space-between;margin:0 0 26px}.page-heading h1{font-size:29px;letter-spacing:-1px}.page-heading p{margin:5px 0 0;color:var(--muted);font-size:13px}.page-tools{display:flex;gap:8px}.eyebrow{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);font-weight:650;margin-bottom:8px}.freshness{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:11px}.freshness .dot{background:var(--ok);width:6px;height:6px}.freshness.stale .dot{background:var(--warn)}#search-nav{display:flex;align-items:center;gap:32px;color:var(--muted);margin-right:auto}kbd{font:11px var(--mono);border:1px solid var(--border);padding:1px 5px;border-radius:4px}
.health-brief{display:flex;align-items:center;gap:15px;padding:19px 22px;border:1px solid var(--border);border-radius:12px;background:var(--panel);margin-bottom:20px}.health-orb{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:color-mix(in srgb,var(--ok) 10%,var(--panel));color:var(--ok);font-size:21px;flex:none}.health-brief h3{font-size:16px;margin-bottom:2px}.health-brief p{margin:0;color:var(--muted);font-size:12px}.health-brief .pill{margin-left:auto}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 24px}.stat{border-radius:11px;padding:18px 20px}.stat .v{font-size:29px;letter-spacing:-1px;line-height:1.25}.stat .k{font-size:11px;text-transform:none;letter-spacing:0;margin-top:6px}.stat .stat-note{color:var(--muted);font-size:11px;margin-top:12px}.stat .stat-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:13px}.card{padding:22px;border-radius:12px}.card h3{font-size:15px}h2{margin-top:26px;font-size:11px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.section-title h2{margin:0}.section-title span{font-size:11px;color:var(--muted)}.attention-list{display:grid;gap:1px;border:1px solid var(--border);border-radius:12px;overflow:hidden;margin:0 0 24px}.attention-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--panel)}.attention-item+.attention-item{border-top:1px solid var(--border)}.attention-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:var(--track);color:var(--warn);font-size:16px}.attention-item p{margin:2px 0 0;color:var(--muted);font-size:12px}.attention-item button{margin-left:auto}.attention-item strong{font-size:13px;font-weight:600}.healthy-note{color:var(--muted);font-size:12px;padding:0 2px 20px}.fleet-mini{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px;flex:1;min-width:180px}.fleet-mini .dot{background:var(--ok)}.fleet-mini p{margin:2px 0 0;font-size:11px;color:var(--muted)}.fleet-mini b{font-weight:600;font-size:13px}#overview-fleet{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}
.tblwrap{border-radius:10px}th{padding:13px 15px;font-size:10px;background:color-mix(in srgb,var(--bg) 60%,var(--panel))}td{padding:12px 15px}.meta{line-height:1.65}#ops-restarts{margin-bottom:28px}#ops-restarts details>summary{cursor:pointer;color:var(--muted);padding:12px 0;font-size:12px}.node-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.node-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.node-card-top{display:flex;align-items:center;gap:12px;padding:20px 22px 12px}.node-glyph{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:var(--track);color:var(--accent);flex:none}.node-glyph svg{width:22px;height:22px}.node-card h3{margin:0;overflow-wrap:anywhere}.node-card .pill{margin-left:auto;font-size:10px;white-space:nowrap}.node-purpose{padding:0 22px;color:var(--muted);font-size:12px;min-height:42px}.node-metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:16px 22px;gap:10px}.node-metrics b{font-size:18px;font-weight:600;display:block;font-variant-numeric:tabular-nums}.node-metrics span{font-size:10px;color:var(--muted)}.node-capacity{padding:0 22px 18px}.node-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding:12px 22px;background:color-mix(in srgb,var(--bg) 50%,var(--panel));font-size:11px;color:var(--muted)}.node-footer button{font-size:11px;min-height:30px}.node-details{padding:0 22px 18px;overflow:hidden}.node-details summary{cursor:pointer;font-size:12px;color:var(--accent)}.fleet-toolbar{display:flex;gap:10px;align-items:center;margin:24px 0 14px}.fleet-toolbar input{max-width:300px}.fleet-toolbar label{font-size:12px;color:var(--muted)}.status-offline{color:var(--err)}.status-attention{color:var(--warn)}.status-ready{color:var(--ok)}.status-busy,.status-unknown{color:var(--muted)}.empty-state{text-align:center;border:1px dashed var(--border);border-radius:12px;padding:46px 24px;background:var(--panel)}.empty-state p{color:var(--muted);max-width:390px;margin:10px auto 18px}
.modal{backdrop-filter:blur(4px);background:#0a13266e}.modal .box{border-radius:16px;padding:26px;max-width:760px;box-shadow:0 25px 90px #0003}.modal .box>h3{font-size:21px;letter-spacing:-.6px}.field label{color:var(--text);font-size:12px}.field input,.field select{min-height:40px}.wizard-steps{display:flex;gap:8px;padding:0;list-style:none;margin:0 0 22px}.wizard-steps li{flex:1;font-size:11px;color:var(--muted);border-top:3px solid var(--border);padding-top:8px}.wizard-steps li.active{border-color:var(--accent);color:var(--accent)}.wizard-summary{border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:14px 16px;margin:12px 0}.wizard-summary p{margin:5px 0;font-size:12px;color:var(--muted)}.account-picker{max-height:190px;overflow:auto;border:1px solid var(--border);border-radius:9px;margin-bottom:12px}.account-choice{display:flex;align-items:center;gap:10px;padding:11px 13px;cursor:pointer}.account-choice+.account-choice{border-top:1px solid var(--border)}.account-choice input{width:16px;height:16px;min-height:0;accent-color:var(--accent)}.account-choice:has(input:disabled){opacity:.5;cursor:not-allowed}.account-choice small{margin-left:auto;color:var(--muted)}.inline-check{display:flex;gap:8px;align-items:center;font-size:12px}.inline-check input{width:16px;min-height:0}.wizard-error{color:var(--err);font-size:12px;min-height:18px}.command-list{display:grid;gap:5px}.command-list button{text-align:left;padding:11px 14px;display:flex;justify-content:space-between}.mobile-nav{display:none}#gate>div{background:var(--panel);padding:32px;border:1px solid var(--border);border-radius:16px;max-width:420px!important}#gate h1{letter-spacing:-.6px}
@media(min-width:1600px){#app.wrap{padding-left:60px;padding-right:60px}.page-heading{margin-top:34px}}
@media(max-width:1100px){#app.wrap{margin-left:190px;padding:0 22px 44px}#app>nav{width:190px;padding:26px 10px}.node-grid{grid-template-columns:1fr}#search-nav{gap:10px}#whoami{display:none!important}#tokbtn,#pwbtn{display:none!important}.stats{gap:9px}.stat{padding:16px}.stat .v{font-size:25px}}
@media(max-width:760px){#app.wrap{margin-left:0;padding:0 16px 40px}#app>nav{transform:translateX(-100%);transition:transform .18s;width:224px;box-shadow:15px 0 50px #0003}body.nav-open #app>nav{transform:translateX(0)}.mobile-nav{display:block}.nav-close{margin-bottom:8px}#app>header{height:64px;gap:7px;margin-bottom:22px}#search-nav{margin-left:auto;padding:6px 9px}#search-nav kbd,#search-nav .search-label,#logoutbtn{display:none!important}#health{font-size:10px;padding:3px 7px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:25px}.page-heading p{font-size:12px;max-width:245px}.page-tools{flex-direction:column}.page-tools button{font-size:11px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.health-brief{padding:16px;align-items:flex-start}.health-brief .pill{display:none}.health-brief h3{font-size:14px}#ops-grid{grid-template-columns:1fr!important}.card{padding:16px}.cards{grid-template-columns:1fr}.fleet-toolbar{flex-wrap:wrap}.fleet-toolbar input{max-width:none;flex:1;min-width:140px}.node-grid{grid-template-columns:1fr}.node-card-top{padding:16px}.node-purpose,.node-metrics,.node-capacity{padding-left:16px;padding-right:16px}.node-details{padding:0 16px 16px}.modal{padding:10px}.modal .box{padding:20px;max-height:92vh}.row{flex-wrap:wrap}.row>*{min-width:160px}.attention-item{padding:12px;gap:9px}.attention-item button{font-size:11px}.attention-icon{display:none}.freshness{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

[hidden]{display:none!important}.job-inspect{font-family:var(--mono);font-size:11px;border:0;padding:2px 0;min-height:28px;color:var(--accent);background:transparent}.job-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.job-summary>div{padding:12px;background:var(--bg);border-radius:8px}.job-summary small{display:block;color:var(--muted);font-size:10px}.job-summary b{font-size:13px}.delivery-row{padding:12px 0;border-top:1px solid var(--border);font-size:12px}.job-output{max-height:250px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
#ops-grid>*{min-width:0}.page-heading>div:first-child{min-width:0}.node-grid>*{min-width:0}
@media(max-width:760px){#ops-grid{grid-template-columns:minmax(0,1fr)!important}.page-heading .freshness{max-width:130px}.page-tools{flex:none}}
.field .account-choice{display:flex;gap:10px;align-items:center}.field .account-choice small{margin-left:auto}.field .account-choice span{font-weight:500}

/* Shared component refresh: warm surfaces, navy structure, amber actions. */
body { line-height:1.55; }
button, input, select, textarea { border-radius:9px; }
button { font-weight:550; padding:8px 13px; }
button:hover { background:color-mix(in srgb,var(--accent) 5%,var(--panel)); }
button.pri:hover { color:var(--navy); background:#f8c767; border-color:#f8c767; opacity:1; }
button.danger { color:var(--err); }
input,select,textarea { padding:9px 12px; }
input::placeholder,textarea::placeholder { color:var(--muted); opacity:.85; }
input[type=checkbox] { accent-color:var(--maroon); }
#app>header { margin-bottom:32px; height:76px; }
#app>nav button.active { box-shadow:inset 3px 0 var(--amber); }
.nav-brand { margin-bottom:24px; }
.nav-brand svg { opacity:1; }
.nav-section { padding-top:24px; }
.page-heading h1 { font-size:32px; letter-spacing:-1.1px; font-weight:700; }
.page-heading p { font-size:14px; }
.page-tools { align-items:center; flex-wrap:wrap; justify-content:flex-end; }
#search-nav { border-color:var(--border); background:var(--panel); border-radius:9px; padding:8px 12px!important; min-width:175px; }
#whoami { background:transparent; letter-spacing:.04em; }
#health { background:color-mix(in srgb,var(--ok) 7%,var(--panel)); border-color:color-mix(in srgb,var(--ok) 18%,var(--border)); }
h2 { text-transform:none; font-size:16px; font-weight:650; color:var(--text); letter-spacing:-.2px; }
.section-title h2 { font-size:17px; }
.card,.node-card,.account-card,.stat,.fleet-mini,.health-brief,.tblwrap,.dbgses { box-shadow:var(--shadow); }
.card,.node-card,.account-card { border-radius:16px; }
.card>.tblwrap { box-shadow:none; }
.cards { grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr)); gap:18px; }
.card .chead { flex-wrap:wrap; gap:9px; margin-bottom:12px; }
.card .actions { border-top:1px solid var(--border); padding-top:15px; margin-top:18px; gap:8px; }
.card .actions button { min-height:34px; padding:6px 11px; }
.card.off { opacity:.75; }
.card.cool,.card.bad { border-color:color-mix(in srgb,var(--err) 40%,var(--border)); }
.health-brief { border-radius:14px; padding:20px 24px; margin-bottom:22px; }
.health-orb { border-radius:12px; }
.stats { gap:16px; }
.stat { padding:21px 22px; border-radius:14px; border-top:3px solid var(--border); }
.stat .v { font-size:32px; font-weight:650; line-height:1.2; margin:8px 0; }
.stat .stat-top,.stat .k { font-size:12px; font-weight:550; }
.stat .stat-note { font-size:11px; margin-top:14px; }
.stats>.stat:nth-child(1) { border-top-color:var(--amber); background:var(--navy); color:#fff7e9; }
.stats>.stat:nth-child(1) :is(.stat-top,.stat-note,.k) { color:#c0cadd; }
.stats>.stat:nth-child(2) { border-top-color:var(--amber); background:color-mix(in srgb,var(--amber) 7%,var(--panel)); }
.stats>.stat:nth-child(3) { border-top-color:var(--maroon); background:color-mix(in srgb,var(--maroon) 5%,var(--panel)); }
.stats>.stat:nth-child(4) { border-top-color:var(--muted); }
.pill { font-size:11px; padding:4px 9px; font-weight:550; }
.badge,.tag,.dpill { border-radius:6px; font-weight:550; letter-spacing:.01em; }
.badge { padding:4px 8px; background:color-mix(in srgb,currentColor 8%,var(--panel)); }
.tag { text-transform:none; font-size:11px; }
.meta { margin-top:16px; padding-top:14px; gap:16px; font-size:12px; }
span.meta { margin:0; padding:0; border:0; display:inline; }
.tblwrap { border-radius:14px; }
table { font-size:12px; }
th { padding:15px 18px; font-size:10px; letter-spacing:.07em; font-weight:650; background:color-mix(in srgb,var(--navy) 4%,var(--panel)); }
td { padding:15px 18px; vertical-align:middle; }
tbody>tr:not(.jsub):not(.provider-job-group):hover { background:color-mix(in srgb,var(--amber) 5%,var(--panel)); }
td.mono { font-size:11px; }
.tblwrap button { min-height:32px; }
tr.jmain td { padding-top:17px; padding-bottom:9px; }
tr.jsub { background:var(--panel); }
tr.jsub td { padding:0 18px 17px; }
.jchips { gap:5px; margin:0; }
.jchip,.jchip.meta { margin:0; padding:2px 7px; border:0; display:inline-flex; background:var(--track); font-size:10px; line-height:1.6; border-radius:5px; }
.jprompt { color:var(--text); font-size:12px; margin:0 0 6px; max-width:850px; }
.jdetail { color:var(--muted); font-size:12px; }
.job-context summary { list-style:none; cursor:pointer; font-size:11px; color:var(--muted); display:flex; align-items:center; gap:7px; }
.job-context summary::before { content:'+'; font-size:15px; color:var(--accent); }
.job-context[open] summary::before { content:'−'; }
.job-context[open] summary { margin-bottom:10px; }
.job-context .jchips { margin-bottom:8px; }
.job-inspect { display:inline-flex; align-items:center; gap:8px; font-weight:600; color:var(--text); }
.jobs-toolbar,.account-toolbar { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin:26px 0 16px; }
.jobs-toolbar h2 { margin:0; font-size:18px; }
.jobs-toolbar label { font-size:11px; color:var(--muted); }
#jobs-group-note { font-size:11px; color:var(--muted); }
.provider-job-group td { background:color-mix(in srgb,var(--navy) 5%,var(--panel)); border-top:1px solid var(--border); padding:12px 18px; }
.provider-job-group td>span:last-child { float:right; color:var(--muted); font-size:11px; }
.provider-badge { display:inline-flex; align-items:center; gap:8px; vertical-align:middle; font-size:12px; font-weight:600; white-space:nowrap; color:var(--text); }
.provider-mark { display:grid; place-items:center; width:30px; height:30px; background:#fff; border:1px solid #e6e3de; border-radius:9px; color:#19243b; flex:none; }
.provider-mark img { display:block; width:19px; height:19px; object-fit:contain; }
.provider-badge[data-provider=anthropic] .provider-mark img { filter:invert(49%) sepia(28%) saturate(1013%) hue-rotate(330deg) brightness(91%); }
.job-inspect .provider-mark,.dbgjob .provider-mark { width:25px; height:25px; border-radius:7px; }
.job-inspect .provider-mark img,.dbgjob .provider-mark img { width:16px; height:16px; }
.run-account { display:flex; align-items:center; gap:9px; }
.run-account b { display:block; color:var(--text); font-size:11px; font-weight:550; }
.run-account small { display:block; color:var(--muted); font:10px/1.5 ui-sans-serif,system-ui,sans-serif; max-width:170px; overflow:hidden; text-overflow:ellipsis; }
.search-field { display:flex; align-items:center; gap:9px; background:var(--panel); border:1px solid var(--border); border-radius:9px; padding:0 12px; min-width:210px; flex:1; max-width:340px; }
.search-field>span { font-size:22px; color:var(--muted); }
.search-field input { border:0; background:transparent; padding-left:0; min-width:0; }
#account-result-count { margin-left:auto; font-size:11px; }
.provider-section { margin:28px 0 34px; }
.provider-section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 15px; }
.provider-identity { display:flex; gap:12px; align-items:center; }
.provider-identity .provider-mark { width:43px; height:43px; border-radius:12px; }
.provider-identity .provider-mark img { width:25px; height:25px; }
.provider-section-heading h2 { margin:0; font-size:18px; display:flex; gap:10px; align-items:center; }
.provider-section-heading h2 span { font-size:11px; color:var(--muted); padding:2px 7px; background:var(--track); border-radius:6px; }
.provider-section-heading p { margin:1px 0 0; font-size:11px; color:var(--muted); }
.provider-group-note { color:var(--muted); font-size:11px; }
.provider-account-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:18px; }
.account-card { border:1px solid var(--border); background:var(--panel); min-width:0; }
.account-card-head { display:flex; align-items:center; gap:11px; padding:20px 20px 0; }
.account-heading { min-width:0; flex:1; }
.account-heading h3 { margin:0; font-size:15px; overflow-wrap:anywhere; }
.account-heading p { margin:3px 0 0; font-size:11px; color:var(--muted); text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.account-card-head>.pill { font-size:10px; flex:none; }
.account-status-ready,.account-status-busy { color:var(--ok); background:color-mix(in srgb,var(--ok) 7%,var(--panel)); border-color:color-mix(in srgb,var(--ok) 20%,var(--border)); }
.account-status-attention { color:var(--err); background:color-mix(in srgb,var(--err) 6%,var(--panel)); }
.account-status-cooling,.account-status-unknown { color:var(--warn); }
.account-status-disabled { color:var(--muted); }
.account-attention { border-color:color-mix(in srgb,var(--maroon) 40%,var(--border)); }
.account-tags { display:flex; gap:8px; flex-wrap:wrap; padding:12px 20px 0; font-size:10px; color:var(--muted); }
.account-tags>span+span { border-left:1px solid var(--border); padding-left:8px; }
.account-capacity { padding:22px 20px 12px; display:grid; grid-template-columns:1fr 1fr; }
.account-capacity>div+div { border-left:1px solid var(--border); padding-left:20px; }
.account-capacity span { display:block; font-size:11px; color:var(--muted); margin-bottom:5px; }
.account-capacity strong { font-size:24px; font-weight:600; font-variant-numeric:tabular-nums; }
.account-capacity small { color:var(--muted); font-size:15px; font-weight:400; }
.account-slot-bar { margin:0 20px 19px; height:5px; }
.account-slot-bar .fill { background:var(--amber); }
.account-details { border-top:1px solid var(--border); }
.account-details>summary { padding:13px 20px; cursor:pointer; font-size:11px; color:var(--text); }
.account-details>summary span { float:right; color:var(--muted); font-size:10px; }
.account-details-body { padding:0 20px 18px; font-size:12px; }
.usage-source { font-size:10px; color:var(--muted); }
.account-diagnostics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:20px 0 0; }
.account-diagnostics>div:last-child { grid-column:1/-1; }
.account-diagnostics dt { font-size:10px; color:var(--muted); }
.account-diagnostics dd { margin:3px 0 0; font-size:11px; overflow-wrap:anywhere; }
.account-notice { padding:10px 14px; background:color-mix(in srgb,var(--maroon) 5%,var(--panel)); margin:0 20px 16px; border-radius:8px; font-size:11px; overflow-wrap:anywhere; }
.account-notice small { display:block; margin:4px 0; }
.account-details-body .account-notice { margin:16px 0 0; }
.account-actions { display:flex; gap:7px; padding:12px 20px; border-top:1px solid var(--border); background:color-mix(in srgb,var(--navy) 2%,var(--panel)); border-radius:0 0 16px 16px; }
.account-actions button { font-size:11px; min-height:33px; padding:6px 10px; }
.account-menu { margin-left:auto; position:relative; }
.account-menu>summary { list-style:none; cursor:pointer; padding:4px 10px; border:1px solid var(--border); border-radius:8px; min-height:33px; background:var(--panel); }
.account-menu>summary::-webkit-details-marker { display:none; }
.account-menu-items { position:absolute; right:0; top:40px; z-index:12; width:185px; display:grid; padding:6px; gap:2px; border:1px solid var(--border); background:var(--panel); border-radius:10px; box-shadow:0 10px 35px #0b142633; }
.account-menu-items button { border:0; text-align:left; white-space:normal; }
.empty-symbol { width:46px; height:46px; margin:0 auto 16px; border-radius:13px; background:var(--track); color:var(--accent); font-size:25px; }
.dbgses { border-radius:14px; margin-bottom:12px; }
.dbghdr { padding:18px; gap:12px; flex-wrap:wrap; }
.dbgjob { padding:14px 18px 14px 28px; gap:10px; }
.dbghdr:hover,.dbgjob:hover { background:color-mix(in srgb,var(--amber) 5%,var(--panel)); }
.tracebox { border-radius:12px; padding:20px; }
.dprompt,.derrbox { border-radius:9px; padding:13px; }
.modal .box { padding:30px; border-radius:18px; }
.field { margin-bottom:18px; }
.field label { margin-bottom:7px; }
.field .hint { line-height:1.55; margin-top:7px; }
#setup .card { border-left:3px solid var(--amber); }
#setup .meta { border:0; padding:0; margin-top:3px; }
#ops-throughput .card,#ops-failures .card { height:100%; }
@media(min-width:1750px) { .provider-account-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:1150px) { .provider-account-grid { grid-template-columns:1fr; } }
@media(max-width:760px) {
  .page-heading h1 { font-size:27px; }
  .page-heading p { font-size:12px; }
  #search-nav { min-width:0; }
  #app>header { height:64px; }
  .page-tools { align-items:flex-end; }
  .stat { padding:16px; }
  .stat .v { font-size:28px; }
  .stats { gap:10px; }
  .account-toolbar { gap:8px; }
  .search-field { max-width:none; flex-basis:100%; }
  .account-toolbar select { flex:1; min-width:0; max-width:100%; }
  #account-result-count { flex-basis:100%; margin:4px 0 0; }
  .provider-section-heading { gap:8px; }
  .provider-group-note { max-width:105px; text-align:right; }
  .account-card-head { flex-wrap:wrap; padding:16px 16px 0; }
  .account-card-head>.pill { margin-left:auto; }
  .account-heading { flex-basis:145px; }
  .account-tags { padding:12px 16px 0; }
  .account-capacity { padding-left:16px; padding-right:16px; }
  .account-actions { padding:12px 16px; }
  .account-details>summary { padding:13px 16px; }
  .account-details>summary span { float:none; display:block; margin:4px 0 0 13px; }
  .account-details-body { padding:0 16px 16px; }
  .jobs-toolbar .spacer { flex-basis:100%; }
  .jobs-toolbar select { max-width:100%; }
  .modal .box { padding:20px; }
  .dbghdr { gap:8px; padding:14px; }
  .dbghdr>.muted { overflow-wrap:anywhere; min-width:0; }
}
:root { --chart-success:#49618a; }
:root[data-theme=dark] { --chart-success:#91acd8; }
@media(prefers-color-scheme:dark) { :root:not([data-theme=light]) { --chart-success:#91acd8; } }
@media(max-width:760px) {
  .page-heading { flex-direction:column; gap:16px; }
  .page-heading p { max-width:none; }
  .page-tools { flex-direction:row; align-items:center; justify-content:space-between; width:100%; }
  .page-heading .freshness { max-width:145px; }
  .page-heading h1 { font-size:29px; }
}
/* Theme changes apply as one frame; avoid light button backgrounds fading under dark text colors. */
button { transition:border-color .15s; }
@media(max-width:760px) {
  #app>nav { box-shadow:none; }
  body.nav-open #app>nav { box-shadow:15px 0 50px #0003; }
}