:root{
  --header-h:34px;
  --left-w:250px;
  --right-w:345px;
  --gap:3px;
  --blue:#0d4f9c;
  --blue-2:#073b79;
  --ok:#2fbf73;
  --warn:#d4a72c;
  --orange:#c97939;
  --transport:#4b8fc9;
  --prio:#cf3f47;
  --panic:#ef4444;
  --font-ui:"Segoe UI",Tahoma,Arial,sans-serif;
  --font-mono:Consolas,"Courier New",monospace;
}

:root,
:root[data-theme="dark"]{
  --app-bg:#0f151d;
  --top:#20252d;
  --top-2:#111820;
  --panel:#151b24;
  --panel-2:#101720;
  --panel-3:#1b2430;
  --surface:#0d141d;
  --surface-2:#111a26;
  --input:#0b121c;
  --line:#344150;
  --line-soft:#253241;
  --line-strong:#64748b;
  --text:#f2f6fb;
  --text-2:#c3cfdd;
  --text-3:#7f8da0;
  --button:#162335;
  --button-hover:#203450;
  --table-head:#0d1219;
  --map-frame:#1c2633;
  --shadow:rgba(0,0,0,.28);
  --leaflet-control:#111a26;
}

:root[data-theme="light"]{
  --app-bg:#c4c1b9;
  --top:#30343b;
  --top-2:#20252d;
  --panel:#ddd9d1;
  --panel-2:#d3d0c7;
  --panel-3:#e8e5de;
  --surface:#e9e6df;
  --surface-2:#f7f6f1;
  --input:#fbfaf6;
  --line:#85827b;
  --line-soft:#aaa69c;
  --line-strong:#65615a;
  --text:#10151b;
  --text-2:#2e3741;
  --text-3:#69717c;
  --button:#eeeae2;
  --button-hover:#dbe6f1;
  --table-head:#bfbab0;
  --map-frame:#9a968c;
  --shadow:rgba(0,0,0,.13);
  --leaflet-control:#17202c;
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;overflow:hidden;background:var(--app-bg);color:var(--text);font:11px/1.25 var(--font-ui);text-rendering:geometricPrecision;-webkit-font-smoothing:none}
button,input{font:inherit}button{cursor:pointer}img{display:block}a{color:inherit;text-decoration:none}

