:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eaf0f6;background:#081019;--bg:#081019;--bg2:#0b1420;--panel:rgba(18,28,41,.82);--panel2:rgba(13,21,31,.88);--border:#24374b;--border2:#31506f;--text:#edf5ff;--muted:#8fa4ba;--blue:#3b82f6;--blue2:#60a5fa;--green:#42d392;--red:#ff5b65;--yellow:#ffd24a;--shadow:0 18px 50px rgba(0,0,0,.28)}*{box-sizing:border-box}html{background:radial-gradient(circle at 15% -10%,#163a63 0,transparent 36%),radial-gradient(circle at 100% 0,#17253f 0,transparent 32%),var(--bg)}body{margin:0;min-height:100vh;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 22%);color:var(--text)}main{max-width:1180px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;padding:6px 2px}h1{margin:0;font-size:clamp(1.55rem,2.8vw,2.15rem);letter-spacing:-.03em}h2{margin-top:0;letter-spacing:-.015em}header p,.muted{color:var(--muted)}header p{margin:.35rem 0 0}.badge{padding:8px 12px;border:1px solid var(--border2);border-radius:999px;background:rgba(10,18,28,.72);box-shadow:inset 0 1px rgba(255,255,255,.04);font-size:.82rem;font-weight:800;letter-spacing:.04em}.badge.ok{color:#72e5a8;border-color:#2f7754;background:rgba(32,103,72,.16)}.metrics,.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.grid{grid-template-columns:1.2fr .8fr}.metrics article,.panel{background:linear-gradient(180deg,rgba(21,33,48,.92),rgba(13,22,33,.92));border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:var(--shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.metrics article{display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}.metrics article:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,var(--blue),transparent 75%);opacity:.7}.metrics strong{font-size:1.65rem;letter-spacing:-.025em}.metrics small,.metrics span{color:var(--muted)}.panel{transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.panel:hover{border-color:#31506f;box-shadow:0 20px 55px rgba(0,0,0,.34)}.matrix{width:100%;aspect-ratio:2/1;min-height:0;background:#020202;border:1px solid #33485d;border-radius:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#eee;overflow:hidden;position:relative;box-shadow:inset 0 0 28px rgba(255,255,255,.03),0 12px 34px rgba(0,0,0,.35)}.matrix-message{display:grid;grid-template-rows:20% 2px 1fr 2px 16%;padding:2.5% 3%;gap:1.5%}.mx-head{display:grid;grid-template-columns:15% 1fr 24%;align-items:center;font-weight:900;letter-spacing:.03em}.mx-icon{display:flex;align-items:center;justify-content:center;width:72%;aspect-ratio:1;border:2px solid currentColor;border-radius:50%;font-size:clamp(1.2rem,3.2vw,2.1rem);font-weight:900;line-height:1}.mx-prio{font-size:clamp(1.05rem,2.6vw,1.8rem);white-space:nowrap}.mx-time{text-align:right;font-size:clamp(1rem,2.4vw,1.65rem);color:#ffd43b}.mx-rule{height:2px;background:currentColor;opacity:.95}.mx-rule-bottom{background:#3d8cff}.mx-body{display:grid;grid-template-rows:auto auto auto;align-content:center;gap:4%;text-align:center;min-height:0;overflow:hidden}.mx-main,.mx-place,.mx-address{padding:0 1%;overflow:hidden}.mx-main{font-size:clamp(1rem,2.65vw,1.9rem);font-weight:900;line-height:1.06;color:#f4f7fb;white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mx-place{font-size:clamp(.92rem,2.25vw,1.55rem);font-weight:900;color:#ffd43b;line-height:1.03;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mx-address{font-size:clamp(.78rem,1.9vw,1.3rem);font-weight:800;color:#f4f7fb;line-height:1.03;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mx-footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2%;font-weight:900;letter-spacing:.02em;font-size:clamp(.78rem,1.9vw,1.25rem)}.mx-unit{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mx-cap{color:#4da3ff;white-space:nowrap}.matrix-message.fire{color:#ff4242}.matrix-message.ambulance{color:#ffcc35}.matrix-message.police{color:#4da3ff}.matrix-message.dares{color:#36e2d0}.matrix-message.p2000{color:#69a8ff}.matrix-message.fire .mx-icon,.matrix-message.fire .mx-prio{color:#ff4242}.matrix-message.ambulance .mx-icon,.matrix-message.ambulance .mx-prio{color:#ffcc35}.matrix-message.police .mx-icon,.matrix-message.police .mx-prio{color:#4da3ff}.matrix-message.dares .mx-icon,.matrix-message.dares .mx-prio{color:#36e2d0}.matrix.alarm{animation:flash .55s steps(1) infinite}.matrix.alarm .mx-main,.matrix.alarm .mx-place,.matrix.alarm .mx-address{color:#fff}@keyframes flash{0%,49%{background:#780000}50%,100%{background:#020202}}.matrix-idle{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4%;padding:4%}.idle-time{font-size:clamp(2.5rem,7vw,5rem);font-weight:900;color:#69a8ff;line-height:1;text-shadow:0 0 24px rgba(105,168,255,.16)}.idle-date{font-size:clamp(1rem,2.5vw,1.6rem);font-weight:800;color:#ffd43b}.idle-last{position:absolute;bottom:4%;left:3%;right:3%;font-size:clamp(.65rem,1.4vw,.9rem);color:#8d9aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}label{display:flex;flex-direction:column;gap:7px;color:#b9c7d5;font-size:.92rem;font-weight:650}input,select,button{font:inherit;border-radius:11px;border:1px solid #32475c;background:#0b1520;color:#edf2f7;padding:11px 12px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .12s ease}input:focus,select:focus{border-color:var(--blue2);box-shadow:0 0 0 3px rgba(96,165,250,.13);background:#0d1926}input[type=range]{padding:0;accent-color:var(--blue)}input[type=checkbox]{accent-color:var(--blue);width:18px;height:18px}button{cursor:pointer;background:linear-gradient(180deg,#2f7bea,#1f64ca);border-color:#367fde;margin-top:10px;font-weight:800;box-shadow:0 8px 22px rgba(30,102,211,.22)}button:hover{transform:translateY(-1px);filter:brightness(1.06)}button:active{transform:translateY(0)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}.danger{background:linear-gradient(180deg,#8f3945,#702b34);border-color:#9f4450;margin:0}.secondary,.ghost{background:#1a2836;border-color:#334a60;box-shadow:none}.ghost{margin:0}.formrow{display:grid;grid-template-columns:1fr 2fr 1fr;gap:12px}.filterrow{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px}.checks{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;padding:12px 14px;border-radius:13px;background:rgba(7,14,22,.5);border:1px solid rgba(63,83,105,.45)}.checks label{flex-direction:row;align-items:center;font-weight:600}.checks input[type=number]{width:90px}.sectionhead{display:flex;justify-content:space-between;align-items:flex-start}.sectionhead p{margin-top:-8px}.addbox{margin:14px 0;border:1px solid var(--border);border-radius:14px;padding:14px;background:rgba(8,15,24,.42)}.addbox summary{cursor:pointer;font-weight:750;color:#d8e6f5}.topgap{margin-top:12px}.codecards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.codecard{background:linear-gradient(180deg,rgba(11,20,30,.96),rgba(9,16,24,.96));border:1px solid #263a4e;border-radius:14px;padding:14px;transition:border-color .18s ease,transform .18s ease}.codecard:hover{border-color:#3a5875;transform:translateY(-1px)}.codecard.disabled{opacity:.55}.codecard h3{margin:10px 0 6px;font-size:1rem}.codecard p{margin:0 0 8px;color:#b8c3ce}.codecard small{color:#91a0af}.codehead{display:flex;justify-content:space-between;align-items:center;gap:8px}.codehead>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.codehead strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.1rem}.pill{font-size:.75rem;padding:4px 8px;border-radius:999px;border:1px solid #36516b;color:#a8cbff;background:rgba(59,130,246,.08)}.editbtn{margin:0;padding:7px 10px}.pager{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:18px}.pager button{margin:0}dialog{width:min(760px,calc(100% - 24px));border:1px solid #354f67;border-radius:18px;background:#101b27;color:#eaf0f6;padding:0;box-shadow:0 30px 90px rgba(0,0,0,.55)}dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}.editform{padding:20px}.dialoghead{display:flex;justify-content:space-between;align-items:center}.dialoghead h2{margin:0 0 14px}.dialogactions{display:flex;gap:10px;margin-top:14px}.dialogactions button{margin-top:0}hr{opacity:.6}@media(max-width:760px){main{padding:14px}.metrics,.grid,.formrow,.filterrow,.codecards{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.matrix{width:100%;aspect-ratio:2/1}.mx-head{grid-template-columns:16% 1fr 25%}.mx-icon{border-width:1px}.mx-main{font-size:clamp(.88rem,3.8vw,1.35rem)}.mx-place{font-size:clamp(.78rem,3.2vw,1.1rem)}.mx-address{font-size:clamp(.7rem,2.7vw,.95rem)}.codecard{padding:12px}.filterrow{gap:8px}.dialogactions{flex-direction:column}.dialogactions button{width:100%}header{align-items:flex-start;gap:12px}.badge{white-space:nowrap}}@media(max-width:520px){.metrics{grid-template-columns:1fr}main{padding:10px}.panel,.metrics article{border-radius:15px;padding:14px}}@media(prefers-reduced-motion:reduce){.matrix.alarm{animation:none;background:#780000}.panel,.codecard,button,input,select{transition:none}}

