/* v15.54.0 — saved-profile image delivery controls. */
:root[data-theme="dark"], :root:not([data-theme]) body:not(.light) {
  --paper:#080c13; --surface:#0f1723; --surface-2:#121f2e; --line:#23354a;
  --bg:#080c13; --panel:#0f1723; --input:#0b121d; --text:#dce7f4;
  --accent:#67ddeb; --accent-dark:#155b74; --green:#67ddeb; --focus:#67ddeb;
}
body {font-size:13px; line-height:1.5}
h1,.section-heading h1,.sectionhead h1 {font-size:23px!important; letter-spacing:-.025em}
h2,.status-card h2,.dashboard-section>summary {font-size:16px}
button,input,select,textarea {font-size:13px!important; border-radius:8px!important}
input,select,textarea {min-width:0; max-width:100%}
button {font-weight:650!important}
.sticky-shell {position:sticky;top:0;z-index:40}
.topbar {min-height:68px;padding:10px 18px;border-bottom:1px solid var(--line);position:relative;display:grid;grid-template-columns:auto minmax(180px,1fr) auto auto;gap:12px}
.brand {min-width:0}
.brand small {display:block;font-size:10px}
.brandmark {background:var(--accent,#67ddeb);color:#07111a}
.headstatus {justify-self:center}
.accountbar {justify-content:flex-end}
.iconbutton {width:38px;min-width:38px;height:38px;padding:0;display:inline-grid;place-items:center;font-size:19px!important}
.sidebar {position:fixed;z-index:35;left:0;top:68px;bottom:0;width:238px;display:flex;flex-direction:column;padding:14px 12px 16px;background:var(--surface,var(--panel));border-right:1px solid var(--line);transition:transform .18s ease,width .18s ease;overflow-y:auto}
.primarynav {position:static;top:auto;z-index:auto;display:flex;flex-direction:column;align-items:stretch;gap:5px;overflow:visible;padding:0;background:transparent}
.primarynav button,.primarynav .navlinkbutton {display:flex;align-items:center;width:100%;min-width:0;min-height:42px;padding:9px 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);text-align:left;text-decoration:none;white-space:normal}
.primarynav button:hover,.primarynav .navlinkbutton:hover {background:var(--surface-2);color:var(--ink)}
.primarynav button.active {color:var(--accent,#67ddeb);background:var(--surface-2,var(--input));border-color:var(--line)}
.sidebar-account {display:grid;gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.sidebar-account #activeUser {padding:5px 8px;color:var(--muted);overflow-wrap:anywhere}
.sidebar-account button {width:100%}
.sidebar-backdrop {display:none}
.appmain {margin-left:238px!important;width:calc(100% - 238px)!important;max-width:none!important;padding:22px 26px!important;transition:margin-left .18s ease,width .18s ease}
body.sidebar-collapsed .sidebar {transform:translateX(-100%)}
body.sidebar-collapsed .appmain {margin-left:0!important;width:100%!important}
.scopebar {margin-left:0}
#page-agents {padding:0!important;min-height:calc(100vh - 68px)}
#agentConsole {display:block;width:100%;height:calc(100vh - 68px);min-height:620px;border:0;background:var(--paper)}
body.sidebar-open .sidebar {transform:translateX(0)}
.status-grid>div,.metric,.status-card,.dashboard-section,.provider-account-card,.result-pane,.editorform,.profiledata {border-radius:11px}
.status-grid strong {font-size:23px}.status-grid {gap:10px}
.status-panels,.split,.playground-grid,.router-grid {gap:14px}
.playground-basics {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}
.playground-basics .wide {grid-column:1/-1}
.advancedbuilder {grid-column:1/-1;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--surface-2,var(--input))}
.advancedbuilder summary {cursor:pointer;font-weight:700;color:var(--muted)}
.advancedbuilder[open] summary {margin-bottom:12px;color:var(--text)}
.status-provider-card {min-height:0;border-radius:8px;padding:10px}
.status-provider-grid {grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.result {white-space:normal;overflow-wrap:anywhere}
.result-media {display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.result-media img,.result-media video {max-width:100%;max-height:380px;object-fit:contain;cursor:zoom-in;border-radius:8px}
.result-media audio {width:100%}
.trace-section pre,#requestDetail pre {max-height:none;overflow:visible;white-space:pre-wrap;overflow-wrap:anywhere}
#mediaLightbox {width:min(1200px,96vw)}
#mediaLightbox>img,#mediaLightbox>video {display:block;width:auto;max-width:100%;max-height:76vh;margin:0 auto}
#mediaLightbox .dialog-head {flex-wrap:wrap}
#detailImages img,#requestDetail figure img {max-width:100%;max-height:440px;object-fit:contain}
#detailImages figure,#requestDetail figure {margin:10px 0}
.media-row {display:flex;gap:8px}.media-row img {width:86px;height:86px;object-fit:contain;cursor:zoom-in}
.form-grid>label,.editorform>label {font-size:12px;font-weight:600}
.form-grid textarea,.editorform textarea {font-weight:400}
#adminTabs {padding:8px 0 16px;background:var(--panel,var(--surface))}
.pager {padding:10px;gap:8px}
.contract-drafts {display:grid;gap:8px;margin-top:12px}
.contract-drafts article {padding:12px;border:1px solid var(--line);border-radius:8px}
.form-grid input[type="checkbox"] {width:18px!important;min-height:18px}
.form-grid .wide {grid-column:1/-1}
[data-audio="voices"] audio,[data-audio="speech-result"] audio {max-width:100%}
.secondarynav {flex-wrap:wrap;overflow:visible;white-space:normal}
.secondarynav>* {flex:0 1 auto;min-width:0;max-width:100%;white-space:normal}
@media(max-width:900px) {
  .topbar {grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:8px 10px}
  .headstatus {grid-column:1/-1;grid-row:2;justify-self:start;font-size:11px}
  .brand span {max-width:190px}.brand small {font-size:9px}
  .sidebar {top:0;z-index:60;width:min(290px,86vw);padding-top:max(14px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-105%)}
  .sidebar-backdrop {position:fixed;inset:0;z-index:55;display:block;background:rgba(3,8,15,.56);border:0;border-radius:0;opacity:0;pointer-events:none;transition:opacity .18s ease}
  body.sidebar-open .sidebar-backdrop {opacity:1;pointer-events:auto}
  .appmain,.app-shell {margin-left:0!important;width:100%!important;padding:12px!important}
  .pagepanel {padding:22px 12px 40px}
  .status-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .status-panels,.split,.router-grid,.playground-grid {grid-template-columns:1fr}
  .playground-basics {grid-template-columns:1fr}
  .user-name {display:none}
  .secondarynav {align-items:stretch;gap:5px}
  .secondarynav>* {flex:1 1 118px;min-width:0;text-align:center;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after {scroll-behavior:auto!important;transition:none!important}}