.ops-shell{width:100vw;height:100vh;display:grid;grid-template-rows:var(--header-h) 1fr;background:var(--app-bg);border:1px solid #111820;overflow:hidden}

.ops-header{height:var(--header-h);display:grid;grid-template-columns:minmax(430px,1fr) auto minmax(430px,1fr);align-items:center;gap:8px;padding:0 8px;background:linear-gradient(180deg,var(--top),var(--top-2));border-bottom:1px solid #090d13;color:#fff;overflow:hidden}
.ops-brand{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden}
.ops-brand__meta{height:24px;display:inline-flex;align-items:center;color:#d7e1ee;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;line-height:24px}
.ops-brand__meta::after{content:"";width:1px;height:14px;background:#69717d;margin-left:8px}
.ops-brand__title{height:24px;display:inline-flex;align-items:center;color:#fff;font-size:13px;font-weight:900;letter-spacing:.02em;text-transform:uppercase;line-height:24px;overflow:hidden;text-overflow:ellipsis}
.ops-header__stats{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0;white-space:nowrap}
.ops-connection,.ops-stat,.ops-theme-btn{height:24px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;background:rgba(0,0,0,.12);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:11px;font-weight:800;line-height:24px;text-transform:uppercase;box-shadow:none}
.ops-connection{color:#dff8e9}.ops-connection__dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 1px rgba(0,0,0,.3)}
.ops-stat{flex-direction:row;min-width:auto}.ops-stat span{color:#d7e1ee;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ops-stat strong{color:#fff;font-family:var(--font-mono);font-size:12px;font-weight:900}.ops-theme-btn i{font-size:12px;line-height:1}.ops-theme-btn:hover{background:#1b5ca8;border-color:#9fc7f2}

.ops-system-panel{height:24px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);color:#fff;font-size:11px;white-space:nowrap}
.ops-system-panel span{color:#cdd8e6}.ops-system-panel b{color:#fff;font-weight:900}.ops-system-panel .dot{width:7px;height:7px;border-radius:50%;background:var(--ok)}

.ops-main{min-height:0;display:grid;grid-template-columns:var(--left-w) minmax(0,1fr) var(--right-w);gap:var(--gap);padding:var(--gap);background:var(--app-bg)}
.ops-left,.ops-right{min-height:0;display:flex;flex-direction:column;gap:var(--gap)}
.ops-panel,.ops-unit-panel{background:var(--panel);border:1px solid var(--line);color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 1px 2px var(--shadow);overflow:hidden}
:root[data-theme="light"] .ops-panel,:root[data-theme="light"] .ops-unit-panel{box-shadow:inset 0 1px 0 rgba(255,255,255,.58),0 1px 2px var(--shadow)}
.ops-panel{padding:0}.ops-panel__title{height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;background:linear-gradient(90deg,var(--blue-2),var(--blue));border-bottom:1px solid #08356d;color:#fff;font-size:10.5px;font-weight:900;letter-spacing:.02em;text-transform:none;margin:0}.ops-panel__body{padding:6px;background:var(--panel)}

.agency-filter{height:35px;display:flex;align-items:center;gap:8px;margin-bottom:4px;padding:0 8px;background:var(--surface-2);border:1px solid var(--line-soft);color:var(--text);font-weight:800;user-select:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.agency-filter:last-child{margin-bottom:0}.agency-filter input{display:none}.agency-filter:hover{background:var(--button-hover)}.agency-filter:has(input:not(:checked)){opacity:.52;filter:grayscale(.35)}
.agency-filter__icon,.agency-filter__fallback{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;border:1px solid var(--line-soft);background:rgba(255,255,255,.03);font-weight:900;color:var(--text-3)}.agency-filter__icon img{max-width:18px;max-height:18px;object-fit:contain}.agency-filter--police{border-left:4px solid #4b78b8}.agency-filter--ems{border-left:4px solid #6a7cff}.agency-filter--fire{border-left:4px solid #c97947}.agency-filter--unknown{border-left:4px solid #9aa1aa}

.legend-grid{display:grid;grid-template-columns:1fr;gap:2px;padding:6px}.legend-row{height:22px;display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:11px;font-weight:700}.legend-dot{width:8px;height:8px;border-radius:50%;background:#9aa1aa}.legend-dot--available{background:var(--ok)}.legend-dot--busy{background:var(--warn)}.legend-dot--call{background:var(--orange)}.legend-dot--transport{background:var(--transport)}.legend-dot--cbr{background:#4b78b8}.legend-dot--prio{background:var(--prio)}.legend-dot--panic{background:var(--panic)}
.ops-panel--status{margin-top:auto}.ops-small-row{padding:7px 8px;border-top:1px solid var(--line-soft);background:var(--surface)}.ops-small-row:first-child{border-top:0}.ops-small-row span{display:block;color:var(--text-3);font-size:9.5px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.ops-small-row strong{display:block;margin-top:2px;color:var(--text);font-size:11px;font-weight:800;word-break:break-word}

.ops-map-wrap{position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid var(--map-frame);background:#111;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
#map{position:absolute;inset:0;background:#111}.map-actions{position:absolute;z-index:550;top:10px;left:10px;display:flex;gap:4px}.map-actions button{height:27px;padding:0 10px;background:rgba(18,29,42,.96);border:1px solid #33465e;color:#fff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 1px 2px rgba(0,0,0,.22)}.map-actions button:hover{background:#1b5ca8;border-color:#9fc7f2}.coord-box{position:absolute;z-index:550;right:10px;bottom:10px;min-width:170px;padding:8px 10px;background:rgba(18,29,42,.96);border:1px solid #33465e;box-shadow:0 1px 2px rgba(0,0,0,.22);color:#fff}.coord-box span{display:block;color:#aab8c7;font-size:9.5px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.coord-box strong{display:block;margin-top:2px;color:#fff;font-family:var(--font-mono);font-size:12px;font-weight:900}

.ops-right{display:grid;grid-template-rows:minmax(0,1fr) 230px;gap:var(--gap)}.ops-unit-panel{min-height:0;display:flex;flex-direction:column}.ops-unit-panel__head{height:30px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0;background:linear-gradient(90deg,var(--blue-2),var(--blue));border-bottom:1px solid #08356d;color:#fff}.ops-unit-panel__head>div{min-width:0;display:flex;align-items:center;gap:8px}.ops-unit-panel__head .ops-panel__title{height:30px;padding:0 8px;background:transparent;border:0;margin:0}.ops-unit-panel__sub{color:#e4edf9;font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-tag{height:20px;margin-right:6px;padding:0 7px;display:inline-flex;align-items:center;border:1px solid #7fe7a6;color:#7fe7a6;background:rgba(59,165,93,.11);font-size:9px;font-weight:900;line-height:20px}
.resource-list,.selected-unit{min-height:0;overflow:auto;padding:6px;background:var(--panel)}.resource-empty{padding:9px;background:var(--surface-2);border:1px solid var(--line-soft);color:var(--text-2);font-size:11px;font-weight:700}.resource-group{margin-bottom:8px}.resource-group__head{height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 7px;background:var(--panel-2);border:1px solid var(--line-soft);color:var(--text-2);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.resource-card{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;min-height:48px;padding:6px 7px;margin-top:4px;border:1px solid var(--line-soft);border-left:4px solid var(--blue);background:var(--surface-2);text-align:left;color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.resource-card:hover,.resource-card--selected{border-color:var(--line-strong);background:var(--button-hover)}.resource-card__logo{width:24px;height:24px;object-fit:contain}.resource-card__main{min-width:0}.resource-card__rakel{font-family:var(--font-mono);font-size:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-card__crew{margin-top:2px;color:var(--text-3);font-size:10.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.resource-status{min-width:58px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0 7px;border:1px solid var(--line);font-size:9px;font-weight:900;text-transform:uppercase}.status-available{border-color:rgba(59,165,93,.6);background:rgba(59,165,93,.13);color:#0d7e3d}.status-busy{border-color:rgba(212,167,44,.65);background:rgba(212,167,44,.13);color:#a07308}.status-call{border-color:rgba(201,123,57,.65);background:rgba(201,123,57,.13);color:#a05215}.status-transport{border-color:rgba(75,143,201,.65);background:rgba(75,143,201,.13);color:#246da5}.status-cbr{border-color:rgba(75,120,184,.7);background:rgba(75,120,184,.15);color:#2862a5}.status-prio{border-color:rgba(201,75,75,.75);background:rgba(201,75,75,.16);color:#b02a2a}.status-panic{border-color:rgba(212,56,56,.85);background:rgba(212,56,56,.22);color:#fff}:root[data-theme="dark"] .status-available{color:#b9e8c7}:root[data-theme="dark"] .status-busy{color:#ead89e}:root[data-theme="dark"] .status-call{color:#e8c0a2}:root[data-theme="dark"] .status-transport{color:#b8d7ee}:root[data-theme="dark"] .status-cbr{color:#c1d5ee}:root[data-theme="dark"] .status-prio{color:#efc3c3}
.selected-title{font-size:15px;font-weight:900;margin-bottom:3px}.selected-sub{color:var(--text-3);font-weight:700;margin-bottom:8px}.selected-grid{display:grid;gap:0;border:1px solid var(--line-soft);background:var(--surface)}.selected-row{display:grid;grid-template-columns:90px 1fr;gap:8px;padding:7px 8px;border-top:1px solid var(--line-soft)}.selected-row:first-child{border-top:0}.selected-row .k{color:var(--text-3);font-size:9.5px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.selected-row .v{color:var(--text-2);font-weight:800;overflow-wrap:anywhere}

.unit-label-marker{background:transparent!important;border:none!important}.unit-marker{position:relative;min-width:118px;max-width:170px;padding:6px 8px 6px 30px;border:1px solid rgba(40,46,55,.9);background:rgba(17,25,36,.96);color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.22)}.unit-marker::before{content:"";position:absolute;left:7px;top:50%;width:16px;height:16px;transform:translateY(-50%);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.95}.unit-marker--police::before{background-image:url("../img/polisen.png")}.unit-marker--ems::before{background-image:url("../img/vgr.png")}.unit-marker--fire::before{background-image:url("../img/rsg.png")}.unit-marker__rakel{display:block;font-size:11px;line-height:1.05;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-marker__status{display:block;margin-top:3px;font-size:8px;line-height:1;font-weight:900;text-transform:uppercase;letter-spacing:.07em;opacity:.86}.unit-marker--selected{outline:1px solid rgba(255,255,255,.8);outline-offset:2px}.unit-marker--police{border-left:3px solid #4b78b8}.unit-marker--ems{border-left:3px solid #6a7cff}.unit-marker--fire{border-left:3px solid #c97947}.unit-marker--unknown{border-left:3px solid #9aa1aa}.unit-marker--status-available{border-bottom:3px solid var(--ok)}.unit-marker--status-busy{border-bottom:3px solid var(--warn)}.unit-marker--status-call{border-bottom:3px solid var(--orange)}.unit-marker--status-transport{border-bottom:3px solid var(--transport)}.unit-marker--status-cbr{border-bottom:3px solid #4b78b8;animation:softCbr 1s infinite}.unit-marker--status-prio{border-bottom:3px solid var(--prio);animation:softPrio .8s infinite}.unit-marker--status-panic{border-bottom:3px solid var(--panic);animation:softPanic .55s infinite}
@keyframes softCbr{0%,100%{border-color:rgba(75,120,184,.65)}50%{border-color:rgba(75,120,184,1);box-shadow:0 0 12px rgba(75,120,184,.35)}}@keyframes softPrio{0%,100%{border-color:rgba(201,75,75,.65)}50%{border-color:rgba(201,75,75,1);box-shadow:0 0 14px rgba(201,75,75,.38)}}@keyframes softPanic{0%,100%{transform:scale(1)}50%{transform:scale(1.04);box-shadow:0 0 16px rgba(212,56,56,.55)}}

.leaflet-container{background:#111;font:12px var(--font-ui)}.leaflet-control-container .leaflet-top.leaflet-left{top:58px;left:12px}.leaflet-control-zoom{border:1px solid #33465e!important;border-radius:0!important;box-shadow:none!important}.leaflet-control-zoom a{background:var(--leaflet-control)!important;color:#fff!important;border-bottom:1px solid #33465e!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{border-radius:0!important;background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--line)}.leaflet-popup-content{margin:9px!important}.popup-title{font-size:12px;font-weight:900;margin-bottom:6px}.popup-row{display:flex;gap:8px;margin-top:4px}.popup-row .label{width:64px;color:var(--text-3);font-weight:800}.popup-row .value{color:var(--text-2);font-weight:800}
::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--panel-2)}::-webkit-scrollbar-thumb{background:#69717c;border:1px solid var(--panel-2)}::-webkit-scrollbar-thumb:hover{background:#8a94a3}
@media(max-width:1280px){:root{--left-w:230px;--right-w:320px}}@media(max-width:980px){.ops-header{grid-template-columns:1fr;height:auto;min-height:var(--header-h);padding:4px 8px}.ops-brand,.ops-header__stats{justify-content:flex-start;flex-wrap:wrap}.ops-system-panel{display:none}.ops-main{grid-template-columns:1fr}.ops-left,.ops-right{display:none}}