/* SLFD IC Hub v7.1: role-oriented incident workspace identity, independent of First Due UI.
   Section/Division identifiers use local configurable conventions, not a purported
   national standard. Red/amber/green condition statuses remain semantically separate. */
:root,[data-ui-theme="light"]{
  color-scheme:light;
  --app-bg:#f3f6fb;--app-surface:#ffffff;--app-soft:#f7f9fd;--app-well:#f1f5fb;
  --app-ink:#1b2d44;--app-text:#31465f;--app-muted:#64778f;--app-faint:#8999ab;
  --app-line:#dce5f0;--app-strongline:#c8d5e5;--app-blue:#2b64be;--app-link:#245fb7;
  --app-bluewash:#e9f1ff;--app-navy:#162d48;--app-navy-2:#233e60;
  --app-green:#13846a;--app-greenwash:#e6f6f0;--app-amber:#9c650c;--app-amberwash:#fff4da;
  --app-red:#ad394a;--app-redwash:#ffedf0;--app-violet:#7951b8;
  --app-shadow:0 4px 22px rgba(29,52,87,.055),0 1px 3px rgba(29,52,87,.045);
  --app-cardshadow:0 3px 13px rgba(20,42,76,.065);
}
[data-ui-theme="dark"]{
  color-scheme:dark;
  --app-bg:#0f1a2d;--app-surface:#18263c;--app-soft:#1d2c43;--app-well:#22334a;
  --app-ink:#e7f0ff;--app-text:#c6d3e5;--app-muted:#a8b8ce;--app-faint:#8398b4;
  --app-line:#364961;--app-strongline:#52647b;--app-blue:#79a9ff;--app-link:#9dc2ff;
  --app-bluewash:#253b5e;--app-navy:#101c30;--app-navy-2:#1c3453;
  --app-green:#6fd1ae;--app-greenwash:#1a3e3c;--app-amber:#e4b76f;--app-amberwash:#403624;
  --app-red:#f09aa2;--app-redwash:#492b39;--app-violet:#c2a4fb;
  --app-shadow:0 8px 28px rgba(0,0,0,.21);--app-cardshadow:0 4px 16px rgba(0,0,0,.18);
}
*{scrollbar-color:var(--app-strongline) transparent}
body.ic-standalone,body.ic-standalone .hub-shell{background:var(--app-bg);color:var(--app-text)}
body.ic-standalone .hub-shell{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;font-size:13px}
button,select,a{touch-action:manipulation}
:where(button,a,input,select,textarea):focus-visible{outline:3px solid #69a6ff;outline-offset:2px}
/* Professional top chrome: rich navy, white nav, visible active workspace. */
.shared-toolbar{background:linear-gradient(105deg,var(--app-navy),#1d4165);border-bottom:1px solid #42628a;box-shadow:0 3px 11px #14223818;padding:9px 22px;min-height:56px;gap:9px}
.shared-toolbar>strong{font-size:11px;letter-spacing:.1em;color:#eaf2ff}
.shared-toolbar select{background:#294c72;border:1px solid #5c779b;border-radius:9px;color:#f5f9ff;font-size:11px;min-height:37px}
.shared-toolbar .shared-btn{background:#ffffff10;border-color:#ffffff33;color:#f1f5ff;border-radius:8px;min-height:36px;font-size:11px;transition:background .15s,transform .15s}
.shared-toolbar .shared-btn:hover{background:#ffffff25;color:#fff}
.shared-toolbar .shared-btn[data-shared-act="open-rooms"]{background:#215d85;border-color:#5a95bb;color:#fff}
.shared-toolbar .shared-btn[data-shared-act="open-myview"],.shared-toolbar .shared-btn[data-shared-act="open-leadership"]{background:#ffffff15}
.shared-tag{border-radius:20px;padding:6px 10px;font-size:10px}
.shared-tag-good{background:#14634f;color:#fff}.shared-tag-warn{background:#91602d;color:#fff}.shared-tag-bad{background:#a03c49;color:#fff}
.shared-role{background:#ffffff22;color:#fff}.shared-counter,.shared-mini{color:#c8dbf5}
.hub-mast{background:var(--app-surface);border-bottom:1px solid var(--app-line);box-shadow:none;min-height:75px;padding:11px clamp(16px,2vw,40px)}
.hub-brand-eyebrow{color:var(--app-faint);font-size:9px;letter-spacing:1.5px}
.hub-brand strong{font-size:21px;letter-spacing:-.045em;color:var(--app-ink)}
.hub-brand em{color:var(--app-blue)}
.hub-logo{background:linear-gradient(140deg,#244f89,#3c7bd4);border-radius:13px;box-shadow:0 3px 10px #294f8b25}
.hub-live-warning{border-radius:20px;border:1px solid #f5b7bd;background:var(--app-redwash);color:var(--app-red);font-size:9px;letter-spacing:.07em;padding:8px 12px}
.hub-locationtitle{color:var(--app-muted);font-size:11px;font-weight:700}
.hub-topbar{background:var(--app-surface);border-bottom:1px solid var(--app-line);padding-inline:clamp(12px,2vw,40px);gap:12px;min-height:59px}
.hub-global-tabs{gap:6px;scrollbar-width:thin}
.hub-navtab{border:1px solid transparent;border-bottom:3px solid transparent;color:var(--app-muted);background:transparent;border-radius:9px 9px 0 0;min-height:56px;font-size:11px;font-weight:760;padding:0 13px;transition:background .15s,color .15s}
.hub-navtab:hover{color:var(--app-blue);background:var(--app-soft)}
.hub-navtab .hub-nav-icon{color:var(--tab-color,var(--app-blue));font-size:17px;filter:saturate(.9)}
.hub-navtab[data-hub-tab="command"]{--tab-color:#376fb9}
.hub-navtab[data-hub-tab="rooms"]{--tab-color:#8356b7}
.hub-navtab[data-hub-tab="hazmat"]{--tab-color:#a97020}
.hub-navtab[data-hub-tab="map"]{--tab-color:#148c82}
.hub-navtab[data-hub-tab="weather"]{--tab-color:#4084b8}
.hub-navtab[data-hub-tab="mci"]{--tab-color:#c45562}
.hub-navtab[data-hub-tab="comms"]{--tab-color:#8a5eae}
.hub-navtab-active,.hub-navtab[data-hub-tab="command"].hub-navtab-active{background:var(--app-bluewash);border-color:transparent;border-bottom-color:var(--tab-color,var(--app-blue));color:var(--app-blue);padding:0 13px}
.hub-navtab[data-hub-tab="command"].hub-navtab-active .hub-nav-icon{color:var(--app-blue)}
.hub-primary-dot{background:var(--app-blue);width:5px;height:5px}
.hub-top-extras{color:var(--app-muted);font-size:10px}.hub-sync-dot{background:var(--app-green)}
.ui-theme-toggle{display:inline-flex!important;align-items:center;justify-content:center;white-space:nowrap!important;font-weight:800!important;min-height:35px!important;letter-spacing:0!important}
.hub-mast .ui-theme-toggle{background:var(--app-soft);border-color:var(--app-line);color:var(--app-text);border-radius:9px;font-size:11px;padding:7px 12px}
.hub-mast .ui-theme-toggle:hover{background:var(--app-bluewash);color:var(--app-blue)}
.hub-stickyfoot{background:var(--app-surface);border-top:1px solid var(--app-line);color:var(--app-muted)}
.hub-stickyfoot strong{color:var(--app-red)}
.hub-secondary{max-width:1580px;padding-top:24px}
.hub-card{background:var(--app-surface);color:var(--app-text);border:1px solid var(--app-line);border-radius:14px;box-shadow:var(--app-shadow);padding:22px}
.hub-card>strong,.hub-section-heading h2,.hub-module-title h1{color:var(--app-ink)}
.hub-card p,.hub-module-title p,.hub-section-heading p{color:var(--app-muted)}
.hub-module-icon{background:var(--app-bluewash);color:var(--app-blue);border-color:var(--app-line);border-radius:15px}
.hub-eyebrow{color:var(--app-blue)}
.hub-button{background:var(--app-surface);color:var(--app-text);border-color:var(--app-line);border-radius:9px;min-height:37px}
.hub-button:hover{background:var(--app-bluewash);color:var(--app-link);border-color:var(--app-strongline)}
.hub-button-primary{background:#2f68c1;color:white;border-color:#2f68c1}
.hub-button-primary:hover{background:#1e58ad;color:white}
.hub-field{color:var(--app-muted)}.hub-field :is(input,textarea,select){background:var(--app-surface);color:var(--app-ink);border-color:var(--app-line);border-radius:9px}
.hub-material-row,.hub-search-results{background:var(--app-surface);border-color:var(--app-line)}
.hub-material-row strong{color:var(--app-ink)}.hub-material-row small{color:var(--app-muted)}
.hub-material-row:hover{background:var(--app-soft)}.hub-material-un,.hub-guide-strip{background:var(--app-bluewash);color:var(--app-link);border-color:var(--app-line)}
.hub-brief-warning{background:var(--app-amberwash);color:var(--app-amber);border-color:var(--app-line)}
/* Primary tactical board. Use stronger typography and subtle colored tile fills. */
#hub-ic .ic-training{background:var(--app-bg);color:var(--app-text);color-scheme:inherit;--ic-shell:var(--app-surface);--ic-panel:var(--app-surface);--ic-panel2:var(--app-soft);--ic-border:var(--app-line);--ic-light:var(--app-ink);--ic-muted:var(--app-muted);--ic-blue:var(--app-blue)}
#hub-ic .ic-commandbar{background:var(--app-bg);border-bottom:1px solid var(--app-line);padding-top:19px;padding-bottom:19px}
#hub-ic .ic-command-heading{color:var(--app-muted);letter-spacing:.13em}
#hub-ic .ic-command-name{color:var(--app-ink);font-size:22px;letter-spacing:-.045em}
#hub-ic .ic-command-meta{color:var(--app-muted)}#hub-ic .ic-command-meta b{color:var(--app-text)}
#hub-ic .ic-cmd-clock{background:var(--app-surface);color:var(--app-ink);border-color:var(--app-line);border-radius:10px;box-shadow:var(--app-cardshadow)}
#hub-ic .ic-underbar{background:var(--app-surface);color:var(--app-muted);border-bottom-color:var(--app-line)}
#hub-ic .ic-training .ic-button,#hub-ic .ic-button{border-radius:8px;border-color:var(--app-line);background:var(--app-surface);color:var(--app-text);min-height:35px}
#hub-ic .ic-button:hover{border-color:var(--app-strongline);background:var(--app-soft)}
#hub-ic .ic-training .ic-button-primary,#hub-ic .ic-button-primary{background:#2e67c0;border-color:#2e67c0;color:#fff}
#hub-ic .ic-button-primary:hover{background:#1f53a4;color:#fff}
#hub-ic .ic-mainpanel{margin-top:15px}
#hub-ic .ic-tabs{background:var(--app-surface);border-color:var(--app-line);border-radius:12px 12px 0 0;padding-inline:14px}
#hub-ic .ic-tab{color:var(--app-muted)}#hub-ic .ic-tab:hover{color:var(--app-blue);background:var(--app-soft)}
#hub-ic .ic-tab[aria-selected="true"]{color:var(--app-blue);border-color:var(--app-blue);font-weight:850}
#hub-ic .ic-board-workspace{border-color:var(--app-line);background:var(--app-surface);grid-template-columns:minmax(245px,285px) minmax(0,1fr)}
#hub-ic .ic-board-left{background:var(--app-surface);border-right:1px solid var(--app-line);padding:21px 17px}
#hub-ic .ic-staff-title,#hub-ic .ic-unassigned-header strong,#hub-ic .ic-board-title{color:var(--app-ink)}
#hub-ic .ic-staff-row{color:var(--app-muted)}
#hub-ic .ic-staff-drop{background:var(--app-soft);border-color:var(--app-strongline);border-radius:9px}
#hub-ic .ic-unassigned-zone{min-height:220px}
#hub-ic .ic-empty-left{background:var(--app-soft);color:var(--app-muted);border-color:var(--app-line);border-radius:10px}
#hub-ic .ic-on-scene{background:var(--app-greenwash);color:var(--app-green);border-color:var(--app-line);box-shadow:none}
#hub-ic .ic-assignment-area{background:var(--app-surface);padding:19px 20px 25px}
#hub-ic .ic-board-heading-mark{display:inline-grid;place-items:center;width:25px;height:25px;background:var(--app-bluewash);color:var(--app-blue);border-radius:7px;font-size:14px}
#hub-ic .ic-board-toolbar{margin-bottom:12px}#hub-ic .ic-board-title{font-size:14px;gap:9px}
#hub-ic .ic-task-counter{background:var(--app-bluewash);color:var(--app-blue);border-radius:30px;padding:3px 9px}
#hub-ic .ic-par-action{background:var(--app-surface);border-color:var(--app-strongline);border-radius:9px;color:var(--app-muted);box-shadow:none}
#hub-ic .ic-par-action b{color:var(--app-ink)}
#hub-ic .ic-ops-insights{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
#hub-ic .ic-ops-insights>div{display:inline-flex;align-items:center;gap:7px;background:var(--app-soft);border:1px solid var(--app-line);border-radius:9px;padding:6px 10px;font-size:10.5px;color:var(--app-muted)}
#hub-ic .ic-ops-insights b{color:var(--app-ink);font-size:12px}
#hub-ic .ic-insight-mark{width:7px;height:7px;border-radius:50%;background:var(--app-blue)}
#hub-ic .ic-insight-green{background:#25a67f}#hub-ic .ic-insight-red{background:#d75c69}
#hub-ic .ic-task-grid{gap:12px;grid-template-columns:repeat(3,minmax(180px,1fr))}
#hub-ic .ic-task-tile{position:relative;background:color-mix(in srgb,var(--scope-accent) 5%,var(--app-soft));border:1px solid var(--app-line);border-top:3px solid var(--scope-accent,var(--app-blue));border-radius:12px;min-height:150px;box-shadow:var(--app-cardshadow)}
#hub-ic .ic-task-tile:hover{box-shadow:0 6px 20px #1e3c6119;border-color:color-mix(in srgb,var(--scope-accent) 35%,var(--app-line))}
#hub-ic .ic-task-title{background:var(--app-surface);color:var(--app-text);border-bottom:1px solid var(--app-line);min-height:43px;padding:8px 10px;gap:6px}
#hub-ic .ic-task-title strong{color:var(--app-ink);font-weight:850}
#hub-ic .ic-tile-identity{display:inline-block;flex:none;width:8px;height:8px;border-radius:3px;background:var(--scope-accent)}
#hub-ic .ic-task-handle{color:var(--app-faint)}
#hub-ic .ic-task-count{color:var(--scope-accent);background:color-mix(in srgb,var(--scope-accent) 12%,var(--app-surface));border-radius:12px;min-width:20px;text-align:center}
#hub-ic .ic-task-timer{color:var(--app-muted)}
#hub-ic .ic-task-dropzone{min-height:117px;padding:9px;gap:8px}
#hub-ic .ic-task-placeholder{min-height:90px;color:var(--app-faint)}
#hub-ic .ic-training .ic-unit{border:1px solid var(--app-line);background:var(--app-surface);color:var(--app-ink);border-radius:9px;padding:9px 8px 7px;min-height:78px;box-shadow:var(--app-cardshadow)}
#hub-ic .ic-unit-top{gap:4px}
#hub-ic .ic-unit-id{color:var(--app-ink);font-weight:900}
#hub-ic .ic-unit-time,#hub-ic .ic-unit-details{color:var(--app-muted)}
#hub-ic .ic-unit-scope{display:inline-flex;align-items:center;gap:3px;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid color-mix(in srgb,var(--scope-accent) 35%,var(--app-line));background:color-mix(in srgb,var(--scope-accent) 10%,var(--app-surface));color:var(--app-text);padding:2px 5px;border-radius:6px;font-size:8px;font-weight:780}
#hub-ic .ic-unit-scope i{display:inline-block;width:6px;height:6px;border-radius:2px;background:var(--scope-accent);flex:none}
#hub-ic .ic-unit-objective{color:var(--app-link)}
#hub-ic .ic-geo-cols{background:var(--app-surface);border-color:var(--app-line)}
#hub-ic .ic-geo-cols .ic-col{border:1px solid var(--app-line);border-top:4px solid var(--scope-accent);border-radius:11px;background:color-mix(in srgb,var(--scope-accent) 5%,var(--app-soft));overflow:hidden}
#hub-ic .ic-geo-cols .ic-col-head{background:var(--app-surface);border-color:var(--app-line)}
#hub-ic .ic-col-name{display:inline-flex;align-items:center;gap:8px;color:var(--app-ink);font-weight:850}
#hub-ic .ic-scope-swatch{height:11px;width:11px;border:2px solid color-mix(in srgb,var(--scope-accent) 45%,var(--app-surface));border-radius:4px;background:var(--scope-accent);flex:none}
#hub-ic .ic-count{color:var(--app-muted);background:var(--app-well)}
#hub-ic .ic-geo-placeholder{color:var(--app-muted)}
#hub-ic .ic-location-intro{background:var(--app-surface);border-color:var(--app-line)}
#hub-ic .ic-location-intro strong{color:var(--app-ink)}#hub-ic .ic-location-intro span{color:var(--app-muted)}
#hub-ic .ic-bottom-bar,#hub-ic .ic-logcontrols,#hub-ic .ic-logtable{background:var(--app-surface);border-color:var(--app-line);color:var(--app-text)}
#hub-ic .ic-bottom-bar{border-radius:0 0 12px 12px}
#hub-ic .ic-onboarding{background:var(--app-surface);border-color:var(--app-line)}
#hub-ic .ic-onboarding h3{color:var(--app-ink)}
#hub-ic .ic-logrow{color:var(--app-text);border-color:var(--app-line)}
#hub-ic .ic-logrow-head{background:var(--app-soft)}
/* Shared coordination, roles, executive briefings and forms. */
#shared-login{background:radial-gradient(ellipse at 10% 10%,#e5efff,transparent 58%),var(--app-bg)}
.shared-gate{background:var(--app-surface);border-color:var(--app-line);border-radius:18px;box-shadow:var(--app-shadow)}
.shared-gate h1{color:var(--app-ink)}.shared-gate p{color:var(--app-muted)}.shared-gate .shared-logo{background:linear-gradient(140deg,#2752a3,#357dd6)}
.shared-warning{color:var(--app-amber);background:var(--app-amberwash);border-color:var(--app-line)}
#shared-drawer{background:#101f3377}
.shared-drawer-body{background:var(--app-bg);color:var(--app-text);box-shadow:-14px 0 54px #050e1a35}
.shared-drawer-head h2,.shared-card h3{color:var(--app-ink)}.shared-drawer-head p,.shared-card p{color:var(--app-muted)}
.shared-subtabs{border-bottom-color:var(--app-line);gap:8px}
.shared-subtabs button{border:1px solid var(--app-line);background:var(--app-surface);color:var(--app-muted);border-radius:9px;padding:10px 13px}
.shared-subtabs button.selected{background:var(--app-bluewash);color:var(--app-link);border-color:var(--app-blue);box-shadow:inset 0 -2px 0 var(--app-blue)}
.shared-subtabs button:hover{border-color:var(--app-blue)}
.shared-card{background:var(--app-surface);border:1px solid var(--app-line);border-radius:13px;box-shadow:var(--app-shadow);padding:17px}
.shared-btn{background:var(--app-surface);color:var(--app-text);border-color:var(--app-line);border-radius:9px}
.shared-btn:hover{background:var(--app-soft);border-color:var(--app-strongline)}
.shared-btn-primary{background:#2964bd;border-color:#2964bd;color:#fff}.shared-btn-primary:hover{background:#1b549f;color:#fff}
.shared-btn-danger{background:var(--app-redwash);border-color:var(--app-line);color:var(--app-red)}
.shared-field{color:var(--app-muted)}.shared-field :is(input,select,textarea){background:var(--app-surface);color:var(--app-ink);border-color:var(--app-line);border-radius:9px}
.shared-list-item{background:var(--app-soft);border-color:var(--app-line);border-radius:9px}
.shared-list-item strong{color:var(--app-ink)}.shared-list-item small,.shared-list-item p{color:var(--app-muted)}
.shared-pill{color:var(--app-text);background:var(--app-well)}
.shared-pill.online{background:var(--app-greenwash);color:var(--app-green)}.shared-pill.urgent{background:var(--app-redwash);color:var(--app-red)}
.shared-stat{background:var(--app-soft);border:1px solid var(--app-line);border-radius:12px;min-height:84px;box-shadow:0 1px 2px #1d355011}
.shared-stat small{color:var(--app-muted);font-size:9.5px}.shared-stat strong{color:var(--app-ink)}
.shared-role-heading{border-left:4px solid var(--scope-accent,var(--app-blue));padding:6px 10px;border-radius:2px}
.shared-scope-mini{display:inline-flex;gap:5px;align-items:center;border-radius:5px;background:color-mix(in srgb,var(--scope-accent) 10%,var(--app-surface));border-left:3px solid var(--scope-accent);padding:1px 5px;color:var(--app-text);font-weight:750}
.shared-leadership-card{background:var(--app-surface);border-color:var(--app-line);border-left:4px solid var(--app-blue);border-radius:14px;box-shadow:var(--app-shadow)}
.shared-leadership-card>div:first-child strong{color:var(--app-ink)}
.shared-leadership-loc,.shared-leadership-card>small{color:var(--app-muted)}
.shared-leadership-card .shared-3col>div{border-color:var(--app-line)}
.shared-leadership-card .shared-3col small{color:var(--app-muted)}.shared-leadership-card .shared-3col p{color:var(--app-text)}
.shared-copy,.shared-muted{color:var(--app-muted)}
.shared-timeline-info{background:var(--app-bluewash);color:var(--app-link)}
body.shared-executive-only #shared-drawer{background:var(--app-bg)}
/* Comms surface may have independent panels; keep consistent colors while respecting priority. */
.room-shell,.room-conversation,.room-sidebar,.room-right,.room-feed,.room-compose,.room-inbox{background:var(--app-surface);color:var(--app-text);border-color:var(--app-line)}
.room-shell-top{background:var(--app-navy);color:#f4f7ff}
.room-select,.room-inbox-card,.room-action-item,.room-search-item,.room-task{background:var(--app-surface);color:var(--app-text);border-color:var(--app-line);border-radius:10px}
.room-select:hover,.room-inbox-card:hover,.room-action-item:hover{background:var(--app-soft)}
.room-empty,.room-subtle{color:var(--app-muted)}
.room-brief-hero{background:var(--app-bluewash)}.room-brief-card{background:var(--app-surface);border-color:var(--app-line)}
.room-brief-hero p,.room-brief-card p{color:var(--app-muted)}
.room-brief-card strong{color:var(--app-ink)}.room-popup{background:var(--app-surface);color:var(--app-text)}
/* Dark scheme: override legacy fixed light fills only in affected interface surfaces. */
[data-ui-theme="dark"] .hub-shell,[data-ui-theme="dark"] body.ic-standalone{background:var(--app-bg)}
[data-ui-theme="dark"] .ic-training,[data-ui-theme="dark"] .ic-mainpanel{background:var(--app-bg)!important;color:var(--app-text)}
[data-ui-theme="dark"] :is(.ic-task-title,.ic-unit,.ic-staff-drop,.ic-unassigned-zone,.ic-command-actions,.ic-modal,.ic-drawer,.ic-drawer-header,.ic-drawer-scroll,.ic-section,.ic-modal-form,.ic-logrow-head,.ic-logtable,.ic-logcontrols,.ic-floor-badge){color:var(--app-text)}
[data-ui-theme="dark"] #hub-ic :is(.ic-drawer,.ic-modal,.ic-section,.ic-drawer-header,.ic-drawer-scroll,.ic-modal-form,.ic-modal-backdrop,.ic-logcontrols,.ic-logtable,.ic-parrow,.ic-parinfo,.ic-staff-drop,.ic-unassigned-zone){background:var(--app-surface);border-color:var(--app-line);color:var(--app-text)}
[data-ui-theme="dark"] #hub-ic :is(.ic-drawer h2,.ic-section-name,.ic-parclock,.ic-modal h2,.ic-modal-title,.ic-onboarding h3,.ic-logrow b){color:var(--app-ink)}
[data-ui-theme="dark"] #hub-ic :is(.ic-section-sub,.ic-smalldetail,.ic-parrow small,.ic-onboarding p,.ic-staff-empty){color:var(--app-muted)}
[data-ui-theme="dark"] #hub-ic :is(.ic-input,.ic-select,.ic-modal input,.ic-modal textarea,.ic-modal select){background:var(--app-soft);color:var(--app-ink);border-color:var(--app-line)}
[data-ui-theme="dark"] .room-shell{border-color:var(--app-line)}
[data-ui-theme="dark"] :is(.room-popup,.room-sidebar,.room-conversation,.room-right,.room-feed,.room-compose,.room-inbox,.room-message-content,.room-conversation-heading,.room-sidebar-header,.room-pinned,.room-attachment,.room-draft-full,.room-splash,.room-message,.room-brief-main,.room-brief){color:var(--app-text);border-color:var(--app-line)}
[data-ui-theme="dark"] :is(.room-feed,.room-sidebar,.room-right,.room-compose,.room-conversation,.room-brief-main,.room-pinned,.room-attachment,.room-draft-full){background:var(--app-surface)}
[data-ui-theme="dark"] :is(.room-message-content p,.room-task p,.room-draft-full){color:var(--app-text)!important}
[data-ui-theme="dark"] :is(.room-compose textarea,.room-popup input,.room-popup textarea,.room-popup select,.room-task select){background:var(--app-soft);border-color:var(--app-line);color:var(--app-ink)}
[data-ui-theme="dark"] :is(.room-select,.room-task,.room-inbox-card,.room-action-item,.room-search-item){background:var(--app-soft);border-color:var(--app-line);color:var(--app-text)}
[data-ui-theme="dark"] .room-brief-hero h2{color:var(--app-ink)}
[data-ui-theme="dark"] #shared-login{background:radial-gradient(ellipse at 10% 10%,#213856,transparent 58%),var(--app-bg)}
[data-ui-theme="dark"] .shared-subtabs button.selected{background:var(--app-bluewash);color:var(--app-link)}
[data-ui-theme="dark"] .hub-mast .ui-theme-toggle{color:var(--app-ink)}
/* Accessibility and responsive density. Visual identity is always text + color, never color alone. */
@media(max-width:1120px){
  #hub-ic .ic-task-grid{grid-template-columns:repeat(2,minmax(175px,1fr))}
  .hub-navtab{padding-inline:10px;font-size:10.5px}
  .shared-toolbar{gap:6px;padding:8px 12px}
}
@media(max-width:740px){
  .shared-toolbar{gap:6px;padding:8px 10px}
  .shared-toolbar .ui-theme-toggle{order:2}
  .hub-mast{min-height:65px;padding:10px 13px;gap:6px}
  .hub-brand{gap:8px}.hub-logo{width:38px;height:38px;flex-basis:38px}
  .hub-brand strong{font-size:16px;white-space:normal}
  .hub-brand-eyebrow{font-size:7.5px}
  .hub-locationtitle{display:none}
  .hub-live-warning{font-size:8px;padding:6px 7px;letter-spacing:0}
  .hub-mast-right{gap:6px}
  .hub-mast .ui-theme-toggle{padding:5px 8px;min-height:31px;font-size:10px}
  .hub-topbar{padding:0 9px;min-height:51px}
  .hub-navtab{min-height:49px;font-size:10px;padding:0 10px}
  .hub-top-extras{display:none}
  #hub-ic .ic-commandbar{padding:14px 13px;gap:8px}
  #hub-ic .ic-command-name{font-size:19px}
  #hub-ic .ic-mainpanel{margin:9px 9px 0}
  #hub-ic .ic-board-workspace{display:flex;flex-direction:column}
  #hub-ic .ic-board-left{padding:12px}
  #hub-ic .ic-assignment-area{padding:12px 11px}
  #hub-ic .ic-task-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  #hub-ic .ic-task-tile{min-height:125px;border-radius:10px}
  #hub-ic .ic-task-dropzone{min-height:93px;padding:7px 5px}
  #hub-ic .ic-task-placeholder{min-height:75px}
  #hub-ic .ic-task-title{padding:6px;min-height:39px}
  #hub-ic .ic-ops-insights{gap:5px}
  #hub-ic .ic-ops-insights>div{font-size:9px;padding:5px 6px}
  #hub-ic .ic-unit-scope{max-width:70px;font-size:7px}
  .hub-card{padding:15px}
  .hub-secondary{padding:15px 10px 28px}
  .shared-stat{padding:12px}
}
@media(max-width:410px){
  .hub-mast .ui-theme-toggle{font-size:9px}
  .hub-live-warning{font-size:7px}
  .hub-brand strong{font-size:14px}
  #hub-ic .ic-task-title strong{font-size:9.5px}
  .shared-toolbar .shared-btn{font-size:10px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:0.01ms!important;animation-duration:0.01ms!important}}
@media print{.ui-theme-toggle{display:none!important}}

/* Two-tier toolbar: compact incident identity with independent horizontal action rail on phones. */
.shared-toolbar-primary,.shared-toolbar-actions{display:flex;align-items:center;gap:8px;min-width:0}
.shared-toolbar-primary>strong{font-size:10px;letter-spacing:.075em;white-space:nowrap;color:#f0f5ff}
.shared-toolbar-actions{margin-left:auto}
.shared-toolbar-actions .shared-mini{white-space:nowrap;color:#c4d7ed}
.shared-toolbar-actions .shared-btn{white-space:nowrap}
#hub-ic .ic-color-key{font-size:9.8px;color:var(--app-muted);margin:1px 0 14px;display:flex;align-items:center;gap:6px;line-height:1.45;flex-wrap:wrap}
#hub-ic .ic-color-key b{font-weight:850;color:var(--app-ink)}
#hub-ic .ic-key-dot{width:8px;height:8px;border-radius:3px;background:var(--app-blue);display:inline-block}
#hub-ic .ic-key-status{background:#22a376}#hub-ic .ic-key-scope{background:#7652bf}
@media(max-width:1050px){.shared-toolbar{flex-wrap:wrap}.shared-toolbar-actions{flex-wrap:wrap;margin-left:0}}
@media(max-width:740px){
 .shared-toolbar{display:block;padding:7px 10px 4px;min-height:0}
 .shared-toolbar-primary{display:flex;flex-wrap:nowrap;gap:6px;min-height:34px;overflow:hidden}
 .shared-toolbar-primary>strong,.shared-toolbar .shared-counter,.shared-toolbar #shared-urgent{display:none}
 .shared-toolbar-primary select{flex:1;max-width:44vw;min-width:0;min-height:33px;font-size:10px}
 .shared-toolbar-primary .shared-tag{white-space:nowrap;font-size:9px;padding:6px 7px}
 .shared-toolbar-primary .shared-role{max-width:34vw;overflow:hidden;text-overflow:ellipsis}
 .shared-toolbar-actions{display:flex;flex-wrap:nowrap;align-items:center;overflow-x:auto;overflow-y:hidden;max-width:100%;gap:6px;padding:6px 1px 3px;scrollbar-width:thin;overscroll-behavior-x:contain}
 .shared-toolbar-actions>*{flex:none}
 .shared-toolbar-actions .shared-mini{display:none}
 .shared-toolbar-actions .shared-btn{min-height:33px;max-width:none;font-size:10px;padding:7px 10px;white-space:nowrap}
 .shared-toolbar-actions .ui-theme-toggle{order:0}
 #hub-ic .ic-unassigned-zone{min-height:90px}
 #hub-ic .ic-empty-left{padding:26px 8px;min-height:82px}
 #hub-ic .ic-color-key{font-size:9px}
}
/* Shared theme switch remains available in the global toolbar; no duplicated control on the secondary hub mast. */
body:has(#shared-workspace:not([hidden])) .hub-mast .ui-theme-toggle{display:none!important}

/* Keep full account/incident controls inside the viewport at intermediate desktop widths. */
@media(min-width:741px){.shared-toolbar{flex-wrap:wrap}.shared-toolbar-actions{flex-wrap:wrap}}