/* YANHENG 2.0 — original decision workspace. Chart/scene layering studied in sc-datav and TvT.js. */
@import url('/css/command-responsive.css');
:root{--bg:#080f1e;--panel:#0e1c30;--panel-2:#13233a;--line:#253750;--line-2:#365775;--ink:#eaf3ff;--ink-dim:#a1b4cd;--ink-faint:#7991ad;--accent:#39d6c6;--mono:'Cascadia Code',Consolas,monospace;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;background:#080f1e;color:var(--ink);font-family:'Microsoft YaHei','Segoe UI',sans-serif;font-size:13px}body{background:radial-gradient(ellipse at 60% 0,#13294360,transparent 50%),#080f1e}button,input,select,textarea{font-family:inherit;font-size:12px}button{cursor:pointer;transition:background .16s,border-color .16s,transform .16s}button:disabled{cursor:not-allowed}button:hover:not(:disabled){border-color:#46bfcc!important;background-color:#1b3a50!important}input,select,textarea{background:#0b1729!important;border:1px solid #2b425e!important;color:#dceaff!important;border-radius:6px!important;padding:8px!important}input[type=checkbox]{accent-color:#30d3c4;min-height:14px}input:focus,select:focus,textarea:focus{outline:2px solid #34c7b888!important;outline-offset:2px}button:focus-visible{outline:2px solid #38d7c7;outline-offset:3px}[hidden]{display:none!important}
#app{padding:76px 20px 20px 112px;min-height:100vh}#topbar{position:fixed;inset:0 0 auto;height:66px;min-height:66px;padding:0 24px;border-bottom:1px solid #263954;background:#0b1527f5;z-index:30;gap:24px;backdrop-filter:blur(16px)}#topbar .sys{min-width:260px;gap:11px}#topbar .brand-mark{width:36px;height:36px;background:linear-gradient(140deg,#214b64,#102338);border-radius:9px;padding:5px;box-shadow:inset 0 0 0 1px #39819166}#topbar .brand-mark svg{stroke:#55e2d1}#topbar .brand-name{font-size:23px;letter-spacing:3px;color:#f0f8ff;font-weight:700}#topbar .brand-name em{font-style:normal;font-size:11px;letter-spacing:2px;color:#42c8c0;margin-left:6px}#topbar .sys small{font-size:10px;letter-spacing:1px;color:#849cb8;margin-top:3px}#clock{margin-left:auto;font:17px var(--mono);gap:12px;color:#cdddf0}#clock .day{font-size:11px;color:#7890ab}#clockChip{display:none}#topbar .sep{display:none}#wsBadge{padding:5px 10px;font-size:10px;border:1px solid #2c425a;border-radius:20px;margin:0}#wsBadge .tag{background:transparent;border:0;color:#88a5c4;padding:0;font-size:10px}#wsTxt{display:none}#liveTopBadge{display:none}#commandAccount{display:flex;align-items:center;gap:8px;border:0;border-left:1px solid #2b3c51;background:transparent;padding:0 0 0 22px;color:#d4e4f7;text-align:left}#commandAccount i{font-style:normal;background:#1a4254;color:#71e5d5;border:1px solid #31718a;border-radius:50%;width:31px;height:31px;display:grid;place-items:center}#commandAccount small{display:block;color:#6985a4;font-size:9px;margin-top:2px}
#workspaceNav{position:fixed;left:0;top:66px;bottom:0;width:92px;display:flex;flex-direction:column;gap:10px;padding:22px 9px;background:#0b1527;border-right:1px solid #20334b;z-index:25}#workspaceNav button{width:100%;min-height:67px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:transparent;border:1px solid transparent;border-radius:9px;padding:9px 0;font-size:10px;color:#7893b4;white-space:nowrap}#workspaceNav button span{font:17px var(--mono);color:#60839f;opacity:1}#workspaceNav button.active{background:linear-gradient(135deg,#1b4750,#112738);border:1px solid #286768;color:#74efe0;box-shadow:0 5px 25px #0002}#workspaceNav button.active span{color:#52d7c8}#workspaceNav .workspace-mark{margin:auto 0 0!important;padding:12px 2px;color:#597492;text-align:center;font-size:9px;line-height:1.8;white-space:normal}.sidebar-mine{display:block;border:1px solid #2c4a62;border-radius:8px;padding:8px 0;margin-bottom:16px;color:#62b2c2;font:19px var(--mono)}.sidebar-mine span{display:block;font:9px 'Microsoft YaHei';margin-top:5px;color:#6c859f}#roleContext{display:none}
.wb-button,.wb-button.secondary{padding:8px 14px;border-radius:6px;background:#17374b;border:1px solid #31526c;color:#bce3ee;box-shadow:none;font-size:12px;min-height:33px}.wb-button:not(.secondary){background:linear-gradient(135deg,#258e86,#17645f);border:1px solid #36bcaa;color:#e6fffa}.wb-button.active{background:#1c625f;border-color:#36baa9;color:#b1ffed}.eyebrow,.wb-eyebrow{color:#4d9aa9;font-size:9px;font-weight:600;letter-spacing:2.4px}.wb-small,.card-note{font-size:11px;color:#829bb7;line-height:1.75}.card-note{margin:9px 0 0}.wb-panel,.panel,.command-card{background:linear-gradient(130deg,#102138,#0d192b);border:1px solid #243b55;border-radius:10px;box-shadow:0 6px 25px #00000015}.wb-panel h3{color:#e0eefa;font-size:16px}.wb-panel h2{color:#e0eefa;font-size:21px}.wb-note{background:#132d3d;border-color:#26566b;color:#9bb9cf;border-radius:7px}.wb-tag{background:#153449;color:#6ccabd;border:1px solid #2c6170}.wb-status{background:#112737;border:1px solid #294960;border-radius:6px}.wb-stat{background:#12253b;border:1px solid #294059;border-radius:8px}.wb-stat b{color:#dcecf9;font-family:var(--mono)}.wb-stat span{color:#829bb7}.wb-table{font-size:12px}.wb-table th{background:#14283f;color:#87a5c5}.wb-table td{border-color:#23384f}.wb-table tr:hover{background:#19384b}.wb-head{margin:12px 0 22px;padding:0}.wb-head h1{font-size:26px;letter-spacing:1px}.wb-head p{max-width:880px;color:#8fa7c2;font-size:13px}.wb-pad{padding:22px}#workbenchPage{padding:0!important}#workbenchPage>.wb-grid{gap:18px}#workbenchPage .wb-form{gap:14px}#workbenchPage textarea{min-height:180px}.wb-actions{gap:10px}
#networkDashboard{margin:0;padding:0;color:#d9e8fa}body[data-network=on] #main,body[data-network=on] #localAlertBar,body[data-network=on] #localAlertPanel,body[data-network=on] #playbar,body[data-network=on] #healthbar,body[data-network=on] #overview{display:none!important}.command-heading{display:flex;align-items:center;justify-content:space-between;margin:8px 0 16px;gap:15px}.command-heading h1{font-size:24px;letter-spacing:1px;margin:6px 0 0;color:#eef7ff;font-weight:600}.command-heading h1 span{font-size:10px;font-weight:400;color:#709bb4;border-left:1px solid #314966;display:inline-block;padding-left:13px;margin-left:13px;letter-spacing:1px}.command-actions{display:flex;align-items:center;gap:10px}.source-label{color:#74bcb8;font-size:11px;display:flex;gap:6px;align-items:center}.source-label i{width:6px;height:6px;background:#39cab5;border-radius:50%;box-shadow:0 0 9px #28c6ad66}.source-drawer{background:#122237;border:1px solid #31506a;border-radius:9px;padding:17px;margin-bottom:10px}.source-drawer .network-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}.network-controls label{display:flex;gap:8px;align-items:center;color:#8daac5}#networkRuns{max-width:300px}#networkTarget{max-width:330px}#networkStatus{font-size:11px;color:#80a6bd;margin-bottom:12px;line-height:1.7;min-height:18px;border-left:2px solid #307187;padding-left:9px}.network-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:17px}.kpi-tile{padding:14px 19px 12px;border:1px solid #273e59;border-radius:9px;background:linear-gradient(125deg,#172d47,#0f1e32);position:relative;overflow:hidden}.kpi-tile:after{content:'';position:absolute;right:-15px;top:-15px;border:1px solid #34567266;border-radius:50%;width:100px;height:100px;box-shadow:0 0 0 16px #34567209,0 0 0 33px #34567208;pointer-events:none}.kpi-tile>span{font-size:11px;letter-spacing:1px;color:#94adc9}.kpi-tile b{display:block;margin:8px 0 7px;color:#e4f2fe;font:600 28px/1 var(--mono);position:relative;z-index:1}.kpi-tile b small{font-size:12px;font-weight:400;color:#688caa}.kpi-tile em{font-style:normal;font-size:10px;color:#6f91ae}.kpi-tile.alert{border-color:#87494d;background:linear-gradient(130deg,#362331,#182239)}.kpi-tile.alert b{color:#ff8d90}.kpi-tile:last-child b{font-family:inherit;font-size:21px;line-height:28px;color:#efc575}
.command-grid{display:grid;grid-template-columns:236px minmax(0,1fr) 300px;gap:15px;align-items:stretch}.command-left,.command-right{display:flex;flex-direction:column;gap:15px;min-width:0}.command-card{padding:16px;min-width:0}.card-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px;min-height:20px}.card-heading h2{margin:0;font-size:13px;letter-spacing:.5px;font-weight:600;color:#cfdfef;display:flex;align-items:center;gap:7px}.card-heading h2:before{content:'';display:block;width:3px;height:12px;background:#42d1c3;border-radius:2px;box-shadow:0 0 7px #42d1c344}.card-heading>span{font-size:9px;color:#6182a3}.coverage-chart{height:140px;width:100%;margin:0 auto 9px}.edge-grid{font-size:10px;line-height:2;color:#7f9fb8;word-spacing:4px;border-top:1px solid #263c52;padding-top:9px}.zones-card{flex:1;min-height:0}.zone-head{display:flex;justify-content:space-between;font-size:9px;color:#647e9a;padding-bottom:8px}.zone-row{display:flex;width:100%;background:transparent;color:#91abc5;border:0;border-bottom:1px solid #21364b77;border-radius:3px;align-items:center;justify-content:space-between;padding:7px 2px;min-height:29px;gap:4px}.zone-row>span{display:flex;align-items:center;gap:5px}.zone-row b{font:10px var(--mono);color:#b1c6dc}.zone-row i{height:4px;width:4px;border-radius:50%}.zone-row small{font:8px var(--mono);color:#6385a1}.zone-row em{font-style:normal;font-size:9px}#networkZones{max-height:345px;overflow:auto;scrollbar-width:thin;scrollbar-color:#304d66 transparent}.alarm-card{min-height:162px;max-height:275px;display:flex;flex-direction:column}.network-events{overflow:auto;scrollbar-width:thin;max-height:215px}.network-events>p{color:#7ea3b8;font-size:12px;padding:18px 4px}.network-event{display:block;width:100%;margin:6px 0;background:linear-gradient(100deg,#233044,#132337);color:#c4d5e7;border:1px solid #304052;border-left:3px solid var(--event-color);border-radius:5px;padding:10px;text-align:left;font-size:10px;line-height:1.8}.network-event:first-line{font-size:12px;color:var(--event-color)}.evidence-card{flex:1;padding:0;min-height:365px;overflow:hidden}.evidence-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #263c54;background:#12253b}.evidence-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:#718eab;border-radius:0;padding:12px;font-size:12px}.evidence-tabs button.active{color:#58dbc9;border-bottom-color:#3dd5c0;background:#17344455}#networkSensorTab,#networkEventTab{padding:16px;max-height:450px;overflow:auto;scrollbar-width:thin}#networkDetail h3{font:600 13px/1.6 var(--mono);margin:0 0 8px;color:#dcebf8}#networkDetail p{font-size:11px;line-height:1.8;margin:10px 0}#networkDetail .wb-small{font-size:10px;word-break:break-all}#networkDetail svg{width:100%}#networkDetail>svg{display:none}#networkDetail .network-waves{display:none}#networkDetail p b{font:600 23px var(--mono)!important}.network-waves b{font-size:11px}.network-waves svg{width:100%}#network3d{width:100%;font-size:11px;margin-top:9px}#networkEventDetail{font-size:11px;line-height:1.8}#networkEventDetail>b{font-size:12px}#networkEventDetail details{background:#091a2b;border:1px solid #25425a;border-radius:4px;padding:7px;margin-bottom:10px}#networkEventDetail pre{max-height:200px;overflow:auto}.authorize-line{display:flex;gap:6px;align-items:center;font-size:10px;color:#819bb6;line-height:1.8;margin:10px 0}#networkActionNote{width:100%;min-height:70px;font-size:11px;resize:vertical}#networkActions{display:flex;gap:7px;flex-wrap:wrap}#networkActions button{font-size:10px;padding:6px 8px}.analysis-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:15px;margin-top:16px}.heat-chart{height:260px}.trend-chart{height:250px}.wave-chart{height:150px}.inventory-card{margin-top:16px}.inventory-card .card-heading>span{margin-right:auto}.inventory-card input{width:300px}.inventory-grid{display:grid;grid-template-columns:1fr 300px;gap:24px}#networkTable{height:360px;overflow:auto;scrollbar-width:thin}#networkTable table{width:100%;border-collapse:collapse;font-size:11px}#networkTable th{position:sticky;top:0;background:#142942;color:#7d9dbd;text-align:left;padding:12px 9px;font-weight:400}#networkTable td{padding:9px;border-bottom:1px solid #263a5166;color:#a0b7cf}#networkTable tr[data-channel]{cursor:pointer}#networkTable tr:hover{background:#1c3e51}#networkMap svg{width:100%;height:350px;background:#0a1727;border:1px solid #243d56;border-radius:8px}
/* One central scene, with shared controls retained across all workspaces. */
#main{padding:0;margin:0;gap:16px;grid-template-columns:minmax(0,1fr) 320px}#mapCard{min-height:660px;height:720px;max-height:none;background:#0a1729;border:1px solid #29435d;border-radius:10px;overflow:hidden;margin:0}#networkSceneSlot #mapCard{height:100%;min-height:660px}#mapCard>.ph:first-child{min-height:45px;padding:10px 16px;background:#11243a;border-bottom:1px solid #233f58}#mapCard>.ph:first-child b{font-size:13px;color:#bed6ea}#mapCard>.ph .ref{font-size:9px}#mapUpd{display:none}#btnChans{font-size:10px;height:27px;min-height:27px;padding:3px 7px;background:#17354a;border:1px solid #315974}.scene-toolbar{padding:0 13px;min-height:45px;background:#0d2035;border-bottom:1px solid #284056;gap:4px;flex-wrap:wrap}.observation-modes{gap:14px;min-height:44px}.observation-modes button{font-size:11px;padding:12px 0 9px;border-bottom-width:2px}.observation-modes button span{display:none}.observation-modes button.on{color:#65e7d2;border-bottom:2px solid #3dd2bd}.view-actions{gap:6px}.view-actions label{font-size:9px;gap:3px}.view-actions button{font-size:9px;padding:2px 5px;min-height:25px;background:#142e42;color:#8facbf;border-color:#304e66}.view-actions input{width:12px;height:12px;min-height:12px}#sceneAdvanced{background:#0e2135;border-bottom:1px solid #254158;position:relative;z-index:6}#sceneAdvanced>summary{padding:8px 14px;font-size:10px;color:#6f96b2;cursor:pointer;list-style:none}#sceneAdvanced>summary span{float:right}#sceneAdvanced[open]>summary{color:#79c7c8}.observation-tools{background:#102940;padding:10px;min-height:40px;gap:7px;border-color:#29475e}.observation-tools button,.observation-tools label,.observation-tools select{font-size:10px}.observation-tools input{padding:0!important}.cut-slider{min-width:120px;gap:5px}.cut-slider output{font-size:10px}.observation-tools .cut-slider{max-width:200px}#operationsBar{padding:9px;background:#102235;font-size:10px;border-color:#29445e}#operationsBar button,#operationsBar select,#operationsBar label{font-size:10px;min-height:26px}#instrumentJump{max-width:200px}#liveSceneBadge{font-size:9px}.scene-hud{left:15px;right:15px;top:14px;pointer-events:none}.scene-heading{font-size:10px;color:#759fbc}#sceneLive{font:9px var(--mono);color:#58879d}#scene3d{background:#09182a}#sceneViewport{min-height:390px}.scene-label{background:#102b3bdd;color:#9fd3d6;border-color:#39768988;font-size:9px;padding:4px 7px;border-radius:4px;backdrop-filter:blur(4px)}#sectionLegend{left:15px;bottom:45px;gap:8px}#sectionLegend span{font-size:9px;color:#7a9db6}.scene-help{font-size:9px;bottom:10px;left:15px;color:#6e8a9f}.spatial-legend{font-size:9px;padding:9px 13px;background:#0d2033;gap:7px;color:#648da8;border-color:#294057;flex-wrap:wrap}.spatial-legend button{font-size:9px;min-height:25px;padding:3px 6px;background:#143749;border-color:#2e596a;color:#8fc5d0}#modelAssetStatus{font-size:9px}#mapFoot{font-size:9px;background:#0c1b2c;padding:7px 13px;color:#526e89;border-color:#223b52}#mapCard:fullscreen{height:100vh;min-height:100vh;width:100vw}#mapCard:fullscreen #sceneViewport{min-height:0}.scene-coordinate{position:absolute;left:16px;top:57px;color:#4d859d;pointer-events:none;display:flex;flex-direction:column;align-items:center}.scene-coordinate b{font:10px var(--mono);color:#a4d5dc}.scene-coordinate>span{font-size:24px;color:#60adbe}.scene-coordinate small{font-size:8px;color:#527b97;margin-top:4px}#networkSpatialBadges{position:absolute;inset:0;pointer-events:none;overflow:hidden}.spatial-event-badge{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;border:1px solid var(--event-color);border-top:2px solid var(--event-color);background:#0c1c2eef;box-shadow:0 5px 20px #0006,0 0 13px color-mix(in srgb,var(--event-color) 15%,transparent);padding:7px 11px;color:var(--event-color);font-size:10px;border-radius:5px;text-align:left;min-width:114px}.spatial-event-badge:after{content:'';position:absolute;top:100%;left:50%;height:20px;width:1px;background:var(--event-color)}.spatial-event-badge b{font:600 11px var(--mono);display:block;margin-bottom:3px}.spatial-event-badge small{color:#9bb2cb;display:block;font-size:8px;margin-top:3px}#instrumentReadout{background:#0b1b2ef5;border:1px solid #35647e;border-radius:9px;max-height:calc(100% - 60px);overflow:auto;width:300px;right:14px;top:45px;color:#bad1e7;box-shadow:0 8px 32px #0008}#instrumentReadout p{font-size:11px}#instrumentReadout svg{width:100%}body[data-network=on] #instrumentReadout{display:none!important}
/* Remaining workspaces share the same hierarchy, forms, and decision colors. */
#overview{padding:12px 0 18px}#overview h1{font-size:23px}#playbar{background:#11243a;border:1px solid #28415b;border-radius:9px;margin:12px 0;padding:12px}#healthbar{background:#0d1c2e;border:1px solid #263e57;border-radius:9px;margin:15px 0;padding:16px}#analysisShelf{padding:18px 0}#chartCol .panel{background:#102138}.ph{border-color:#28445f}.ph b{color:#bcd6ea}.evidence-content{background:#0f2034}.evidence-reading,.insight-note{color:#90afc7}#sensePanel{padding:21px}#sensePanel p{font-size:12px;line-height:1.8}#sensePanel .wb-form label{font-size:11px}#senseDetails{padding:18px 0}#senseStats .wb-stat{padding:12px}.live-header{padding:10px 0 20px}.live-header h2{font-size:26px;color:#e1effc;font-weight:600;margin:9px 0}.live-header p{color:#7695b4;font-size:12px}#liveDashboard{padding:0!important;margin:0 0 18px!important;background:transparent!important;border:0!important}.live-grid{gap:16px}.live-flow{background:#102137;border:1px solid #27415a;border-radius:9px;padding:13px}.live-flow span{font-size:11px;color:#7794b2}.live-flow span.done{color:#5bddc7}.live-flow b{background:#1b3e51;color:#79cbca;border-color:#347383}.live-metric{background:linear-gradient(130deg,#172f46,#102236);border:1px solid #29495f;border-radius:8px;padding:16px}.live-metric b{font-family:var(--mono);color:#d7edfc}.live-metric>span{color:#8eacc6}.live-metric small{color:#6688a5}.live-audit{gap:12px}.audit-item{border-color:#35566d;background:#102338;padding:12px;border-radius:6px}.audit-item small{color:#6b92ad}.live-spark{stroke:#38cabb}.live-spark polyline{stroke:#39ccba}#liveRoles button{background:#13344b;color:#8acece;border-color:#35627a;border-radius:5px}.local-alert-panel,.local-alert-bar{border-radius:8px;border-color:#3e566a;background:#13273a}.live-empty{color:#6e94ae;background:#102337;border-radius:6px}.wb-role-context{border-color:#29455a}.tblPanel,#pop{background:#0c1d32;border-color:#34617b;color:#b8d5e9}.tblHead,.tblBar,.tblFoot{background:#10293e;border-color:#2b5068}.tbl th{background:#15314b}.tbl td{border-color:#24455e}.toast{background:#16384c;border-color:#3b7b8b;font-size:12px}
/* Split login has no external image dependency and is fully offline. */
#mineLoginDialog{width:min(880px,94vw)!important;max-width:94vw!important;padding:0!important;border:1px solid #35556e!important;border-radius:17px!important;background:#101f33!important;box-shadow:0 40px 120px #0009;overflow:hidden}#mineLoginDialog[open]{display:grid;grid-template-columns:1fr 1fr}#mineLoginDialog::backdrop{background:#030c1bdc;backdrop-filter:blur(10px)}.login-scene{position:relative;min-height:520px;background:radial-gradient(ellipse at 35% 45%,#184655,#10253b 53%,#0b1d32);padding:32px;overflow:hidden;border-right:1px solid #2a445b}.login-grid{position:absolute;inset:0;background-image:linear-gradient(#459aa00b 1px,transparent 1px),linear-gradient(90deg,#459aa00b 1px,transparent 1px);background-size:28px 28px;transform:perspective(350px) rotateX(55deg) scale(1.5);opacity:.8}.login-wordmark{font-size:25px;font-weight:700;letter-spacing:5px;position:relative;color:#e6ffff}.login-wordmark small{font:9px var(--mono);letter-spacing:3px;color:#61c1bd}.login-orbit{position:absolute;width:245px;height:245px;top:87px;left:70px;border:1px solid #43bdbe55;border-radius:50%;transform:rotateX(45deg) rotateZ(-25deg);box-shadow:0 0 60px #21ab9b11,inset 0 0 60px #21ab9b11;display:grid;place-items:center}.login-orbit:after{content:'';position:absolute;inset:35px;border:1px dashed #63b6ba66;border-radius:50%}.login-orbit i{position:absolute;width:12px;height:12px;background:#2bd6b9;border:3px solid #88ffee77;border-radius:50%;top:40px;left:25px;box-shadow:0 0 18px #2cdebd}.login-orbit i:nth-child(2){top:190px;left:205px;background:#ffb36e;box-shadow:0 0 18px #ffb36e}.login-orbit i:nth-child(3){top:130px;left:125px;width:40px;height:40px;border-radius:9px;background:#235565;transform:rotate(35deg)}.login-orbit b{font:42px var(--mono);color:#70dbd0;transform:rotateZ(25deg)}.login-slogan{position:absolute;bottom:77px;left:32px}.login-slogan>span{font:9px var(--mono);letter-spacing:3px;color:#448c9a}.login-slogan h1{font-size:31px;font-weight:500;line-height:1.5;letter-spacing:3px;color:#e2f8ff;margin:14px 0}.login-slogan p{font-size:11px;letter-spacing:2px;color:#66a5b3}.login-foot{position:absolute;bottom:27px;left:32px;font-size:9px;color:#44758f;letter-spacing:1px}#mineLoginForm{padding:48px 36px 34px;display:flex;flex-direction:column;justify-content:center}#mineLoginForm h2{font-size:23px;letter-spacing:1px;margin:13px 0 8px}#mineLoginForm>p{color:#7393af;font-size:11px;line-height:1.8}#mineLoginForm .wb-form{margin-top:20px;gap:17px}#mineLoginForm label{font-size:11px;color:#a5bfd5;display:flex;flex-direction:column;gap:8px}#mineLoginForm input,#mineLoginForm select{width:100%;height:42px;background:#0b1b2e!important;border-color:#33506a!important}#mineLoginForm .wb-small{font-size:10px;margin-top:16px;color:#607e9b}#mineLoginSubmit{margin-top:12px;height:43px;font-size:13px;letter-spacing:3px}#mineLoginError{color:#ff979e!important}

@media(min-width:1700px){.command-grid{grid-template-columns:265px minmax(0,1fr) 330px}.zone-row{padding:8px 2px;min-height:31px}#networkZones{max-height:375px}#networkSceneSlot #mapCard{min-height:730px}.coverage-chart{height:160px}.kpi-tile b{font-size:32px}.command-card{padding:18px}.evidence-card{padding:0}}
@media(max-width:1350px){#app{padding-left:99px;padding-right:13px}#workspaceNav{width:83px}.command-grid{grid-template-columns:200px minmax(0,1fr) 265px;gap:11px}.command-left,.command-right{gap:11px}.command-card{padding:12px}.evidence-card{padding:0}.command-heading h1{font-size:21px}.kpi-tile{padding:13px}.kpi-tile b{font-size:25px}.view-actions{padding:5px 0}.scene-toolbar{justify-content:flex-start}.coverage-chart{height:124px}#networkZones{max-height:330px}.zone-row b{font-size:9px}.zone-row em{font-size:8px}.zone-row small{font-size:8px}#networkSceneSlot #mapCard{min-height:680px}.card-heading h2{font-size:12px}.card-heading>span{font-size:8px}#networkSensorTab,#networkEventTab{padding:13px}}
@media(max-width:1100px){.command-grid{grid-template-columns:210px minmax(0,1fr)}.command-right{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.5fr}.command-right .evidence-card{min-height:260px}#networkSensorTab,#networkEventTab{max-height:310px}.command-actions .source-label{display:none}.analysis-grid{grid-template-columns:1fr}.inventory-grid{grid-template-columns:1fr 240px}#topbar .sys{min-width:200px}#clock .day{display:none}#networkSceneSlot #mapCard{min-height:670px}.network-kpis{gap:8px}.kpi-tile>span{font-size:10px}.kpi-tile em{font-size:9px}.kpi-tile:last-child b{font-size:18px}}
@media(max-width:760px){#app{padding:69px 12px 90px}#topbar{height:59px;min-height:59px;padding:0 14px;gap:10px}#topbar .sys{min-width:0}#topbar .brand-name{font-size:19px}#topbar .sys small,#clock,#wsBadge{display:none}#commandAccount{margin-left:auto;padding-left:10px}#workspaceNav{inset:auto 0 0;width:100%;height:67px;flex-direction:row;gap:4px;padding:5px 8px;border-top:1px solid #2b425d}#workspaceNav button{width:auto;flex:1;min-height:55px;font-size:9px;gap:4px;padding:3px}#workspaceNav button span{font-size:14px}#workspaceNav .workspace-mark{display:none}.command-heading{align-items:flex-start;flex-direction:column;gap:13px}.command-heading h1{font-size:23px}.command-heading h1 span{font-size:9px}.command-actions{width:100%;justify-content:space-between}.network-kpis{grid-template-columns:repeat(2,1fr)}.kpi-tile:last-child{grid-column:1/-1}.kpi-tile{padding:13px}.command-grid{grid-template-columns:1fr}.command-left{display:grid;grid-template-columns:1fr 1fr}.coverage-chart{height:139px}.zones-card #networkZones{max-height:198px}.command-scene{grid-row:1}.command-right{grid-template-columns:1fr;grid-column:1}.command-right .evidence-card{min-height:200px}#networkSceneSlot #mapCard{min-height:660px}#networkTable{height:320px}.inventory-grid{grid-template-columns:1fr}#networkMap svg{height:240px}.inventory-card .card-heading{flex-wrap:wrap}.inventory-card input{width:100%}.inventory-card .card-heading>span{font-size:8px}.analysis-grid{gap:12px}.wb-head h1{font-size:23px}.wb-grid,.live-grid{grid-template-columns:1fr!important}#main{grid-template-columns:1fr!important}#chartCol{display:flex}#mapCard{min-height:700px;height:700px}.wb-pad{padding:16px}.live-header{flex-direction:column;align-items:flex-start}.live-metrics{grid-template-columns:1fr 1fr}#mineLoginDialog[open]{grid-template-columns:1fr}.login-scene{display:none}#mineLoginForm{padding:35px}#mineLoginDialog{width:410px!important}.source-drawer .network-controls{align-items:stretch;flex-direction:column}.source-drawer label{flex-direction:column;align-items:stretch}.source-drawer select{max-width:100%!important}.scene-coordinate{top:49px}#networkStatus{font-size:10px}.view-actions{flex-wrap:wrap;width:100%;justify-content:flex-start}.observation-modes{min-height:39px}.heat-chart{height:290px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

#mineLoginDialog{margin:auto!important}#commandClock{margin-left:auto;display:flex;align-items:center;gap:13px}#commandClock b{font:20px var(--mono);color:#c2d9ef}#commandClock span{font-size:10px;color:#6887a4}
@media(min-width:1101px){.command-grid{height:clamp(440px,calc(100dvh - 302px),740px)}.command-left,.command-right{min-height:0}.coverage-card{flex:0 0 190px;padding:12px}.coverage-chart{height:105px;margin-bottom:4px}.edge-grid{font-size:9px;padding-top:5px;line-height:1.7}.zones-card{display:flex;flex-direction:column;min-height:0}.zones-card #networkZones{max-height:none;flex:1;min-height:0}.zones-card .card-note{font-size:9px}.zones-card .card-heading{margin-bottom:5px}.command-right .alarm-card{flex:0 0 140px;min-height:140px;max-height:200px}.command-right .evidence-card{min-height:0;display:flex;flex-direction:column}#networkSensorTab,#networkEventTab{min-height:0;flex:1;max-height:none}#networkSceneSlot{min-height:0}#networkSceneSlot #mapCard{height:100%;min-height:0}#networkSceneSlot #sceneViewport{min-height:230px}.network-kpis{margin-bottom:13px}.kpi-tile{padding-top:12px;padding-bottom:10px}.kpi-tile b{font-size:27px}.spatial-legend{padding:6px 10px}#mapFoot{font-size:8px;padding:5px 10px}#networkDetail p{margin:7px 0}.scene-toolbar{gap:3px}.scene-toolbar .view-actions{gap:5px}.evidence-tabs button{padding:10px}.command-grid .card-heading{margin-bottom:8px}}
@media(max-width:760px){#commandClock{display:none}}

#networkLeaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.spatial-event-badge:after{display:none}.spatial-event-badge{font-size:10px;padding:6px 10px;min-width:113px}.spatial-event-badge small{font-size:8px}.command-grid{margin-bottom:4px}
@media(min-width:1101px){.command-right .alarm-card{flex-basis:205px;min-height:205px;max-height:205px}.network-event{padding:7px 9px;margin:4px 0;line-height:1.6}.network-events{max-height:158px}.network-event:first-line{font-size:11px}}

body[data-workspace=live] .live-layout{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);gap:17px}body[data-workspace=live] #liveDashboard .wb-pad{padding:20px}body[data-workspace=live] #liveDashboard .wb-panel{border-color:#2d4a65}.live-layout>.wb-panel,.live-layout>div{min-width:0}#liveMicroWaveform svg{max-height:180px;width:100%}.live-layout h3{margin:0 0 12px;font-size:15px}.live-stage{margin-top:12px;background:#193647;border-color:#3a6474}.live-stage small{font-size:10px;color:#8cafc4}.live-layout .wb-note{font-size:11px}.live-layout #liveModels .wb-note{padding:14px}.live-layout .live-metrics{gap:10px}.live-metrics .live-metric{padding:12px}.live-metric b{font-size:22px}.live-header #liveBatch{max-width:270px}.live-header #liveRoles{margin-top:10px}#liveStatus{margin-top:12px}#senseDetails .wb-grid{gap:16px}
@media(max-width:760px){body[data-workspace=live] .live-layout{grid-template-columns:1fr}.live-header #liveBatch{max-width:210px}}

@media(max-width:760px){#topbar{flex-wrap:nowrap}#topbar .sys{width:auto;flex:1;max-width:calc(100% - 108px)}#topbar .brand-name em{font-size:9px;letter-spacing:1px}#commandAccount{flex:none}}

/* Historical replay stays accessible after opening the live workspace. */
body[data-workspace="history"] #localAlertBar,body[data-workspace="history"] #localAlertPanel,body[data-workspace="history"] #liveMapBadges,body[data-workspace="history"] #fieldLegend{display:none!important}
body[data-workspace="history"] #toggleAnalysis,body[data-workspace="history"] #btn2d,body[data-workspace="history"] #btn3d{display:inline-block!important}
body[data-workspace="history"] #mapCard>.ph:first-child{display:flex!important}
body[data-workspace="history"] #chartCol>#evidenceCard,body[data-workspace="history"] #chartCol>#eventCard{display:flex!important}
body[data-workspace="history"] #playbar .toolbar-label{color:#b9d3e9}