/* Dashboard live SDR refinements */
.statusdot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;background:var(--red);box-shadow:0 0 0 3px rgba(255,91,101,.10)}.statusdot.ok{background:var(--green);box-shadow:0 0 0 3px rgba(66,211,146,.10),0 0 12px rgba(66,211,146,.28)}#lastSdrText{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}.compact{margin:-10px 0 0}.sectionhead .pill{white-space:nowrap}.metrics article:nth-child(2) strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.35rem;color:#70c7ff}

/* P2000 Control Center */
.metrics{grid-template-columns:repeat(4,1fr)}.controlgrid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);gap:14px;margin-bottom:14px}.livepanel{min-height:520px}.sidepanel hr{border:0;border-top:1px solid var(--line);margin:24px 0}.liveevents{display:grid;gap:8px;margin-top:14px;max-height:610px;overflow:auto;padding-right:4px}.liveevent{position:relative;background:#09131f;border:1px solid var(--line);border-left:4px solid var(--cyan);border-radius:11px;padding:11px 13px}.liveevent.fire{border-left-color:#ff6b6b}.liveevent.ambulance{border-left-color:#ffd43b}.liveevent.police{border-left-color:#4dabf7}.liveevent.lifeliner{border-left-color:#d06cff}.liveevent.dares{border-left-color:#69db7c}.livehead{display:flex;justify-content:space-between;gap:12px;align-items:center}.livehead span,.livefoot{font-size:12px;color:var(--muted)}.livemsg{font-size:15px;font-weight:700;margin:6px 0;line-height:1.35}.livefoot{color:var(--cyan)}@media(max-width:950px){.metrics{grid-template-columns:1fr 1fr}.controlgrid{grid-template-columns:1fr}}@media(max-width:600px){.metrics{grid-template-columns:1fr}}

/* Control Center polish */
.liveevents{scrollbar-width:thin;scrollbar-color:#31536b #08131e}.liveevents::-webkit-scrollbar{width:9px}.liveevents::-webkit-scrollbar-track{background:#08131e;border-radius:9px}.liveevents::-webkit-scrollbar-thumb{background:#31536b;border-radius:9px;border:2px solid #08131e}.liveevents::-webkit-scrollbar-thumb:hover{background:#3f6d8d}.testevent{opacity:.72;border-left-style:dashed}.side-stats{display:grid;gap:8px;margin-top:12px}.side-stats>div{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#09131f;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.side-stats small{color:var(--muted)}.side-stats strong{font-size:14px;color:var(--cyan)}.sidepanel details>summary{cursor:pointer;font-weight:800}.liveevent:hover{border-color:#31536b;transform:translateY(-1px)}.liveevent{transition:.12s ease}


/* Control Center v2 */
header{border-bottom:1px solid rgba(49,80,111,.38);padding-bottom:18px}
.headeractions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.navbutton{color:#dcecff;text-decoration:none;border:1px solid var(--border2);border-radius:10px;padding:8px 11px;background:#0b1520;font-weight:750}
.navbutton:hover{border-color:#4c7399;background:#101e2c}
.livepulse{font-size:.72rem;font-weight:900;letter-spacing:.12em;color:#6ee7aa;display:flex;align-items:center;gap:6px}
.livepulse:before{content:"";width:8px;height:8px;border-radius:50%;background:#42d392;box-shadow:0 0 0 4px rgba(66,211,146,.10),0 0 16px rgba(66,211,146,.4)}
.controlgrid{align-items:stretch}.livepanel,.sidepanel{border-top-color:#315d85}.livepanel{background:linear-gradient(180deg,rgba(20,34,50,.96),rgba(11,20,30,.96))}
.liveevents{max-height:560px}.liveevent{padding:13px 14px;border-left-width:3px}.liveevent.newest{animation:newEvent .9s ease-out}
.livehead strong{font-size:.9rem}.livemsg{font-size:1rem;letter-spacing:-.005em}.livefoot{margin-top:7px}
.chain{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:7px;margin-top:14px;padding:11px;border:1px solid var(--border);border-radius:11px;background:#08131e;color:#a9bed2;font-size:.72rem;font-weight:850;letter-spacing:.04em}
.chain i{display:block;height:2px;background:linear-gradient(90deg,#42d392,#3b82f6);border-radius:2px}
.sidepanel h3{font-size:1rem}.sidepanel hr{border-top-color:#26394c}.side-stats>div strong{color:#edf5ff}.side-stats>div:first-child strong{color:#72e5a8}
.metrics article{min-height:112px}.metrics strong{line-height:1.1}.metrics article:first-child:before{background:linear-gradient(90deg,#42d392,transparent 75%)}
.codecards{max-height:580px;overflow:auto;padding-right:4px}
@keyframes newEvent{0%{background:#16304a;border-color:#60a5fa}100%{background:#09131f}}
@media(max-width:760px){.headeractions{justify-content:flex-start}.liveevents{max-height:none}.codecards{max-height:none;overflow:visible}}
@media(prefers-reduced-motion:reduce){.liveevent.newest{animation:none}}


/* Full Control Center concept */
.app-shell{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:100vh}
.app-shell main{width:100%;max-width:1500px;padding:22px 26px}
.sidebar{position:sticky;top:0;height:100vh;padding:18px 12px;background:linear-gradient(180deg,#07131f,#081019);border-right:1px solid #1d3347;display:flex;flex-direction:column;gap:18px;z-index:20}
.brandmark{font-size:2rem;color:#55c7ff;text-align:center;padding:6px}
.sidebar nav{display:grid;gap:6px}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:9px;color:#a9bdd0;text-decoration:none;font-weight:750}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:linear-gradient(90deg,#1673df,#245fb8);box-shadow:0 8px 22px rgba(30,102,211,.22)}
.sidebar-device{margin-top:auto;border:1px solid #203a50;border-radius:12px;padding:12px;background:#091622;display:grid;gap:6px}.sidebar-device span{font-size:.82rem;color:#68e5a4}.sidebar-device small{color:#7890a6;overflow:hidden;text-overflow:ellipsis}
.hero-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hero-metrics article{border-radius:12px;min-height:104px;padding:14px}.hero-metrics strong{font-size:1.4rem}
.controlgrid{grid-template-columns:minmax(0,2.1fr) minmax(290px,.8fr);gap:10px}.livepanel,.sidepanel{border-radius:12px}.livepanel{min-height:590px}.liveevents{max-height:640px}
.liveevent{border-radius:8px;background:#081522}.liveevent.fire{background:linear-gradient(90deg,rgba(255,75,75,.09),#081522 15%)}.liveevent.ambulance{background:linear-gradient(90deg,rgba(255,210,74,.08),#081522 15%)}.liveevent.police{background:linear-gradient(90deg,rgba(77,171,247,.08),#081522 15%)}.liveevent.lifeliner{background:linear-gradient(90deg,rgba(208,108,255,.08),#081522 15%)}
.insights{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.panel.mini{padding:14px;border-radius:12px}.panel.mini h3{margin:0 0 12px}.pipeline{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#08131e;border:1px solid #20364a;padding:12px;border-radius:9px;color:#a9bdd0}.pipeline b:first-child{color:#6ee7aa}.pipeline span{color:#47708f}
.quickstats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quickstats div{display:flex;flex-direction:column;background:#08131e;border:1px solid #20364a;padding:10px;border-radius:9px}.quickstats strong{font-size:1.25rem;color:#70c7ff}.quickstats small{color:#8298ad}
#capcodes{border-radius:12px}header{margin-bottom:12px}.metrics{margin-bottom:10px}
@media(max-width:1100px){.app-shell{grid-template-columns:68px minmax(0,1fr)}.sidebar nav span{display:none}.sidebar-device{display:none}.hero-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;padding:8px;overflow:auto}.brandmark,.sidebar-device{display:none}.sidebar nav{display:flex}.sidebar nav a span{display:none}.app-shell main{padding:12px}.insights{grid-template-columns:1fr}.pipeline{font-size:.72rem}.hero-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.hero-metrics{grid-template-columns:1fr}}


/* Operations dashboard v3 - reference layout */
.ops-topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px}.ops-clock{text-align:right;min-width:190px}.ops-clock small{display:block;color:var(--muted);font-size:.75rem}.ops-clock strong{display:block;font-size:1.55rem;letter-spacing:.03em}.ops-online{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #216346;border-radius:10px;background:rgba(24,112,72,.18);color:#61e79f;font-weight:900;font-size:.78rem}
.hero-metrics.ops{grid-template-columns:repeat(6,minmax(0,1fr))}.hero-metrics.ops article{min-height:108px}.metric-icon{float:left;margin-right:8px;font-size:1.15rem}.metric-note{font-size:.74rem!important}.metric-value{font-size:1.35rem!important}
.ops-main{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(360px,.95fr);gap:10px}.ops-live{min-height:610px}.ops-system{min-height:610px}.live-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}.filter-chip{margin:0;padding:7px 13px;background:#101f30;border-color:#30465d;box-shadow:none;font-size:.76rem}.filter-chip.active{background:#1673df;border-color:#3389ef}.liveevent{display:grid;grid-template-columns:34px 1fr;column-gap:10px}.liveevent:before{content:"!";grid-row:1/4;display:flex;align-items:center;justify-content:center;font-weight:950;font-size:1.1rem;border-radius:7px;background:#10263a;color:#65c9ff}.liveevent.fire:before{content:"♨";color:#ff616b;background:rgba(255,75,75,.12)}.liveevent.ambulance:before{content:"+";color:#ffd43b;background:rgba(255,210,74,.12)}.liveevent.police:before{content:"◆";color:#4dabf7;background:rgba(77,171,247,.12)}.liveevent.lifeliner:before{content:"✚";color:#d06cff;background:rgba(208,108,255,.12)}.livehead,.livemsg,.livefoot{grid-column:2}.livehead{grid-row:1}.livemsg{grid-row:2}.livefoot{grid-row:3}
.system-flow{display:grid;gap:8px;margin-top:10px}.flow-row{display:grid;grid-template-columns:1fr 120px;gap:8px;position:relative}.flow-box,.flow-data{background:#081522;border:1px solid #1f3548;border-radius:9px;padding:11px}.flow-box{display:flex;gap:10px;align-items:center}.flow-icon{font-size:1.35rem;color:#50c9ff}.flow-box small,.flow-data small{display:block;color:var(--muted)}.flow-data{font-size:.76rem}.flow-data b{float:right}.flow-arrow{text-align:center;color:#71bce8;height:8px;line-height:8px}.ops-charts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.chart-card{background:#081522;border:1px solid #1f3548;border-radius:10px;padding:12px}.chart-card h3{margin:0 0 12px}.bars{height:120px;display:flex;align-items:end;gap:6px;border-left:1px solid #20394e;border-bottom:1px solid #20394e;padding:6px}.bars i{flex:1;min-width:5px;background:linear-gradient(180deg,#42b6ff,#1673df);border-radius:3px 3px 0 0}.donut-wrap{display:flex;align-items:center;gap:14px}.donut{width:105px;aspect-ratio:1;border-radius:50%;background:conic-gradient(#ffd43b 0 42%,#ff4d57 42% 70%,#4dabf7 70% 82%,#c56cf0 82% 86%,#86d9ff 86% 95%,#62dc84 95%);position:relative}.donut:after{content:"";position:absolute;inset:25%;background:#081522;border-radius:50%}.legend{display:grid;gap:4px;font-size:.7rem;color:#a9bdd0}.legend span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:2px;background:#60a5fa;margin-right:6px}
.ops-bottom{display:grid;grid-template-columns:1fr 1.15fr 1.15fr 1.4fr;gap:10px;margin:10px 0}.ops-bottom .panel{padding:13px}.ops-bottom h3{margin:0 0 9px}.compact-list{display:grid;gap:5px;font-size:.75rem}.compact-list div{display:grid;grid-template-columns:1fr auto;gap:8px;padding:5px 0;border-bottom:1px solid rgba(49,80,111,.25)}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.quick-actions a,.quick-actions button{margin:0;padding:7px 8px;text-align:center;text-decoration:none;color:#eaf0f6;background:#10263a;border:1px solid #254764;border-radius:7px;box-shadow:none;font-size:.72rem;font-weight:750}.quick-actions .danger-action{background:#5c1f28;border-color:#a13c48}.sidebar nav a{font-size:.83rem}.sidebar .userbox{border-top:1px solid #1d3347;padding:12px 5px 0;color:#9db0c2;font-size:.78rem}
@media(max-width:1250px){.hero-metrics.ops{grid-template-columns:repeat(3,1fr)}.ops-main{grid-template-columns:1fr}.ops-system{min-height:0}.ops-bottom{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.hero-metrics.ops,.ops-bottom,.ops-charts{grid-template-columns:1fr}.ops-clock{display:none}.flow-row{grid-template-columns:1fr}.ops-live{min-height:0}}

/* Distribution legend: match donut categories and expose percentages */
#todayLegend span{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:7px;min-width:150px}
#todayLegend span:before{margin:0!important;width:8px;height:8px;border-radius:2px}
#todayLegend span:nth-child(1):before{background:#ffd43b}
#todayLegend span:nth-child(2):before{background:#ff4d57}
#todayLegend span:nth-child(3):before{background:#4dabf7}
#todayLegend span:nth-child(4):before{background:#c56cf0}
#todayLegend span:nth-child(5):before{background:#62dc84}
#todayLegend b{color:#edf5ff;font-variant-numeric:tabular-nums;text-align:right}


/* Wide responsive dashboard: use available monitor width */
.app-shell main{
  max-width:none;
  margin:0;
  padding-left:clamp(18px,1.5vw,34px);
  padding-right:clamp(18px,1.5vw,34px);
}
@media (min-width:1500px){
  .app-shell{grid-template-columns:190px minmax(0,1fr)}
  .hero-metrics.ops{gap:12px}
  .ops-main{grid-template-columns:minmax(0,2.15fr) minmax(390px,.85fr);gap:12px}
  .ops-charts,.ops-bottom{gap:12px}
  .liveevents{max-height:680px}
}
@media (min-width:2000px){
  .app-shell main{padding-left:36px;padding-right:36px}
  .ops-main{grid-template-columns:minmax(0,2.35fr) minmax(420px,.75fr)}
  .liveevents{max-height:760px}
}


/* Mobile Control Center */
@media(max-width:760px){
  .app-shell{display:block;padding-bottom:72px}
  .app-shell main{padding:10px 10px 18px}
  .sidebar{position:fixed;z-index:100;left:0;right:0;bottom:0;top:auto;height:64px;padding:6px 8px;background:rgba(7,19,31,.97);border:0;border-top:1px solid #244158;backdrop-filter:blur(14px)}
  .sidebar nav{display:grid;grid-template-columns:repeat(5,1fr);width:100%;gap:4px}
  .sidebar nav a{min-width:0;padding:7px 3px;justify-content:center;flex-direction:column;gap:2px;font-size:.95rem}
  .sidebar nav a span{display:block;font-size:.58rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .sidebar nav a:nth-child(n+6){display:none}
  .ops-topbar{margin-bottom:8px;align-items:center}.ops-topbar h1{font-size:1.25rem}.ops-topbar p{font-size:.72rem;margin-top:3px}
  .headeractions{gap:6px}.ops-online{padding:7px 9px;font-size:.62rem}
  .hero-metrics.ops{grid-template-columns:1fr 1fr;gap:7px}
  .hero-metrics.ops article{min-height:82px;padding:10px}.hero-metrics.ops article:nth-child(n+5){display:none}
  .hero-metrics strong,.metric-value{font-size:1rem!important}.hero-metrics small,.hero-metrics span{font-size:.68rem}
  .ops-main{display:block}.ops-live{min-height:0;padding:11px}.ops-system{margin-top:8px;min-height:0;padding:11px}
  .sectionhead h2{font-size:1.1rem;margin-bottom:8px}.sectionhead p{font-size:.72rem}
  .live-toolbar{gap:5px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.filter-chip{flex:0 0 auto;padding:6px 10px}
  .liveevents{max-height:58vh;margin-top:8px}.liveevent{grid-template-columns:28px 1fr;padding:9px;column-gap:7px}
  .livemsg{font-size:.86rem}.livehead strong{font-size:.76rem}.livehead span,.livefoot{font-size:.65rem}
  .ops-charts{grid-template-columns:1fr;margin-top:8px}.ops-bottom{grid-template-columns:1fr;margin-top:8px}
  .insights{grid-template-columns:1fr}.panel{padding:11px}.donut{width:88px}
}
@media(max-width:390px){
  .sidebar nav a span{font-size:.52rem}
  .hero-metrics.ops{grid-template-columns:1fr 1fr}
  .ops-topbar h1{font-size:1.1rem}.ops-online{font-size:.56rem}
}


/* Mobile bottom navigation: horizontally swipeable */
@media(max-width:760px){
 .sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;height:auto;display:block;padding:8px 10px calc(8px + env(safe-area-inset-bottom));overflow:hidden;background:rgba(7,19,31,.97);border-right:0;border-top:1px solid #1d3347;z-index:100}
 .sidebar nav{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:0 2px 3px;scrollbar-width:none}
 .sidebar nav::-webkit-scrollbar{display:none}
 .sidebar nav a{display:flex;flex:0 0 auto;min-width:82px;min-height:64px;justify-content:center;flex-direction:column;gap:4px;padding:8px 10px;scroll-snap-align:start;white-space:nowrap}
 .sidebar nav a span{display:block;font-size:.78rem}
 .app-shell main{padding-bottom:96px}
}