:root{color-scheme:dark;--bg:#080d14;--side:#0a111a;--panel:#0f1823;--panel2:#111e2b;--line:#203142;--line2:#2b4155;--text:#e5edf6;--muted:#8396aa;--muted2:#5e7389;--blue:#61baff;--blue2:#267dc4;--cyan:#73d6f4;--green:#51d6a5;--amber:#f3b957;--red:#fa7474;--violet:#b09af6;--shadow:0 18px 60px #0008;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(ellipse at 68% -25%,#17304a 0,transparent 48%),var(--bg);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}[hidden]{display:none!important}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(ellipse at 50% 5%,#183751 0,transparent 46%)}.auth-card{width:min(100%,450px);padding:34px;border:1px solid #314a61;border-radius:18px;background:linear-gradient(155deg,#142334f5,#0b131ef7);box-shadow:var(--shadow)}.auth-brand,.brand{display:flex;align-items:center;gap:13px}.auth-brand{margin-bottom:32px}.brand-symbol{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #a4cae9;border-radius:11px;color:#dceaf5;font-size:28px;font-weight:850;font-style:italic;text-shadow:0 1px 8px #38baff;box-shadow:inset 0 0 18px #459bd940,0 0 15px #36aaff22;background:linear-gradient(145deg,#e3f1ff 0,#5d819b 28%,#12263a 56%,#29b7f7 80%,#daefff 100%);-webkit-background-clip:text;background-clip:text}.auth-brand strong,.brand strong{display:block;letter-spacing:.16em;font-size:18px}.auth-brand small,.brand small{display:block;margin-top:4px;font-size:8px;letter-spacing:.2em;color:#9bb2c8}.eyebrow{margin:0 0 8px;color:#75bbed;font-size:10px;font-weight:800;letter-spacing:.17em}.auth-card h1{margin:0 0 8px;font-size:25px;letter-spacing:-.03em}.muted{color:#9badbf;line-height:1.55}.auth-card label,.dialog label{display:block;margin:17px 0 7px;color:#b1c2d3;font-size:12px;font-weight:650}.auth-card input,.dialog input,.dialog select,.dialog textarea{width:100%;min-height:43px;padding:10px 12px;color:var(--text);border:1px solid #30475b;border-radius:8px;background:#09121c}.auth-card input:focus,.dialog input:focus,.dialog select:focus,.dialog textarea:focus{border-color:#62bafa}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:7px;padding:10px 14px;color:#071321;font-size:12px;font-weight:750;letter-spacing:.01em;transition:transform .12s,filter .12s,background .12s}.button:hover{filter:brightness(1.08);transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg,#9ed8ff,#55acec 55%,#308bd2);box-shadow:0 6px 20px #1676b32d}.button.secondary{color:#b8d9f2;border-color:#2a4359;background:#132337}.button.danger{color:#ffd3d3;border-color:#563540;background:#2a1820}.button.small{padding:7px 10px;font-size:11px}.button.full{width:100%;margin-top:18px;min-height:44px}.link-button{margin-top:13px;padding:5px 0;border:0;background:none;color:#80c4f7;font-size:12px}.auth-message{min-height:22px;margin:14px 0 0;color:#b6e7ff;font-size:12px}.auth-message.error{color:#ff9b9b}.auth-foot{margin:20px 0 0;padding-top:14px;border-top:1px solid #263b50;color:#71869b;font-size:10px}.secret-key{overflow-wrap:anywhere;padding:9px;border-radius:6px;background:#08131e;color:#d8e9f5;font:11px ui-monospace,monospace}#qr{display:block;width:190px;margin:16px auto;padding:8px;border-radius:8px;background:white}.app-shell{min-height:100vh}.demo-ribbon{height:28px;padding:6px 18px;display:flex;gap:8px;align-items:center;border-bottom:1px solid #253b4e;background:#0d1925;color:#92a8bd;font-size:9px;font-weight:800;letter-spacing:.1em}.demo-ribbon>span:last-child{margin-left:9px;color:#6d8499;font-weight:500;letter-spacing:0}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px #51d6a5a6}.sidebar{position:fixed;top:28px;bottom:0;left:0;z-index:10;display:flex;width:225px;flex-direction:column;padding:17px 12px 12px;border-right:1px solid #1a2a38;background:linear-gradient(180deg,#0c141e,#09111a)}.brand{padding:4px 7px 17px;text-decoration:none;color:var(--text)}.brand .brand-symbol{width:36px;height:36px;border-radius:9px;font-size:23px}.brand strong{font-size:14px}.brand small{font-size:7px}.org-chip{display:flex;align-items:center;gap:10px;margin:0 2px 20px;padding:11px 9px;border:1px solid #203446;border-radius:9px;background:#111e2a}.org-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#173955;color:#9bd5ff;font-size:10px;font-weight:800}.org-chip strong,.org-chip small{display:block}.org-chip strong{font-size:10px}.org-chip small{margin-top:4px;color:var(--muted);font-size:9px}.nav-caption{margin:0 8px 7px;color:#60758a;font-size:9px;font-weight:800;letter-spacing:.15em}.nav-list{display:grid;gap:3px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;min-height:39px;padding:0 10px;border:1px solid transparent;border-radius:7px;background:transparent;text-align:left;color:#92a4b6;font-size:11px}.nav-item:hover{background:#122031;color:#cfe6fa}.nav-item.active{border-color:#25435c;background:linear-gradient(90deg,#163350,#132437);color:#e4f3ff;box-shadow:inset 2px 0 #5cb7f4}.nav-icon{width:16px;color:#7fa4c1;text-align:center;font-size:15px}.nav-item.active .nav-icon{color:#6ac4ff}.nav-badge{display:grid;place-items:center;min-width:20px;height:18px;margin-left:auto;padding:0 5px;border:1px solid #38526a;border-radius:8px;background:#1a2d40;color:#acd9fb;font-size:9px}.sidebar-bottom{margin-top:auto}.secure-state{display:flex;align-items:center;gap:9px;padding:11px 9px;border-top:1px solid #1e2e3e}.secure-led{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px #51d6a5a6}.secure-state strong,.secure-state small{display:block}.secure-state strong{font-size:10px;color:#c4d5e4}.secure-state small{margin-top:4px;color:#6e8398;font-size:9px}.signout{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px;border:1px solid #203343;border-radius:7px;background:#0d1823;color:#9bb3c8;font-size:11px}.workspace{min-height:calc(100vh - 28px);margin-left:225px;padding:0 24px 16px}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;height:58px;margin:0 -24px 20px;padding:0 24px;border-bottom:1px solid #1c2c3b;background:#0a111aeF;backdrop-filter:blur(12px)}.crumb{display:flex;align-items:center;gap:10px;color:#6f8499;font-size:10px}.crumb b{color:#3b4d5f}.crumb strong{color:#d5e2ee;font-size:11px}.top-actions{display:flex;align-items:center;gap:19px}.refresh-status{display:flex;align-items:center;gap:7px;color:#8ca0b4;font-size:10px}.refresh-status i{width:6px;height:6px;border-radius:50%;background:var(--green)}.signed-in{display:flex;align-items:center;gap:8px;padding-left:16px;border-left:1px solid #263748}.avatar{display:grid;place-items:center;width:30px;height:30px;border:1px solid #376182;border-radius:50%;background:linear-gradient(145deg,#234565,#12283b);color:#9edaff;font-size:10px;font-weight:800}.signed-in strong,.signed-in small{display:block}.signed-in strong{font-size:10px}.signed-in small{margin-top:3px;color:#7c93a8;font-size:8px;letter-spacing:.1em}.mobile-menu{display:none;border:0;background:none;color:#a4bed3;font-size:19px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 18px}.page-heading .eyebrow span{padding:0 5px;color:#52697e}.page-heading h1{margin:2px 0 5px;font-size:23px;letter-spacing:-.035em}.page-heading p{margin:0;color:#8498ac;font-size:11px}.metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px}.metric{position:relative;min-height:105px;padding:12px 14px 10px;overflow:hidden;border:1px solid #223447;border-radius:9px;background:linear-gradient(145deg,#121f2c,#0e1721 78%);box-shadow:0 7px 20px #0002}.metric>div{display:flex;align-items:center;justify-content:space-between;color:#92a5b8;font-size:10px}.metric>strong{display:block;margin:3px 0 1px;font-size:26px;letter-spacing:-.04em}.metric>small{color:#697f94;font-size:9px}.metric-icon{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#1b3449;color:var(--blue);font-size:13px;font-style:normal}.metric-icon.green{background:#16362f;color:var(--green)}.metric-icon.violet{background:#2a2440;color:var(--violet)}.metric-icon.amber{background:#3a3020;color:var(--amber)}.ops-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.86fr);gap:13px;align-items:start}.panel{min-width:0;border:1px solid #213244;border-radius:9px;background:linear-gradient(145deg,#111c28,#0d151f);box-shadow:0 8px 24px #0002}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:11px 13px;border-bottom:1px solid #203040}.panel-head h2{margin:0;color:#dce8f4;font-size:12px;letter-spacing:-.01em}.panel-head p{margin:4px 0 0;color:#73889c;font-size:9px}.panel-tools{display:flex;align-items:center;gap:7px}.panel-tools select,.panel-tools input,.search{min-width:110px;height:30px;padding:0 9px;border:1px solid #2b4054;border-radius:6px;background:#0a131e;color:#b8c9d9;font-size:10px}.search{min-width:230px}.text-button{padding:6px;border:0;background:none;color:#7bbff2;font-size:10px}.call-list,.unit-list,.patrol-list,.holding-list,.activity-list{padding:0 12px}.call-card{padding:12px 1px;border-bottom:1px solid #1b2b3b}.call-card:last-child{border-bottom:0}.call-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.call-ident{display:flex;align-items:flex-start;gap:8px;min-width:0}.priority-bar{width:3px;height:34px;flex:none;border-radius:4px;background:var(--blue)}.priority-bar.urgent{background:var(--amber)}.priority-bar.emergency{background:var(--red)}.call-number{color:#8ac8f7;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace}.call-title{margin-top:3px;color:#e4edf5;font-size:12px;font-weight:700}.call-meta{display:flex;flex-wrap:wrap;gap:6px 13px;margin:7px 0 0 11px;color:#8297aa;font-size:9px}.call-meta span{display:inline-flex;align-items:center;gap:4px}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #2e475c;border-radius:20px;background:#152536;color:#a8c8df;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.pill.holding{border-color:#675334;background:#302819;color:#f4ca78}.pill.dispatched{border-color:#355372;background:#172b40;color:#a9d4f5}.pill.en_route{border-color:#584878;background:#251f38;color:#c4b3ff}.pill.on_scene{border-color:#3e674e;background:#193025;color:#8fe0ae}.pill.cleared{color:#9bacbb}.priority-pill{border:0;background:#1a2938;color:#aebdcb}.priority-pill.urgent{background:#392c1a;color:#f4c474}.priority-pill.emergency{background:#3c2024;color:#ff9696}.unit-tags{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0 0 11px}.unit-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid #2a4054;border-radius:5px;background:#101c29;color:#b6cfe3;font:9px ui-monospace,monospace}.unit-tag small{color:#8096aa;font:8px system-ui,sans-serif}.call-actions{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 0 11px}.call-actions .button{padding:6px 8px;font-size:9px}.empty-state{padding:22px 10px;color:#75899d;text-align:center;font-size:10px}.unit-row{display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 1px;border-bottom:1px solid #1b2a39}.unit-row:last-child{border-bottom:0}.unit-glyph{display:grid;place-items:center;width:29px;height:29px;border:1px solid #29435a;border-radius:8px;background:#14283a;color:#8bcaff;font-size:12px}.unit-name{color:#d6e2ed;font:700 10px ui-monospace,monospace}.unit-facility{margin-top:3px;color:#70869b;font-size:9px}.unit-state{display:inline-flex;align-items:center;gap:5px;color:#81d8ae;font-size:9px}.unit-state:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.unit-state.busy{color:#efbd6b}.unit-state.patrol{color:#c0aafa}.unit-state.off{color:#8492a0}.patrol-row,.holding-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 1px;border-bottom:1px solid #1b2a39}.patrol-row:last-child,.holding-row:last-child{border-bottom:0}.patrol-info strong,.patrol-info small,.holding-info strong,.holding-info small{display:block}.patrol-info strong,.holding-info strong{color:#dce6ef;font-size:10px}.patrol-info small,.holding-info small{margin-top:4px;color:#788da1;font-size:9px}.count-chip{display:grid;place-items:center;min-width:22px;height:20px;border:1px solid #3a5064;border-radius:8px;background:#172638;color:#bed9ee;font-size:9px}.table-scroll{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{padding:10px 12px;border-bottom:1px solid #213143;color:#74889b;text-align:left;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}td{padding:11px 12px;border-bottom:1px solid #1a2837;color:#b6c5d3;font-size:10px}tr:last-child td{border-bottom:0}td strong{color:#e0eaf4}.table-number{color:#8ac8f7;font:700 10px ui-monospace,monospace}.unit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.unit-card{padding:13px;border:1px solid #223548;border-radius:8px;background:#101a25}.unit-card-head{display:flex;justify-content:space-between;align-items:center}.unit-card h3{margin:0;color:#dfeaf4;font:700 12px ui-monospace,monospace}.unit-card p{margin:6px 0;color:#8498aa;font-size:10px}.activity-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid #1c2b3a}.activity-row:last-child{border:0}.activity-symbol{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#172b3e;color:#89caf7}.activity-copy strong{display:block;color:#cbd9e6;font-size:10px;font-weight:650}.activity-copy small{display:block;margin-top:4px;color:#71869a;font-size:9px}.activity-time{color:#6e8296;font-size:9px}.workspace-foot{display:flex;justify-content:space-between;gap:12px;margin-top:19px;padding-top:12px;border-top:1px solid #1a2938;color:#61778c;font-size:9px}.workspace-foot strong{color:#8ba0b4;font-weight:600}.dialog{width:min(640px,calc(100% - 24px));max-height:min(88vh,800px);padding:0;overflow:auto;border:1px solid #36516b;border-radius:12px;background:#0d1823;color:var(--text);box-shadow:0 28px 90px #000b}.dialog::backdrop{background:#02070cbf;backdrop-filter:blur(3px)}.dialog-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:14px 17px;border-bottom:1px solid #23384b;background:#111e2b}.dialog-head h2{margin:0;font-size:16px}.dialog-head .eyebrow{margin-bottom:4px;font-size:8px}.dialog-close{width:29px;height:29px;border:1px solid #344b60;border-radius:7px;background:#142334;color:#c3d4e3;font-size:20px;line-height:1}.dialog-body{padding:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.field-wide{grid-column:1/-1}.dialog textarea{min-height:82px;resize:vertical}.checkline{display:flex!important;align-items:center;gap:8px;margin:13px 0!important}.checkline input{width:16px;height:16px;min-height:auto;accent-color:#4da8e7}.check-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:7px}.check-option{display:flex;align-items:center;gap:7px;padding:8px 9px;border:1px solid #2a4053;border-radius:7px;background:#101c28;color:#b5c5d4;font-size:10px}.check-option input{width:14px;height:14px;accent-color:#45a7ed}.form-error{color:#ff9292;font-size:10px}.detail-section{margin:0 0 14px}.detail-section h3{margin:0 0 7px;color:#91a7bc;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.detail-note{padding:9px 0;border-bottom:1px solid #1e2c3a;color:#c4d3e0;font-size:10px}.detail-note:last-child{border-bottom:0}.toast{position:fixed;right:18px;bottom:18px;z-index:50;max-width:min(440px,calc(100% - 36px));padding:11px 14px;border:1px solid #3b627e;border-radius:8px;background:#102538;color:#d9efff;font-size:11px;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);pointer-events:none;transition:.18s}.toast.show{opacity:1;transform:translateY(0)}.toast.error{border-color:#77404b;background:#2a171e;color:#ffd4d4}
.view{display:none}.view.active{display:block}.muted-inline{color:#71869a;font-size:9px}
@media(max-width:1120px){.workspace{padding-right:17px;padding-left:17px}.topbar{margin-right:-17px;margin-left:-17px;padding:0 17px}.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-grid{grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr)}.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.mobile-menu{display:block}.topbar{gap:10px}.crumb{margin-right:auto}.ops-grid{grid-template-columns:1fr}.calls-panel{grid-row:auto}.top-actions{gap:9px}.refresh-status{display:none}}
@media(max-width:560px){.demo-ribbon{padding-left:10px;font-size:8px;letter-spacing:.04em}.demo-ribbon>span:last-child{display:none}.workspace{padding-right:11px;padding-left:11px}.topbar{height:51px;margin-right:-11px;margin-left:-11px;padding:0 11px}.signed-in{padding-left:9px}.signed-in>span:last-child{display:none}.page-heading{align-items:flex-start}.page-heading h1{font-size:20px}.page-heading p{max-width:250px;font-size:10px}.page-heading>.button{padding:8px 9px;font-size:10px;white-space:nowrap}.metric-row{gap:7px}.metric{min-height:94px;padding:10px}.metric>strong{font-size:23px}.metric>small{font-size:8px}.panel-head{align-items:flex-start;flex-direction:column;padding:10px}.panel-tools{width:100%;flex-wrap:wrap}.panel-tools select,.panel-tools input{flex:1;min-width:100px}.panel-head>.text-button{align-self:flex-end;margin-top:-31px}.call-card{padding:11px 1px}.call-top{gap:6px}.call-actions{gap:4px}.call-actions .button{padding:6px;font-size:8px}.call-meta{gap:5px 10px}.unit-grid{grid-template-columns:1fr 1fr;gap:7px}.unit-card{padding:10px}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.dialog-body{padding:12px}.workspace-foot{font-size:8px}.search{min-width:100%!important}.activity-row{grid-template-columns:25px minmax(0,1fr)}.activity-time{grid-column:2}.table-scroll table{min-width:650px}}

/* KADION operations shell follows the compact, facility-first CAD workspace pattern. */
.demo-ribbon{justify-content:center;height:25px;padding:5px 12px;font-size:8px}
.sidebar{position:sticky;top:0;bottom:auto;left:auto;z-index:12;display:grid;width:100%;grid-template-columns:auto minmax(185px,1fr) auto;grid-template-rows:52px auto;align-items:center;gap:0 20px;padding:0 24px;border-right:0;border-bottom:1px solid #26394b;background:#0b131d;box-shadow:0 8px 22px #0003}
.brand{grid-column:1;grid-row:1;padding:0;text-decoration:none}
.brand .brand-symbol{width:35px;height:35px;font-size:22px}
.org-chip{grid-column:2;grid-row:1;justify-self:start;margin:0;padding:6px 10px;border:0;background:transparent}
.org-mark{width:27px;height:27px}
.nav-list{grid-column:1/3;grid-row:2;display:flex;gap:4px;min-width:0;overflow:auto;padding:0 0 8px;scrollbar-width:thin}
.nav-item{width:auto;min-height:32px;flex:none;gap:7px;padding:0 11px;border-radius:5px;font-size:10px;white-space:nowrap}
.nav-item.active{box-shadow:inset 0 -2px #5cb7f4;background:#14283a;border-color:#28435b}
.nav-icon{font-size:13px}
.nav-badge{min-width:17px;height:16px}
.sidebar-bottom{grid-column:3;grid-row:1/3;display:flex;align-items:center;gap:12px;margin:0}
.secure-state{padding:5px 0;border-top:0;white-space:nowrap}
.secure-state strong{font-size:9px}.secure-state small{font-size:8px}
.signout{width:auto;min-width:82px;padding:8px 9px;font-size:10px}
.workspace{min-height:calc(100vh - 25px);margin-left:0;padding:0 24px 16px}
.topbar{height:48px;margin:0 -24px 0;padding:0 24px;border-bottom:1px solid #182938;background:#0b131df2}
.crumb{font-size:9px}.crumb strong{font-size:10px}
.facility-strip{display:flex;gap:0;min-height:36px;margin:0 -24px 17px;padding:0 24px;overflow-x:auto;border-bottom:1px solid #243749;background:#0d1722;scrollbar-width:thin}
.facility-tab{position:relative;display:inline-flex;align-items:center;gap:7px;flex:none;padding:0 14px;border:0;border-right:1px solid #1b2b3a;background:transparent;color:#8297aa;font-size:9px;font-weight:800;letter-spacing:.07em;white-space:nowrap}
.facility-tab span{color:#6f8395;font-size:9px;font-weight:500;letter-spacing:0}
.facility-tab:hover{color:#d9e7f4;background:#122131}
.facility-tab.active{color:#c6e6ff;background:#142638;box-shadow:inset 0 -2px #58b7f6}
.facility-tab.active span{color:#9cb5c9}
.page-heading{margin-bottom:14px}
.page-heading h1{font-size:21px}
.metric-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}
.metric{min-height:83px;padding:9px 12px;border-radius:6px;background:#101a25;box-shadow:none}
.metric>strong{font-size:23px}
.ops-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);gap:10px}
.panel{border-radius:6px;box-shadow:none}
.panel-head{min-height:48px;padding:9px 12px}
.panel-head h2{font-size:11px}.panel-head p{font-size:8px}
.call-card{padding:10px 1px}
.call-title{font-size:11px}
@media(max-width:900px){
  .sidebar{grid-template-columns:auto minmax(100px,1fr) auto;column-gap:10px;padding-right:13px;padding-left:13px}
  .org-chip{padding:5px}.org-chip strong{font-size:9px}.org-chip small{font-size:8px}
  .nav-list{overflow-x:auto}.nav-item{padding:0 8px}
  .workspace{padding-right:15px;padding-left:15px}.topbar{margin-right:-15px;margin-left:-15px;padding:0 15px}
  .facility-strip{margin-right:-15px;margin-left:-15px;padding:0 15px}
  .ops-grid{grid-template-columns:minmax(0,1.2fr) minmax(235px,.8fr)}
}
@media(max-width:700px){
  .demo-ribbon{justify-content:flex-start;font-size:7px}.demo-ribbon>span:last-child{display:none}
  .sidebar{position:sticky;top:0;grid-template-columns:1fr auto;grid-template-rows:48px auto;padding:0 11px}
  .brand{grid-column:1;grid-row:1}.org-chip{display:none}
  .sidebar-bottom{grid-column:2;grid-row:1}.secure-state{display:none}.signout{min-width:72px}
  .nav-list{grid-column:1/3;grid-row:2;display:none;padding-bottom:6px}
  .sidebar.open .nav-list{display:flex}
  .nav-item{min-height:31px}
  .workspace{padding-right:11px;padding-left:11px}.topbar{margin-right:-11px;margin-left:-11px;padding:0 11px}
  .facility-strip{margin-right:-11px;margin-left:-11px;padding:0 11px}
  .metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ops-grid{grid-template-columns:1fr}
}

.config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.config-org-panel{margin-bottom:12px}
.config-inline-form{padding:14px 16px}
.config-inline-controls{display:flex;gap:9px;max-width:620px}
.config-inline-controls input{flex:1}
.config-list{padding:4px 15px 10px}
.config-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #272c32}
.config-row:last-child{border-bottom:0}
.config-copy{min-width:0}
.config-copy strong,.config-copy small{display:block;overflow-wrap:anywhere}
.config-copy strong{color:#e4e9ef;font-size:12px}
.config-copy small{margin-top:4px;color:#929ba6;font-size:10px}
.config-actions{display:flex;align-items:center;gap:7px;flex:none}
.config-status{padding:4px 7px;border-radius:12px;background:#18321b;color:#83e977;font-size:8px;font-weight:800;text-transform:uppercase}
.config-status.inactive{background:#2a2c30;color:#a0a5ad}
@media(max-width:700px){.config-grid{grid-template-columns:1fr}.config-inline-controls{flex-direction:column}.config-row{align-items:flex-start}.config-actions{flex-direction:column;align-items:flex-end}}

/* Reference pass: preserve the DPSS mobile-console rhythm with KADION's own mark. */
:root{--bg:#090b0e;--side:#0d0f12;--panel:#111316;--panel2:#171a1e;--line:#2a2e34;--line2:#3b4149;--text:#f2f4f7;--muted:#a3aab4;--blue:#9ed5ff;--blue2:#3476a8;--green:#35d21b;--amber:#d7a348;--red:#ed5866}
body{background:radial-gradient(ellipse at 50% -30%,#171f28 0,transparent 56%),#090b0e}
.auth-wrap{background:radial-gradient(ellipse at 50% 0,#1a2028 0,transparent 55%),#090b0e}
.auth-card{border-color:#343941;border-radius:17px;background:linear-gradient(150deg,#15181c,#0b0d10);box-shadow:0 20px 70px #0009}
.auth-brand{justify-content:center;margin:0 auto 20px}
.auth-logo{display:block;width:min(190px,58vw);height:auto;border-radius:9px;object-fit:contain}
.brand-symbol-image{border:1px solid #39434d;color:transparent;background:#091019 url('assets/kadion-brand.svg') center 30%/255% auto no-repeat;box-shadow:0 0 15px #228be022}
.sidebar{background:#0c0e11;border-bottom-color:#2c3036}
.org-chip{border-radius:6px;background:#121519}
.nav-item{border-radius:7px;color:#bbc1ca}
.nav-item.active{border-color:#3cae23;background:linear-gradient(180deg,#39c91e,#138806);color:#fff;box-shadow:0 3px 10px #1fbc1738}
.nav-item.active .nav-icon{color:#fff}
.nav-badge{border-color:#4a5159;background:#20242a;color:#edf2f7}
.signout{border-color:#3a4048;background:#181b20;color:#e0e5eb}
.topbar{background:#0b0d10f5;border-bottom-color:#2b2f35}
.signed-in{gap:9px;padding:6px 10px;border:1px solid #32373e;border-radius:10px;background:#14171b}
.signed-in small:first-child{margin:0 0 2px;color:#88919c;font-size:7px;font-weight:800;letter-spacing:.1em}
.signed-in strong{font-size:10px}
.signed-in small:last-child{color:#aab3be}
.avatar{border-color:#344859;background:#172b39;color:#a8d8f8}
.facility-strip{min-height:40px;background:#0d0f12;border-bottom-color:#2c3036}
.facility-tab{min-width:92px;justify-content:center;border-right:1px solid #282c31;color:#d8dde4;font-size:11px}
.facility-tab span{display:none}
.facility-tab.active{border-radius:7px 7px 0 0;background:linear-gradient(180deg,#39c91e,#128506);color:white;box-shadow:0 2px 9px #1fbc1738}
.page-heading h1{font-size:23px}
.metric-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:12px}
.metric{min-height:101px;padding:12px 14px;border:1px solid #30343a;border-radius:14px;background:linear-gradient(150deg,#121417,#0d0f12);box-shadow:none}
.metric>div{color:#b1b7c0;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.metric>strong{margin:7px 0 2px;font-size:27px}
.metric>small{font-size:9px}
.metric-icon{width:24px;height:24px;border-radius:50%;background:#172d17;color:#55e639}
.metric-icon.green{background:#172d17;color:#55e639}
.metric-icon.violet{background:#192b39;color:#93c8ed}
.metric-icon.amber{background:#382b18;color:#f1c56e}
.button{border-radius:9px;font-size:12px}
.button.primary{background:linear-gradient(180deg,#3cce21,#128407);color:#fff;box-shadow:0 4px 12px #21ac1a29}
.button.secondary{border-color:#3a4048;background:#1a1d22;color:#f1f3f6}
.button.danger{border-color:#713540;background:linear-gradient(180deg,#ec5966,#a92d3d);color:white}
.panel{border-color:#30343a;border-radius:16px;background:linear-gradient(150deg,#111316,#0a0c0e);box-shadow:none}
.panel-head{min-height:58px;padding:14px 16px;border-bottom-color:#292d32}
.panel-head h2{font-size:16px;font-weight:800}
.panel-head p{font-size:10px}
.call-list,.unit-list,.patrol-list,.holding-list,.activity-list{padding:8px 14px}
.call-card{margin:8px 0;padding:15px;border:1px solid #30343a;border-radius:13px;background:#090b0d}
.call-card:last-child{border-bottom:1px solid #30343a}
.call-number{font-size:11px}.call-title{font-size:14px}
.call-meta{font-size:10px}
.call-actions .button{padding:8px 11px;font-size:10px}
.unit-row{padding:12px 1px}
.unit-glyph{border-radius:50%;background:#172d17;color:#57e63c}
.patrol-row,.holding-row{padding:13px 1px}
.count-chip{border-radius:14px}
.dialog{border-color:#3a4149;border-radius:17px;background:#0c0e11}
.dialog-head{background:#13161a;border-bottom-color:#30343a}
.dialog input,.dialog select,.dialog textarea{border-color:#30353c;border-radius:10px;background:#080a0c}
.check-option{border-color:#30363e;border-radius:10px;background:#14171b}
@media(max-width:700px){
 .sidebar{background:#0b0d10}
 .workspace{padding-right:10px;padding-left:10px}
 .topbar{height:58px;margin-right:-10px;margin-left:-10px;padding:0 10px}
 .crumb{gap:6px;font-size:8px}.crumb strong{font-size:10px}
 .signed-in{gap:7px;padding:5px 7px}
 .signed-in>span:last-child{display:block;max-width:110px}
 .signed-in strong{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .facility-strip{min-height:42px;margin-right:-10px;margin-left:-10px;padding:0 8px}
 .facility-tab{flex:1;min-width:65px;padding:0 8px;font-size:10px}
 .page-heading{align-items:center;margin:4px 0 12px}
 .page-heading h1{font-size:21px}
 .page-heading p{max-width:none}
 .metric-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .metric{min-height:90px;padding:10px 12px;border-radius:13px}
 .metric>div{font-size:9px}
 .metric>strong{font-size:26px}
 .ops-grid{gap:12px}
 .panel-head{padding:13px 14px}
 .calls-panel{grid-row:auto}
 .call-card{padding:14px 12px}
 .call-top{align-items:flex-start}
 .call-actions{gap:7px}
 .call-actions .button{min-height:38px;padding:8px 10px;font-size:10px}
 .table-scroll table{min-width:650px}
}

/* DPSS-inspired dispatch workflow: quick status tiles, entry form, then live activity. */
.metric-link{width:100%;color:inherit;text-align:left;cursor:pointer;transition:border-color .15s,transform .15s}
.metric-link:hover{border-color:#66727f;transform:translateY(-1px)}
.quick-entry-panel{margin:0 0 12px}
.quick-entry-mode{display:flex;gap:8px;flex:none}
.quick-entry-mode .button{min-width:82px}
.quick-call-form{padding:14px 16px 16px}
.quick-call-form .form-grid{gap:12px 14px}
.quick-call-form label{display:block;color:#aeb6c0;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.quick-call-form input,.quick-call-form select,.quick-call-form textarea{min-height:42px;margin-top:7px;border-color:#32373e;border-radius:10px;background:#080a0c;color:#f1f4f7;font-size:12px}
.quick-call-form textarea{min-height:92px}
.quick-call-form .checkline{display:flex!important;align-items:center;gap:9px;margin:2px 0!important;padding:12px;border:1px solid #30353c;border-radius:10px;background:#14171b;font-size:11px}
.quick-call-form .checkline input{width:17px;height:17px;min-height:0;margin:0;accent-color:#38c923}
.quick-call-form .check-option{display:flex!important;align-items:center;gap:8px;padding:8px 10px;font-size:10px}
.quick-call-form .check-option input{width:15px;height:15px;min-height:0;margin:0;accent-color:#38c923}
.quick-call-form .full{min-height:48px;font-size:13px;font-weight:850}
.call-summary{margin:10px 0;padding:10px 12px;border:1px solid #30343a;border-radius:10px;background:#14171b;color:#c1c7cf;font-size:11px;white-space:pre-wrap}
.call-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0}
.call-timeline>div{min-width:0;padding:8px 9px;border:1px solid #33383f;border-radius:9px;background:#14171b}
.call-timeline span{display:block;color:#9aa2ac;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.call-timeline strong{display:block;margin-top:5px;overflow:hidden;color:#e1e6ec;font:700 10px ui-monospace,SFMono-Regular,monospace;text-overflow:ellipsis;white-space:nowrap}
.minimized-call{padding:11px 13px}
.minimized-call .call-meta{margin-bottom:0}
.minimized-call .call-actions{margin-top:8px}
@media(max-width:700px){
 .quick-entry-panel{border-radius:14px}
 .quick-entry-panel .panel-head{align-items:flex-start;flex-direction:row}
 .quick-entry-mode{gap:6px}
 .quick-entry-mode .button{min-width:62px;padding:8px;font-size:10px}
 .quick-call-form{padding:11px}
 .call-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}
 .call-timeline strong{white-space:normal}
}