/* VERGERE C2 — operational responsive surface. */
:root{--c2-font-sans:Inter,"Segoe UI",system-ui,sans-serif;--c2-font-mono:"Roboto Mono",Consolas,monospace;--c2-header-height:64px;--c2-bg:#111210;--c2-bg-surface:#1a1b18;--c2-bg-surface-elevated:#24251f;--c2-glass-bg:#1a1b18;--c2-glass-border:#46483c;--c2-glass-border-glow:#8b9a5b;--c2-accent:#8b9a5b;--c2-accent-hover:#a6b875;--c2-accent-bg:#8b9a5b24;--c2-text-primary:#f6f1e4;--c2-text-secondary:#c6c2b5;--c2-text-muted:#858477;--c2-map-grid:#8b9a5b29;--c2-map-water:#151714;--c2-map-land:#20231b;--c2-map-line:#414538;--threat-hostile:#e56b61;--threat-hostile-glow:#e56b6155;--threat-hostile-bg:#e56b6122;--threat-suspicious:#d69b4a;--threat-suspicious-glow:#d69b4a55;--threat-suspicious-bg:#d69b4a22;--threat-friendly:#a8b878;--threat-friendly-glow:#a8b87855;--threat-friendly-bg:#a8b87822;--threat-neutral:#91aa83;--threat-neutral-glow:#91aa8355;--threat-neutral-bg:#91aa8322;--threat-unknown:#aaa99e;--threat-unknown-glow:#aaa99e55;--threat-unknown-bg:#aaa99e22}
body.theme-sunburst{--c2-bg:#17140d;--c2-bg-surface:#242016;--c2-bg-surface-elevated:#302919;--c2-glass-bg:#242016;--c2-glass-border:#645335;--c2-glass-border-glow:#c99c4c;--c2-accent:#c99c4c;--c2-accent-hover:#e0b96b;--c2-accent-bg:#c99c4c26;--c2-text-primary:#fff8e1;--c2-text-secondary:#ded0b7;--c2-text-muted:#a99673;--c2-map-grid:#c99c4c33;--c2-map-water:#1b180f;--c2-map-land:#302719;--c2-map-line:#665337}
body.theme-nvg-red{--c2-bg:#13090a;--c2-bg-surface:#211012;--c2-bg-surface-elevated:#2c1517;--c2-glass-bg:#211012;--c2-glass-border:#642b2d;--c2-glass-border-glow:#a33a3a;--c2-accent:#c45656;--c2-accent-hover:#dc6d6d;--c2-accent-bg:#a33a3a29;--c2-text-primary:#ffebee;--c2-text-secondary:#e3a5a5;--c2-text-muted:#ad6565;--c2-map-grid:#a33a3a33;--c2-map-water:#180b0c;--c2-map-land:#2b1516;--c2-map-line:#612a2c}
*,*::before,*::after{box-sizing:border-box}html,body{width:100%;height:100%;height:100dvh;margin:0;overflow:hidden;background:var(--c2-bg);color:var(--c2-text-primary);font:13px/1.4 var(--c2-font-sans)}button,input,select{font:inherit}#c2Root{width:100%;height:100%;height:100dvh;display:flex;flex-direction:column;min-width:0}
#c2Header{min-height:var(--c2-header-height);padding:8px 16px;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(320px,1fr);align-items:center;gap:12px;background:var(--c2-bg-surface);border-bottom:1px solid var(--c2-glass-border);z-index:60}.header-left,.header-center,.header-right,.brand-section{display:flex;align-items:center;gap:10px;min-width:0}.header-right{justify-content:flex-end}.brand-logo{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.brand-logo svg{width:22px;height:22px;fill:var(--c2-accent)}.brand-tag{color:var(--c2-accent);border:1px solid var(--c2-glass-border);padding:2px 7px;font-size:10px}.status-pill{display:flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid var(--c2-glass-border);color:var(--c2-text-secondary);font:11px var(--c2-font-mono);white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--threat-suspicious)}.status-pill.is-live .status-dot{background:var(--threat-neutral)}
.tab-btn-group,.layout-btn-group,.theme-btn-group{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--c2-glass-border);background:var(--c2-bg)}.c2-btn{min-height:36px;border:1px solid transparent;background:transparent;color:var(--c2-text-secondary);padding:7px 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-size:11px;font-weight:700;white-space:nowrap}.c2-btn:hover,.c2-btn:focus-visible{color:var(--c2-text-primary);border-color:var(--c2-glass-border-glow)}.c2-btn.active{background:var(--c2-accent);color:#171811;border-color:var(--c2-accent)}.icon-btn{width:44px;height:44px;min-width:44px;border:1px solid var(--c2-glass-border);background:var(--c2-bg-surface-elevated);color:var(--c2-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:hover,.icon-btn.active{color:var(--c2-text-primary);border-color:var(--c2-accent);background:var(--c2-accent-bg)}.icon-btn svg{width:19px;height:19px;fill:currentColor}
#c2MainContent{flex:1;min-height:0;position:relative;overflow:hidden}.c2-view-section{position:absolute;inset:0;display:none;overflow:hidden}.c2-view-section.active{display:flex}#viewSplitTactical{width:100%;height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);grid-template-rows:minmax(0,1fr) minmax(220px,30%);grid-template-areas:"video map" "threats map";gap:12px;padding:12px}.split-video-pane{grid-area:video;min-width:0;min-height:0}.split-map-pane{grid-area:map;min-width:0;min-height:0}.split-threats-pane{grid-area:threats;min-width:0;min-height:0}.c2-glass-card,.threat-board-container{background:var(--c2-glass-bg);border:1px solid var(--c2-glass-border);position:relative;overflow:hidden}
.video-matrix-container{width:100%;height:100%;display:grid;gap:8px;padding:8px;background:#090a08;min-height:0}.video-matrix-container.layout-1x1{grid-template:1fr/1fr}.video-matrix-container.layout-2x2{grid-template:repeat(2,1fr)/repeat(2,1fr)}.video-matrix-container.layout-3x3{grid-template:repeat(3,1fr)/repeat(3,1fr)}.video-matrix-container.layout-1plusN{grid-template-columns:minmax(0,3.5fr) minmax(110px,1.2fr);grid-template-rows:1fr}.layout-1x1 .video-feed-card:not(.is-primary),.layout-2x2 .video-feed-card:nth-child(n+5){display:none!important}.layout-1plusN .video-feed-card.is-primary{grid-column:1;grid-row:1}.video-thumbs-strip{min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px;overflow:auto}.layout-1plusN .video-thumbs-strip .video-feed-card{min-height:110px}.video-feed-card{min-width:0;min-height:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--c2-glass-border);background:#050605}.video-feed-card.is-primary{border-color:var(--c2-accent)}.video-feed-card video,.video-feed-card canvas{width:100%;height:100%;object-fit:cover;background:#000}.feed-osd-top,.feed-controls-bar,.map-osd-top,.map-controls-panel,.map-layer-toggles{position:absolute;z-index:5}.feed-osd-top{inset:8px 8px auto;display:flex;justify-content:space-between;gap:8px;pointer-events:none}.feed-badge,.feed-telemetry-pill,.map-coords-badge{background:var(--c2-bg-surface);border:1px solid var(--c2-glass-border);color:var(--c2-text-primary);padding:4px 7px;font:10px var(--c2-font-mono)}.feed-badge{display:flex;gap:5px;align-items:center}.feed-dot{width:6px;height:6px;background:var(--threat-neutral);border-radius:50%}.feed-crosshair{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.feed-crosshair svg{width:120px;height:120px;stroke:var(--c2-accent);fill:none;opacity:.5}.feed-controls-bar{left:50%;bottom:8px;transform:translateX(-50%);display:flex;gap:4px;padding:3px;background:var(--c2-bg-surface);border:1px solid var(--c2-glass-border)}.feed-btn{width:38px;height:38px;border:0;background:transparent;color:var(--c2-text-secondary);cursor:pointer}.feed-btn svg{width:18px;height:18px;fill:currentColor}
.tactical-map-container{width:100%;height:100%;min-height:0;position:relative;background:var(--c2-map-water)}#tacticalMapCanvas{display:block;width:100%;height:100%;cursor:crosshair}.map-osd-top{inset:10px 10px auto;display:flex;justify-content:space-between;gap:8px;pointer-events:none}.map-osd-top>*{pointer-events:auto}.map-layer-toggles{left:10px;right:64px;bottom:10px;display:flex;flex-wrap:wrap;gap:5px}.layer-chip{min-height:36px;border:1px solid var(--c2-glass-border);background:var(--c2-bg-surface);color:var(--c2-text-secondary);padding:6px 9px;cursor:pointer;font-size:10px}.layer-chip.active{color:var(--c2-accent);border-color:var(--c2-accent);background:var(--c2-accent-bg)}.map-controls-panel{right:10px;bottom:10px;display:flex;flex-direction:column;gap:5px}
.threat-board-container{width:100%;height:100%;display:flex;flex-direction:column}.threat-board-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:9px 12px;border-bottom:1px solid var(--c2-glass-border)}.threat-kpi-bar,.threat-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.kpi-chip,.threat-badge{padding:4px 7px;border:1px solid currentColor;font:10px var(--c2-font-mono);font-weight:700}.kpi-hostile,.threat-badge.hostile{color:var(--threat-hostile);background:var(--threat-hostile-bg)}.kpi-suspicious,.threat-badge.suspicious{color:var(--threat-suspicious);background:var(--threat-suspicious-bg)}.kpi-friendly,.threat-badge.friendly{color:var(--threat-friendly);background:var(--threat-friendly-bg)}.kpi-total{color:var(--c2-text-secondary)}.c2-input-search,.c2-select{min-height:36px;width:150px;padding:7px 10px;border:1px solid var(--c2-glass-border);background:var(--c2-bg-surface-elevated);color:var(--c2-text-primary)}.threat-table-wrapper{flex:1;min-height:0;overflow:auto}.c2-table{width:100%;min-width:720px;border-collapse:collapse;text-align:left;font-size:11px}.c2-table th{position:sticky;top:0;padding:8px;background:var(--c2-bg-surface-elevated);color:var(--c2-text-secondary);font-size:10px;z-index:2}.c2-table td{padding:8px;border-bottom:1px solid var(--c2-glass-border);color:var(--c2-text-primary);font-family:var(--c2-font-mono)}
#view-video>div,#view-map>div,#view-threats>div{width:100%!important;height:100%!important;min-height:0;padding:12px!important}#statsDrawer{position:fixed;top:calc(var(--c2-header-height) + 12px);right:14px;width:360px;max-width:calc(100vw - 28px);max-height:calc(100dvh - var(--c2-header-height) - 24px);display:flex;flex-direction:column;background:var(--c2-bg-surface-elevated);border:1px solid var(--c2-glass-border);z-index:80;transform:translateX(calc(100% + 20px));opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease}#statsDrawer.open{transform:none;opacity:1;pointer-events:auto}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--c2-glass-border)}.drawer-title{color:var(--c2-accent);font-weight:800}.drawer-body{overflow:auto;padding:14px}.stats-category-title{margin:12px 0 6px;color:var(--c2-text-secondary);font-size:11px}.stats-grid-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.stat-box{padding:7px;border:1px solid var(--c2-glass-border)}.stat-box-label{color:var(--c2-text-muted);font-size:10px}.stat-box-value{color:var(--c2-text-primary);font:11px var(--c2-font-mono);overflow-wrap:anywhere}:where(button,a,input,select,[tabindex="0"]):focus-visible{outline:2px solid var(--c2-accent);outline-offset:2px}
@media (max-width:1279px){#c2Header{grid-template-columns:1fr auto}.header-center{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow-x:auto;order:3}.header-right{min-width:0;overflow-x:auto}#viewSplitTactical{grid-template-columns:1fr;grid-template-rows:minmax(360px,45vh) minmax(320px,42vh) minmax(240px,auto);grid-template-areas:"video" "map" "threats";overflow-y:auto}}
@media (max-width:767px){:root{--c2-header-height:116px}#c2Header{min-height:var(--c2-header-height);padding:7px 8px;display:flex;flex-wrap:wrap;gap:6px;align-content:center}.header-left{flex:1 1 100%;justify-content:space-between}.header-center{order:3;flex:1 1 100%;width:100%;overflow-x:auto}.header-right{flex:1 1 100%;justify-content:flex-start;overflow-x:auto}.header-right>.layout-btn-group,.header-right>.theme-btn-group{display:none}.brand-tag{display:none}.tab-btn{min-width:110px;min-height:44px}.c2-btn{min-height:44px}#viewSplitTactical{display:flex;flex-direction:column;overflow-y:auto;padding:8px;gap:8px}.split-video-pane{flex:0 0 58vh;min-height:360px}.split-map-pane{flex:0 0 58vh;min-height:360px}.split-threats-pane{flex:0 0 54vh;min-height:340px}.video-matrix-container.layout-1plusN{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 92px}.layout-1plusN .video-thumbs-strip{flex-direction:row;overflow-x:auto;overflow-y:hidden}.layout-1plusN .video-thumbs-strip .video-feed-card{min-width:140px;min-height:84px}.feed-controls-bar{opacity:1;pointer-events:auto}.threat-board-header{align-items:stretch}.threat-kpi-bar,.threat-toolbar{width:100%}.threat-toolbar>*{flex:1 1 140px;min-width:0}.c2-input-search,.c2-select{width:100%}#view-video>div,#view-map>div,#view-threats>div{padding:8px!important}#statsDrawer{top:8px;right:8px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}