/* Shared visual language for the operator console and its connection pages. */
:root, :root[data-theme="dark"] {
  color-scheme:dark; --bg:#101216; --panel:#191c22; --inset:#14171c; --raised:#23272f; --sidebar:#15181d;
  --line:#353b46; --muted:#acb5c4; --text:#f1f4f9; --accent:#ffad7e; --accent2:#ffad7e;
  --green:#78dbac; --red:#ff9ca8; --info:#9fc5ff; --warning:#f3cb81;
  --success-bg:#192e26; --error-bg:#352127; --warning-bg:#322b1f; --info-bg:#202b3c;
  --primary-bg:#f5a474; --primary-text:#25150c; --shadow:0 4px 20px #00000012;
  background:var(--bg); color:var(--text); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
:root[data-theme="grey"] {
  color-scheme:dark; --bg:#292c32; --panel:#343840; --inset:#2d3138; --raised:#424750; --sidebar:#30343b;
  --line:#555e6b; --muted:#c0c9d5; --text:#fafbfe; --accent:#ffb88e; --accent2:#ffb88e;
  --green:#95e6bd; --red:#ffabb5; --info:#b6d2ff; --warning:#ffda94;
  --success-bg:#294137; --error-bg:#4c3038; --warning-bg:#493c29; --info-bg:#34445a;
  --primary-bg:#ffb88e; --primary-text:#2a180e; --shadow:0 4px 20px #0000000d;
}
:root:not([data-theme]), :root[data-theme="white"] {
  color-scheme:light; --bg:#f5f6f8; --panel:#ffffff; --inset:#f7f8fa; --raised:#edf0f4; --sidebar:#ffffff;
  --line:#d1d7e0; --muted:#566274; --text:#202a39; --accent:#a04413; --accent2:#a04413;
  --green:#166846; --red:#ae2941; --info:#285fb0; --warning:#875807;
  --success-bg:#e9f5ee; --error-bg:#fceef0; --warning-bg:#fff4df; --info-bg:#edf3fc;
  --primary-bg:#a04413; --primary-text:#ffffff; --shadow:0 4px 20px #1b2b4506;
}
* { box-sizing:border-box; }
body { background:var(--bg); color:var(--text); font-family:inherit; line-height:1.55; }
[hidden] { display:none!important; }
button,input,select,textarea { font:inherit; }
button,a,input,select,textarea,summary { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
button { min-height:42px; }
button:disabled { cursor:not-allowed; opacity:.5; }
a { color:var(--info); text-underline-offset:4px; }
input:not([type="checkbox"]):not([type="radio"]),textarea,select { background:var(--inset); color:var(--text); border:1px solid var(--line); border-radius:10px; min-height:44px; }
input::placeholder,textarea::placeholder { color:var(--muted); opacity:1; }
input[type="checkbox"],input[type="radio"] { accent-color:var(--accent); }
input:focus,textarea:focus,select:focus { border-color:var(--accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent); }
h1 { font-size:clamp(26px,2.6vw,36px); letter-spacing:-.035em; font-weight:720; line-height:1.2; }
h2 { font-size:20px; letter-spacing:-.025em; line-height:1.35; }
.eyebrow { font-size:11px; font-weight:750; color:var(--accent); letter-spacing:.12em; }
.shell { grid-template-columns:264px minmax(0,1fr); }
.shell>aside { background:var(--sidebar); padding:28px 18px 20px; border-right:1px solid var(--line); height:100dvh; overflow-y:auto; gap:0; scrollbar-width:thin; }
.brand { padding:0 10px 28px; gap:12px; }
.brand-mark { width:40px; height:40px; border-radius:12px; background:var(--primary-bg); color:var(--primary-text); font-size:21px; box-shadow:none; }
.brand strong { font-size:17px; letter-spacing:-.025em; }.brand small { font-size:12px; color:var(--muted); }
.shell nav { gap:4px; margin-bottom:24px; }
.shell .nav { min-height:42px; padding:10px 12px; color:var(--muted); border-radius:9px; font-size:13px; font-weight:550; border-color:transparent; }
.shell .nav:hover { background:var(--raised); color:var(--text); }
.shell .nav.active { background:color-mix(in srgb,var(--accent) 12%,var(--panel)); color:var(--accent); box-shadow:inset 3px 0 var(--accent); border-color:transparent; font-weight:700; }
.shell nav>a:first-of-type { margin-top:15px; }
.shell .nav span { font-size:14px; }
.shell>main { padding:34px clamp(22px,3vw,48px) 64px; }
.shell>main>header { display:grid; grid-template-columns:1fr auto; gap:16px; margin-bottom:32px; padding-bottom:23px; border-bottom:1px solid var(--line); }
.shell>main>header .badges { grid-column:1/-1; grid-row:2; justify-content:flex-start; gap:7px; display:flex; }
.shell .badge { background:var(--panel); border-color:var(--line); padding:5px 9px; font-size:11px; }
.account-menu { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }.account-identity { margin-right:10px; }
.shell .panel { border-radius:16px; box-shadow:var(--shadow); border-color:var(--line); background:var(--panel); }
.pad { padding:24px; }.section-head { gap:16px; flex-wrap:wrap; }.section-head p.muted { max-width:70ch; }
.metric-grid { gap:16px; margin-bottom:24px; }
.shell .metric-card { background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:22px; box-shadow:var(--shadow); min-height:146px; position:relative; }
.shell .metric-card:first-child { border-top:3px solid var(--accent); padding-top:20px; }
.shell .metric-card small { text-transform:none; letter-spacing:0; color:var(--muted); font-size:13px; font-weight:600; }
.shell .metric-card strong { color:var(--text); font-size:clamp(26px,2.5vw,36px); font-weight:700; letter-spacing:-.045em; font-variant-numeric:tabular-nums; }
.shell .metric-card span { font-size:12px; color:var(--muted); }
.dashboard-grid { gap:20px; }.dashboard-orders,.system-list { margin-top:8px; }
.shell .dashboard-order,.shell .dashboard-handoff { border-radius:10px; padding:15px; background:var(--inset); }
.result-empty { padding:35px 20px; border:1px dashed var(--line); border-radius:12px; font-size:14px; min-height:110px; align-content:center; }
.shell .secondary,button.secondary,.shell .order-status-action,.shell .handoff-action { background:var(--inset); color:var(--text); border:1px solid var(--line); border-radius:9px; box-shadow:none; font-size:13px; font-weight:600; }
.secondary:hover:not(:disabled) { background:var(--raised); border-color:var(--muted); }
button[type="submit"],.primary,body:not(:has(.shell)) button:not(.secondary):not(.stop):not([data-theme-choice]) { background:var(--primary-bg); color:var(--primary-text); border:1px solid transparent; border-radius:9px; font-weight:650; }
.shell .order-filters button,.shell .handoff-filters button { background:var(--panel); border:1px solid var(--line); border-radius:8px; color:var(--muted); padding:9px 13px; }
.shell .order-filters button.active,.shell .handoff-filters button.active { background:var(--raised); color:var(--text); border-color:var(--accent); box-shadow:inset 0 -2px var(--accent); }
.shell .order-filters button.active :is(span,b),.shell .handoff-filters button.active :is(span,b) { color:inherit; }
.shell .order-card,.shell .handoff-card { border-radius:13px; background:var(--panel); box-shadow:none; }
.shell .order-card header,.shell .order-card footer,.shell .handoff-card header,.shell .handoff-card footer { background:var(--inset); }
.order-body { grid-template-columns:repeat(3,minmax(0,1fr)); }
.order-copy-field { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.order-copy-content { flex:1 1 150px; }.order-copy-button { flex:0 0 auto; }
@media(max-width:1100px) { .order-body { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .order-body { grid-template-columns:1fr; } }
.shell .bot-control-card { background:var(--success-bg); border-color:color-mix(in srgb,var(--green) 35%,var(--line)); box-shadow:none; margin-top:auto; }
.shell .bot-control-card.off { background:var(--error-bg); border-color:var(--red); }
.shell .bot-control-card.degraded { background:var(--warning-bg); border-color:var(--warning); }
.bot-control-copy strong { font-size:11px; }.bot-control-copy small,.bot-control-card.off .bot-control-copy small { color:var(--muted); font-size:11px; }
.bot-toggle { background:var(--panel); color:var(--green); border-color:var(--line); font-size:12px; }.bot-toggle.off { background:var(--panel); color:var(--red); border-color:var(--line); }
.boundary { background:var(--inset); border:1px solid var(--line); padding:13px; }.boundary strong { font-size:10px; letter-spacing:.07em; }.boundary p { font-size:11px; }
.appearance { padding-top:18px; margin-top:18px; border-top:1px solid var(--line); }
.appearance-label { display:block; font-size:10px; font-weight:700; color:var(--muted); letter-spacing:.1em; margin-bottom:9px; }
.theme-choices { display:flex; gap:4px; padding:4px; border:1px solid var(--line); background:var(--inset); border-radius:11px; max-width:300px; }
.theme-choices button { flex:1; min-height:36px; padding:7px 8px; border:1px solid transparent; background:transparent; color:var(--muted); border-radius:7px; font-size:12px; font-weight:650; cursor:pointer; }
.theme-choices button::before { content:""; display:inline-block; width:9px; height:9px; border:1px solid #8a919e; border-radius:50%; margin-right:6px; background:#17191e; }
.theme-choices [data-theme-choice="grey"]::before { background:#717781; }.theme-choices [data-theme-choice="white"]::before { background:#fff; }
.theme-choices button[aria-pressed="true"] { background:var(--panel); color:var(--text); border-color:var(--line); box-shadow:0 1px 3px #00000010; }
.navigation-toggle { display:none; }.skip-link { position:fixed; top:-100px; left:16px; z-index:100; padding:12px 18px; background:var(--panel); color:var(--text); }.skip-link:focus { top:12px; }
body:not(:has(.shell))>main:not(.auth-shell) { max-width:1100px; padding:40px 28px 60px; }
body:not(:has(.shell)) main>header { border-bottom:1px solid var(--line); padding-bottom:25px; margin-bottom:26px; }
body:not(:has(.shell)) main>section,body:not(:has(.shell)) .card { background:var(--panel); border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow); padding:26px; }
body:not(:has(.shell)) p,body:not(:has(.shell)) dt { color:var(--muted); }
body:not(:has(.shell)) main>section h2 { margin-bottom:20px; }
#notice,.notice { background:var(--info-bg); border:1px solid var(--line); color:var(--text); }
#notice.error,.auth-error { background:var(--error-bg); color:var(--red); border-color:var(--red); }
button.stop { background:var(--error-bg); color:var(--red); border:1px solid var(--red); }
dl { gap:14px; }dd { color:var(--text); }summary { cursor:pointer; }
#events>li { padding:16px 0; border-bottom:1px solid var(--line); }#events details { margin-top:10px; }#events summary { color:var(--info); font-size:13px; }#events pre { padding:16px; border-radius:10px; background:var(--inset); color:var(--muted); font-size:12px; }
.auth-page { background:var(--bg); }.auth-shell { min-height:100dvh; padding:40px 20px; display:grid; place-items:center; }.auth-card { background:var(--panel); width:100%; max-width:470px; padding:36px; border:1px solid var(--line); border-radius:20px; box-shadow:var(--shadow); }
.auth-brand { margin-bottom:36px; }.auth-card h1 { font-size:30px; }.auth-security { font-size:12px; color:var(--muted); }.auth-card .appearance { margin-top:24px; }.auth-card .theme-choices { max-width:none; }
dialog { background:var(--panel); color:var(--text); border:1px solid var(--line); border-radius:16px; max-width:min(540px,calc(100vw - 28px)); }dialog::backdrop { background:#080d1790; }
@media(min-width:901px) { .shell>aside .boundary { display:block; }.shell .nav span { display:inline-block; } }
@media(max-width:1200px) { .metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.shell>main>header { align-items:start; }.account-menu { max-width:260px; justify-content:flex-end; } }
@media(max-width:900px) {
  .shell { display:flex; flex-direction:column; }.shell>aside { display:none; position:static; width:100%; height:auto; max-height:none; padding:22px; border-right:0; border-bottom:1px solid var(--line); order:1; }
  .shell.navigation-open>aside { display:flex; }.shell>main { order:2; padding:20px 18px 45px; }.shell .navigation-toggle { display:block; margin-bottom:20px; }.shell.navigation-open .navigation-toggle { margin-top:0; }
  .shell nav { grid-template-columns:repeat(2,minmax(0,1fr)); }.shell nav>a:first-of-type { margin-top:0; }.shell .nav span { display:inline-block; }.shell .boundary { display:block; }.shell .bot-control-card { margin-top:0; }
  .shell>main>header { gap:14px; margin-bottom:22px; }.shell>main>header .badges { display:flex; }.shell .badge { max-width:100%; overflow-wrap:anywhere; }.account-identity { display:none; }
  .dashboard-grid,.grid.two,.audit-layout,.users-layout { grid-template-columns:1fr; }.appearance .theme-choices { max-width:300px; }
}
@media(max-width:560px) {
  .shell>main>header { grid-template-columns:1fr; }.account-menu { max-width:none; justify-content:flex-start; }.shell>main>header .badges { grid-row:auto; }.metric-grid { gap:10px; }.shell .metric-card { padding:15px; min-height:132px; }.shell .metric-card:first-child { padding-top:13px; }.shell .metric-card strong { font-size:26px; }
  .pad { padding:18px; }.section-head { align-items:flex-start; }.shell>main { padding:18px 14px 40px; }.auth-card { padding:26px 22px; }.auth-shell { padding:20px 14px; }
  body:not(:has(.shell))>main:not(.auth-shell) { padding:24px 16px 40px; }body:not(:has(.shell)) main>section,body:not(:has(.shell)) .card { padding:20px; }
  .actions button { flex:1 1 140px; }.theme-choices button { min-height:42px; }header { flex-wrap:wrap; }.order-card header,.handoff-card header,.order-card footer,.handoff-card footer { flex-wrap:wrap; }
}
@media(prefers-reduced-motion:no-preference) { button,a { transition:background-color .15s,border-color .15s; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

.operator-dialog {width:min(1050px,96vw);max-width:calc(100vw - 28px);height:90vh;border:1px solid var(--line);border-radius:16px;padding:0;background:var(--panel);color:var(--text);}
.operator-dialog[open]{display:flex;flex-direction:column}.operator-dialog::backdrop{background:#0008}.operator-dialog header{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line)}.operator-dialog header small{display:block;color:var(--muted);margin-top:5px}.operator-dialog button{width:auto;padding:9px 14px}.operator-dialog button:disabled{opacity:.5;cursor:not-allowed}
#operator-messages{flex:1;overflow:auto;padding:18px;background:var(--inset)}.operator-message{max-width:85%;padding:10px 14px;margin:8px 0;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.operator-message.agent{margin-left:auto;background:var(--raised)}.operator-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}.operator-message small{color:var(--muted)}#operator-form{padding:14px;display:grid;gap:8px}#operator-text{width:100%;box-sizing:border-box;background:var(--inset);color:var(--text);border:1px solid var(--line);padding:10px;border-radius:8px}.operator-actions{display:flex;gap:8px;flex-wrap:wrap}#operator-feedback,#operator-media{margin:0;padding:5px 16px;font-size:13px}

.operator-dialog button{border:1px solid var(--line);border-radius:8px;background:var(--inset);color:var(--text);font:inherit}.operator-dialog #operator-send{background:var(--primary-bg);color:var(--primary-text);border-color:var(--primary-bg)}

#operator-summary { padding: 10px 16px; max-height: 190px; overflow: auto; border-bottom: 1px solid var(--border, #ddd); }
#operator-summary-content { white-space: pre-wrap; font-size: 13px; padding-top: 8px; }
/* Keep the composer inside the visible viewport, including the phone keyboard. */
.operator-dialog{overflow:hidden;max-height:var(--operator-height,90dvh)}
.operator-dialog>header,.operator-dialog>form,.operator-dialog>details{flex-shrink:0}
.operator-dialog>header{flex-wrap:nowrap;margin:0;gap:10px}
.operator-dialog header>div{min-width:0;flex:1;overflow-wrap:anywhere}
.operator-dialog header button{flex-shrink:0;align-self:flex-start}
#operator-messages{min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#operator-summary{max-height:25%;box-sizing:border-box}
#operator-text{font-size:16px;resize:vertical;max-height:130px;min-height:48px}
#operator-upload summary{cursor:pointer;font-size:13px}#operator-upload input{max-width:100%}
#operator-feedback{max-height:65px;overflow:auto;flex-shrink:0}
#operator-feedback:empty,#operator-media:empty{display:none}
.operator-media-dialog{width:min(1000px,96vw);height:min(850px,90dvh);max-height:var(--operator-height,90dvh);padding:12px;box-sizing:border-box;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px}
.operator-media-dialog[open]{display:flex;flex-direction:column;gap:10px}
.operator-media-dialog::backdrop{background:#000b}
.operator-media-dialog header{display:flex;flex-wrap:nowrap;margin:0;justify-content:space-between;align-items:center;gap:10px;flex-shrink:0}
.operator-media-dialog button{width:auto;padding:10px;font:inherit}
.operator-media-dialog p{margin:0}.operator-media-dialog p:empty{display:none}
.operator-media-content{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto}
.operator-media-content img,.operator-media-content video{display:block;max-width:100%;max-height:100%;object-fit:contain}.operator-media-content audio{max-width:100%}
@media(max-width:700px){
 .operator-dialog,.operator-media-dialog{position:fixed;inset:var(--operator-top,0px) 0 auto 0;margin:0;width:100%;max-width:100%;height:var(--operator-height,100dvh);max-height:var(--operator-height,100dvh);border-radius:0;box-sizing:border-box}
 .operator-dialog header{padding:8px 10px;gap:8px}.operator-dialog header strong{font-size:14px}.operator-dialog header small{font-size:11px;margin-top:2px}
 .operator-dialog button{padding:9px 10px;font-size:13px;min-height:40px}
 #operator-summary{padding:6px 10px;font-size:12px}
 #operator-messages{padding:8px}.operator-message{max-width:92%;padding:8px 10px}
 #operator-form{padding:6px 10px max(6px,env(safe-area-inset-bottom));gap:5px}
 #operator-form>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 #operator-text{padding:6px;min-height:48px;height:52px;max-height:90px}
 .operator-actions{flex-wrap:nowrap;gap:5px}.operator-actions button{flex:1;padding:8px 4px}
 #operator-feedback,#operator-media{padding:3px 10px;font-size:12px;max-height:45px}
 #operator-upload[open]{max-height:95px;overflow:auto}
 .operator-media-dialog{padding:10px 10px max(10px,env(safe-area-inset-bottom))}
}
/* Dashboard refresh: compact navigation, clear model state and balanced metrics. */
.shell { grid-template-columns:282px minmax(0,1fr); }
.shell>aside { padding:24px 16px; background:linear-gradient(170deg,var(--sidebar),color-mix(in srgb,var(--sidebar) 94%,var(--accent))); }
.shell .brand { padding:0 12px 24px; }
.shell .brand-mark { border-radius:14px; width:44px; height:44px; box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 18%,transparent); }
.shell nav { gap:4px; margin-bottom:20px; }
.shell .nav { justify-content:flex-start; gap:12px; min-height:42px; padding:10px 12px; font-size:13px; border-radius:11px; }
.shell .nav-icon { width:19px; height:19px; flex:0 0 19px; opacity:.8; }
.shell .nav>span { margin-left:auto; }
.shell .nav.active { background:var(--primary-bg); color:var(--primary-text); box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 16%,transparent); }
.shell .nav.active .nav-icon { opacity:1; }
.shell nav>a:first-of-type { margin-top:14px; }
.shell .bot-control-card { flex-shrink:0; margin:0 0 10px; padding:13px; gap:10px; border-color:color-mix(in srgb,var(--green) 24%,var(--line)); border-radius:14px; box-shadow:none; }
.shell .bot-control-card.off { border-color:color-mix(in srgb,var(--red) 24%,var(--line)); }
.shell .bot-control-copy small { font-size:11px; line-height:1.5; }
.shell .bot-control-copy strong { font-size:10px; letter-spacing:.06em; }
.shell .bot-toggle { min-height:38px; padding:8px; font-size:11px; border-color:color-mix(in srgb,currentColor 25%,var(--line)); background:var(--panel); }
.shell #customer-provider-card { margin-top:4px; background:var(--panel); border-color:var(--line); }
.shell #customer-provider-card>strong { font-size:10px; letter-spacing:.1em; color:var(--muted); }
.shell #customer-provider-card p { font-size:12px; margin:0; font-weight:600; }
.shell #customer-provider-card .field { gap:6px; margin:0; font-size:11px; }
.shell #customer-provider-card select { font-size:12px; padding:9px; min-height:40px; }
.shell #customer-provider-card small { font-size:10px; }
.shell .boundary { margin-top:4px; padding:12px; }
.shell>main { width:100%; max-width:none; margin:0; padding:34px clamp(20px,3vw,48px) 54px; }
.shell>main>header { margin-bottom:26px; padding-bottom:24px; gap:20px; }
.dashboard-subtitle { margin:8px 0 0; color:var(--muted); font-size:13px; }
.shell>main>header .badges { align-items:center; gap:10px; }
.shell #customer-route-badge { display:flex; align-items:center; gap:12px; margin-left:auto; border:1px solid color-mix(in srgb,var(--green) 30%,var(--line)); background:var(--success-bg); color:var(--green); border-radius:13px; padding:11px 16px; }
#customer-route-badge>span:last-child { display:grid; gap:3px; }
#customer-route-badge small { font-size:9px; letter-spacing:.12em; font-weight:750; }
#customer-route-badge b { font-size:13px; font-weight:700; }
.active-model-dot { width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 12%,transparent); flex-shrink:0; }
.shell .metric-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:24px; }
.shell .metric-card { display:grid; align-content:start; gap:10px; min-height:146px; padding:22px 24px; border-radius:16px; box-shadow:0 3px 12px #152b4603; }
.shell .metric-card:first-child { border:1px solid color-mix(in srgb,var(--green) 30%,var(--line)); background:linear-gradient(120deg,var(--success-bg),var(--panel)); padding:22px 24px; }
.shell .metric-card:first-child strong { color:var(--green); }
.shell .metric-card:nth-child(2) { background:linear-gradient(120deg,var(--info-bg),var(--panel)); }
.shell .metric-card small { font-size:13px; }
.shell .metric-card strong { font-size:34px; line-height:1.1; }
.shell .metric-card span { font-size:11px; }
.shell .dashboard-grid { grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr); gap:20px; align-items:start; }
.shell .dashboard-grid>.panel { padding:24px; }
.shell .dashboard-orders { min-height:0; }
.shell .dashboard-handoffs { gap:14px; }
.shell .dashboard-handoff { padding:18px; gap:16px; background:var(--panel); border-radius:13px; align-items:start; }
.shell .dashboard-handoff>div { min-width:0; gap:8px; }
.shell .dashboard-handoff b { font-size:14px; }
.shell .dashboard-handoff span { font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.shell .dashboard-handoff small { font-size:10px; max-width:125px; flex-shrink:0; text-align:right; }
.shell .dashboard-handoff button { justify-self:start; padding:8px 12px; min-height:36px; border:1px solid var(--line); border-radius:8px; background:var(--inset); font-size:12px; font-weight:600; }
.shell .dashboard-order { padding:18px; }
.shell .system-row { padding:13px 0; font-size:13px; }
@media(min-width:1600px){.shell .metric-grid{grid-template-columns:repeat(6,minmax(0,1fr));}.shell .metric-card{padding:20px;}.shell .metric-card:first-child{padding:20px;}.shell .metric-card strong{font-size:30px;}}
@media(max-width:1150px){.shell .dashboard-grid{grid-template-columns:1fr;}.shell #customer-route-badge{margin-left:0;}.shell .metric-card{padding:18px;}.shell .metric-card:first-child{padding:18px;}}
@media(max-width:900px){.shell{display:flex;}.shell>aside{width:100%;height:auto;padding:20px;}.shell>main{padding:22px 18px 40px;}.shell .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.shell .dashboard-grid{grid-template-columns:1fr;}.shell>main>header .badges{display:flex;}.shell #customer-route-badge{width:100%;order:-1;}.shell .nav{min-height:44px;}.shell .dashboard-grid>.panel{padding:20px;}}
@media(max-width:560px){.shell>main>header{gap:14px;}.shell .metric-grid{gap:10px;}.shell .metric-card,.shell .metric-card:first-child{padding:16px;min-height:134px;}.shell .metric-card strong{font-size:28px;}.shell .metric-card small{font-size:12px;}.shell .dashboard-handoffs{grid-template-columns:1fr;}.shell .dashboard-handoff{flex-direction:column;gap:10px;padding:16px;}.shell .dashboard-handoff small{text-align:left;max-width:none;}.shell .dashboard-grid>.panel{padding:18px;}.shell .nav{font-size:12px;gap:8px;}.shell .section-head{gap:12px;}.shell .section-head h2{font-size:19px;}}

@media(max-width:560px){.shell .metric-card:nth-child(5) strong{font-size:22px;}}

#operator-target{min-width:140px;max-width:100%;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text)}
@media(max-width:600px){.operator-actions{flex-wrap:wrap}#operator-target{flex:1 1 45%;min-width:0}}