@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";.operational-scene{isolation:isolate;background:#112c3e;height:460px;position:relative;overflow:hidden}.operational-scene.permit{border:1px solid #3a5b70;border-radius:6px;height:350px;margin:15px 18px}.operational-scene.sensing{height:450px}.operational-scene.hazard{border:1px solid #345565;border-radius:6px;height:320px;margin:15px 18px}.operational-canvas{position:absolute;inset:0}.operational-canvas canvas{touch-action:none;display:block}.operational-caption{color:#cde6ef;pointer-events:none;background:#0e2636e6;border:1px solid #34596b;border-radius:5px;flex-direction:column;gap:5px;padding:9px 12px;font-size:12px;display:flex;position:absolute;top:12px;left:12px}.operational-caption span{color:#8daab8;font-size:9px}.operational-pin{color:#e9d7c8;white-space:nowrap;background:#253c4dee;border:1px solid #a6796a;border-radius:4px;padding:6px 9px;font-size:10px;position:absolute;transform:translate(-50%,-100%)}.operational-pin[data-zone=inside]{background:#533336;border-color:#ed8b77}.operational-pin.device{color:#bce4ea;border-color:#639bad}.operational-pin.selected{border-color:#eab659}.operational-controls{white-space:nowrap;background:#0c2433eb;border:1px solid #416474;border-radius:6px;align-items:center;gap:7px;max-width:95%;padding:6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.operational-controls button{color:#c8e4ec;background:#244859;border:0;border-radius:4px;flex-shrink:0;padding:8px;font-size:10px}.operational-controls button:disabled{opacity:.4;cursor:not-allowed}.operational-controls input{accent-color:#76d6cc;width:130px;min-width:40px}.operational-controls time{color:#9fbdcb;font-size:10px}.operational-legend{color:#b7d6d1;background:#0b2534df;gap:4px;padding:6px;font-size:9px;display:grid;position:absolute;bottom:62px;left:12px}.operational-info{color:#d3e5ec;background:#152f40f2;border:1px solid #577585;border-radius:6px;width:190px;padding:13px;position:absolute;top:12px;right:12px}.operational-info strong{font-size:12px}.operational-info p{color:#9fbdcc;font-size:10px;line-height:1.7}.operational-info button{float:right;color:#c4e2e9;background:0 0;border:0}.operational-error{color:#edb5a5;position:absolute;top:70px;left:15px}.operational-scene :focus-visible{outline-offset:2px;outline:2px solid #95e1d0}@media (width<=760px){.operational-scene{height:370px}.operational-scene.permit,.operational-scene.hazard{height:330px;margin:12px}.operational-controls{gap:4px}.operational-controls input{width:65px}.operational-controls button{padding:7px;font-size:9px}.operational-info{width:165px;top:65px}.operational-caption{font-size:10px}}.demo-director{color:#cde2eb;background:#132c3b;border:1px solid #406171;border-radius:8px;margin-bottom:23px;padding:17px}.demo-director-head{justify-content:space-between;align-items:center;gap:15px;display:flex}.demo-director-head small{color:#8eb0bd;margin-bottom:8px;font-size:10px;display:block}.demo-director-head strong{font-size:17px}.demo-director-head strong span{color:#8faab8;margin-left:12px;font-size:10px;font-weight:400}.demo-director-actions{gap:8px;display:flex}.demo-director button{color:#cbe7e8;background:#21444f;border:1px solid #4b717b;border-radius:4px;padding:8px 11px;font-size:10px}.demo-director button.primary-btn{color:#102d36;background:#77d4c9}.demo-director button:disabled{opacity:.4;cursor:not-allowed}.demo-stages{flex-wrap:wrap;gap:7px;margin:15px 0;display:flex}.demo-stages span{color:#91aebd;background:#1c3747;border-radius:4px;padding:6px 9px;font-size:10px}.demo-stages .active{color:#b4f0d8;background:#345e5d}.demo-record{color:#a3bdca;flex-wrap:wrap;align-items:center;gap:14px;font-size:10px;display:flex}.demo-evidence{background:#102533;border-radius:5px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:13px;padding:13px;font-size:11px;display:flex}.demo-evidence label{align-items:center;gap:7px;display:flex}.demo-evidence select{color:#d0e3e9;background:#1d3b4b;border:1px solid #567b8c;border-radius:4px;max-width:100%;padding:7px}.demo-evidence input{accent-color:#82d8c6}.demo-evidence p{color:#a2bac8;width:100%;margin:0;font-size:11px;line-height:1.7}.demo-director details{color:#92aeba;margin-top:13px;font-size:10px;line-height:1.8}.demo-director summary{cursor:pointer}.demo-export{margin-top:13px}@media (width<=760px){.demo-director-head{display:block}.demo-director-actions{margin-top:12px}.demo-director-head strong span{margin:6px 0;display:block}.demo-evidence label{flex-wrap:wrap}}.incident-switch{gap:8px;margin-bottom:20px;display:flex}.incident-switch button{color:#adcbd5;background:#183745;border:1px solid #426677;border-radius:5px;padding:11px 15px;font-size:12px}.incident-switch button[aria-pressed=true]{color:#d7f1e8;background:#2b585c;border-color:#81c7ba}.gas-summary{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px;display:grid}.gas-summary>div{background:#162f3e;border:1px solid #365768;border-radius:6px;padding:15px}.gas-summary small{color:#8eafbd;font-size:10px;display:block}.gas-summary strong{color:#e7b487;margin-top:9px;font-size:20px;display:block}.gas-summary em{font-size:10px;font-style:normal}.gas-layout{grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:16px;display:grid}.gas-action,.gas-trend{padding:20px}.gas-action h2,.gas-trend h2{margin:0 0 14px}.gas-action label{color:#bed6df;flex-wrap:wrap;gap:7px;font-size:11px;line-height:1.8;display:flex}.gas-action select{color:#d2e6ef;background:#1b3b4b;border:1px solid #507586;border-radius:4px;width:100%;padding:9px}.gas-action dl{font-size:11px}.gas-action dl>div{border-bottom:1px solid #345161;padding:11px 0}.gas-action dt{color:#819eae;font-size:10px}.gas-action dd{color:#bdceda;margin:6px 0 0;line-height:1.7}.gas-ai{background:#233c49;border-radius:5px;margin:15px 0;padding:12px}.gas-ai strong{font-size:12px}.gas-action p,.gas-trend p{color:#9cb8c7;font-size:11px;line-height:1.8}.gas-checks{gap:10px;display:grid}.gas-checks input{accent-color:#81ccb6}.gas-action button:disabled{opacity:.4;cursor:not-allowed}.gas-action details{color:#a6c2cf;margin-top:20px;font-size:11px}.gas-trend{margin-top:15px}.gas-bars{align-items:flex-end;gap:8px;min-height:160px;padding-top:10px;display:flex}.gas-bars>div{flex-direction:column;flex:1;align-items:center;gap:7px;display:flex}.gas-bars strong,.gas-bars small{color:#aac5d3;font-size:10px}.gas-bars i{border-radius:3px 3px 0 0;width:60%;min-width:10px;display:block}.gas-legend{color:#92b2c1;margin-top:16px;font-size:10px}.gas-success{color:#9bdfc8!important}@media (width<=850px){.gas-layout{grid-template-columns:1fr}.gas-summary{grid-template-columns:repeat(2,1fr)}.incident-switch button{flex:1;padding:10px;font-size:11px}}.event-workflow{color:#bed6df;margin:16px 0;font-size:11px}.event-workflow .demo-evidence{background:0 0;gap:12px;margin:0;padding:0;display:grid}.event-workflow label{flex-wrap:wrap;line-height:1.7}.event-workflow select{width:100%}.event-workflow details{color:#a6c2cf;margin-top:15px;line-height:1.8}.event-workflow summary{cursor:pointer}.event-workflow button{color:#cbe7e8;background:#21444f;border:1px solid #4b717b;border-radius:4px;padding:8px 11px;font-size:11px}.event-workflow .demo-export{margin-top:0}.workshop-modal{z-index:100;color:#d7e8ee;background:#0e2230;flex-direction:column;display:flex;position:fixed;inset:0}.workshop-header{background:#122b3b;border-bottom:1px solid #345361;justify-content:space-between;align-items:center;gap:20px;padding:18px 25px;display:flex}.workshop-header small{color:#8baebe;font-size:10px}.workshop-header h2{margin:6px 0 0;font-size:21px}.workshop-header>div:last-child{align-items:center;gap:22px;display:flex}.workshop-header span{color:#a0bcc7;font-size:10px}.workshop-header button{color:#d6ebef;background:#244654;border:1px solid #5b7d8b;border-radius:5px;padding:10px 15px}.workshop-body{flex:1;grid-template-columns:minmax(0,1fr) 325px;min-height:0;display:grid}.workshop-scene{min-width:0;position:relative;overflow:hidden}.workshop-canvas{position:absolute;inset:0}.workshop-canvas canvas{touch-action:none;display:block}.workshop-pins{pointer-events:none;position:absolute;inset:0}.workshop-pin{pointer-events:auto;color:#ddecf0;white-space:nowrap;background:#102837ef;border:1px solid #526f80;border-radius:5px;align-items:center;gap:7px;padding:5px 8px 5px 5px;display:flex;position:absolute;transform:translate(-50%,-100%)}.workshop-pin>b{color:#152c3b;background:#6899c9;border-radius:4px;place-items:center;width:25px;height:25px;font-size:11px;display:grid}.workshop-pin span{text-align:left;font-size:11px}.workshop-pin small{color:#9ab5c3;margin-top:3px;font-size:8px;display:block}.workshop-pin.selected{border-color:#9fe0ce;box-shadow:0 0 0 2px #67bdb53d}.workshop-process{pointer-events:none;background:#102938dd;border:1px solid #34596c;border-radius:5px;max-width:calc(100% - 40px);padding:10px 13px;font-size:11px;line-height:1.8;position:absolute;top:18px;left:20px}.workshop-process>span{color:#79c7c7;margin-right:13px}.workshop-controls{white-space:nowrap;background:#0d2434ed;border:1px solid #45697a;border-radius:6px;gap:5px;padding:5px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.workshop-controls button{color:#aecdde;background:#203e4c;border:0;border-radius:4px;padding:9px;font-size:10px}.workshop-controls button[aria-pressed=true]{color:#d2f3ee;background:#2b595d}.workshop-inspector{scrollbar-width:thin;background:#142c3b;border-left:1px solid #365565;padding:21px;overflow:auto}.workshop-inspector h3{margin:0 0 12px;font-size:16px}.workshop-inspector p{color:#99b4c3;font-size:11px;line-height:1.75}.workshop-inspector h4{color:#86b3bf;margin:22px 0 10px;font-size:11px}.workshop-inspector ul{color:#bccfd9;padding-left:16px;font-size:12px;line-height:2}.workshop-counts{gap:10px;margin:20px 0;display:flex}.workshop-counts>div{border:1px solid #3d5d6d;border-radius:6px;flex:1;padding:14px}.workshop-counts strong{color:#99ddda;font-size:25px;display:block}.workshop-counts span{color:#9ab5c3;margin-top:6px;font-size:9px;display:block}.workshop-list{gap:5px;display:grid}.workshop-list button{color:#d5e4ec;text-align:left;background:#193644;border:1px solid #345361;border-radius:4px;justify-content:space-between;align-items:center;padding:10px;display:flex}.workshop-list button.selected{background:#224b50;border-color:#84c5ba}.workshop-list span{font-size:11px}.workshop-list small{color:#8cabb8;margin-top:5px;font-size:9px;display:block}.workshop-list em{color:#a8c9c6;font-size:9px;font-style:normal}.person-heading{align-items:center;gap:11px;margin-bottom:15px;display:flex}.person-heading>div{background:#355961;border-radius:8px;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.person-heading h3{margin:0 0 5px}.person-heading small{color:#8ba8b9;font-size:9px}.person-status{color:#a4dfc9;background:#245048;border-radius:4px;padding:6px 8px;font-size:10px;display:inline-block}.person-status.attention{color:#f1c785;background:#57482e}.workshop-inspector dl{margin:15px 0}.workshop-inspector dl>div{border-bottom:1px solid #2c4c5c;padding:11px 0}.workshop-inspector dt{color:#7e9eaf;font-size:9px}.workshop-inspector dd{color:#cfdee6;margin:6px 0 0;font-size:11px;line-height:1.65}.workshop-inspector .inspector-note{color:#829ead;font-size:10px}.camera-action{color:#d5f0e7;background:#285458;border:1px solid #4d898c;border-radius:4px;width:100%;padding:12px;font-size:11px}.camera-view-caption{color:#dceaf0;background:#163b4de8;padding:9px;font-size:11px;position:absolute;bottom:78px;left:20px}.workshop-error{color:#ffd7b5;background:#573c39;max-width:80%;padding:14px;position:absolute;top:70px;left:20px}@media (width<=760px){.workshop-header{padding:12px}.workshop-header h2{font-size:16px}.workshop-header span{display:none}.workshop-header button{padding:8px;font-size:10px}.workshop-body{grid-template-rows:minmax(300px,52vh) minmax(0,1fr);grid-template-columns:1fr}.workshop-inspector{border-top:1px solid #365565;border-left:0;padding:15px}.workshop-process{font-size:9px;top:10px;left:10px}.workshop-controls{bottom:10px}.workshop-controls button{padding:8px;font-size:9px}.workshop-pin span{font-size:9px}.workshop-pin small{display:none}}.workshop-controls{max-width:95%;overflow-x:auto}.workshop-controls button,.workshop-header{flex-shrink:0}.workshop-modal button:focus-visible{outline-offset:2px;outline:2px solid #a9ebd8}.workshop-region-nav{scrollbar-width:thin;background:#0f2635;border-bottom:1px solid #365565;flex-shrink:0;gap:6px;padding:10px 20px;display:flex;overflow-x:auto}.workshop-region-nav button{white-space:nowrap;color:#9cb9c9;background:#183646;border:1px solid #34596b;border-radius:4px;padding:8px 12px;font-size:11px}.workshop-region-nav button[aria-current=page]{color:#d8f3e9;background:#2b575b;border-color:#80c2bc}@media (width<=760px){.workshop-region-nav{padding:8px 12px}.workshop-region-nav button{padding:7px 9px;font-size:10px}.workshop-body{grid-template-rows:minmax(260px,46vh) minmax(0,1fr)}}:root{--bg:#07131d;--sidebar:#091b28;--surface:#0d202d;--surface-2:#102a38;--surface-3:#153544;--line:#1b3e4d;--line-soft:#183444;--text:#e7f1f2;--muted:#88a2ad;--muted-2:#5e7b88;--cyan:#56d8d0;--green:#5ad5a5;--amber:#f0b45d;--red:#f17970;--violet:#ad98ff;--radius:10px;--shadow:0 14px 30px #00000029}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);letter-spacing:0;margin:0;font-family:DM Sans,PingFang SC,Microsoft YaHei,sans-serif}button,input{font:inherit;letter-spacing:0}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.app-shell{background:radial-gradient(circle at 75% -12%,#287a8129,transparent 32%),var(--bg);min-height:100vh;display:flex}.sidebar{z-index:20;background:var(--sidebar);border-right:1px solid #193949;flex-direction:column;width:246px;padding:27px 15px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand-block{align-items:center;gap:11px;padding:0 10px 26px;display:flex}.brand-block strong{letter-spacing:.1em;font:700 17px/1 IBM Plex Sans;display:block}.brand-block strong span{color:var(--cyan)}.brand-block small{color:#668392;letter-spacing:.15em;margin-top:5px;font-size:8px;display:block}.brand-mark{align-items:flex-end;gap:3px;width:28px;height:32px;display:flex;transform:skew(-14deg)}.brand-mark span{background:var(--cyan);width:6px;display:block;box-shadow:0 0 14px #56d8d03d}.brand-mark span:first-child{height:19px}.brand-mark span:nth-child(2){background:#b1f3e7;height:30px}.brand-mark span:nth-child(3){background:#2ca9a5;height:24px}.plant-switcher{background:#0e2735;border:1px solid #204456;border-radius:8px;align-items:center;gap:9px;margin-bottom:27px;padding:11px;display:flex}.plant-switcher>div{flex:1;min-width:0}.plant-switcher small,.plant-switcher strong{display:block}.plant-switcher small{color:#6b8793;margin-bottom:4px;font-size:9px}.plant-switcher strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.plant-switcher>svg{color:#64828e}.plant-icon{width:27px;height:27px;color:var(--cyan);background:#17434a;border-radius:7px;place-items:center;display:grid}.nav-scroll{flex:1;padding-bottom:14px;overflow:auto}.nav-group{margin-bottom:27px}.nav-group-label{color:#5c7b88;letter-spacing:.14em;text-transform:uppercase;padding:0 12px 9px;font-size:9px;display:block}.nav-item{color:#8fa8b2;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;width:100%;padding:11px 12px;font-size:12px;transition:background .2s,color .2s;display:flex}.nav-item:hover{color:#e4f4f2;background:#102d3c}.nav-item.active{color:#eafffb;box-shadow:inset 2px 0 0 var(--cyan);background:#153d47}.nav-item.active svg{color:var(--cyan)}.nav-item b{color:#132128;background:var(--red);border-radius:9px;place-items:center;min-width:18px;height:18px;margin-left:auto;font-size:9px;display:grid}.nav-item .live-dot{margin-left:auto}.nav-item em{color:#6da2a0;margin-left:auto;font-size:9px;font-style:normal}.nav-assist{margin-top:4px}.sidebar-foot{margin-top:auto}.link-state{color:#77949f;border-top:1px solid #193949;border-bottom:1px solid #193949;align-items:center;gap:8px;padding:14px 12px;font-size:10px;display:flex}.pulse-dot,.live-dot{background:var(--green);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #5ad5a51c}.operator-row{align-items:center;gap:9px;padding:15px 12px 0;display:flex}.operator-row>div{flex:1}.operator-row strong,.operator-row small{display:block}.operator-row strong{font-size:11px}.operator-row small{color:#688591;margin-top:3px;font-size:9px}.operator-row>svg{color:#64808b}.operator-avatar,.top-avatar{width:29px;height:29px;color:var(--cyan);background:#153b48;border:1px solid #2d6870;border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.app-main{flex:1;min-width:0;margin-left:246px}.topbar{background:#07131de8;border-bottom:1px solid #193949;justify-content:space-between;align-items:center;height:68px;padding:0 38px;display:flex}.top-left,.top-right,.breadcrumbs,.system-live{align-items:center;display:flex}.breadcrumbs{color:#79929c;gap:8px;font-size:11px}.breadcrumbs strong{color:#d4e5e8;font-weight:500}.top-right{gap:14px}.demo-flag{color:#acc5ca;background:#102738;border:1px solid #38586a;border-radius:4px;padding:5px 8px;font-size:9px}.system-live{color:#6f8994;gap:8px;font-size:10px}.system-live b{color:#dbe8ea;font:500 11px IBM Plex Sans}.top-icon,.mobile-menu,.icon-btn{color:#8aa5af;background:0 0;border:0;border-radius:6px;place-items:center;width:30px;height:30px;display:grid;position:relative}.top-icon:hover,.icon-btn:hover,.mobile-menu:hover{color:#e9ffff;background:#122f3d}.top-icon em{background:var(--amber);border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:4px}.assistant-trigger{color:var(--cyan)}.mobile-menu{display:none}.page{max-width:1530px;margin:0 auto;padding:34px 42px 50px}.page-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:23px;display:flex}.page-header h1{letter-spacing:-.03em;margin:0;font:600 29px IBM Plex Sans}.page-header p{color:#8da6b0;margin:9px 0 0;font-size:13px;line-height:1.55}.page-actions{flex-shrink:0;gap:9px;display:flex}.primary-btn,.secondary-btn,.text-btn,.filter-btn{border-radius:6px;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:600;display:inline-flex}.primary-btn,.secondary-btn{height:37px;padding:0 13px}.primary-btn{border:1px solid var(--cyan);background:var(--cyan);color:#062028;box-shadow:0 7px 24px #56d8d01f}.primary-btn:hover{background:#8aebe1}.secondary-btn{color:#b6cbd1;background:#0e2533;border:1px solid #2b4d5d}.secondary-btn:hover,.filter-btn:hover{background:#173446;border-color:#48717b}.text-btn,.filter-btn{color:#81c4bd;background:0 0;border:0;padding:5px 0}.text-btn:hover{color:var(--cyan)}.filter-btn{color:#8db1b4;gap:5px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.panel-top{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:15px;padding:17px 18px 14px;display:flex}.panel-kicker{color:#5f8994;letter-spacing:.14em;font-size:9px;display:block}.panel h2{letter-spacing:-.015em;margin:6px 0 0;font:600 16px IBM Plex Sans}.overview-grid{grid-template-columns:minmax(0,1.65fr) minmax(310px,.78fr);gap:15px;display:grid}.twin-panel{min-width:0}.view-switch{background:#0a1b26;border:1px solid #24495a;border-radius:6px;gap:4px;padding:3px;display:flex}.view-switch button{color:#73909b;background:0 0;border:0;border-radius:4px;align-items:center;gap:5px;padding:6px 8px;font-size:9px;display:flex}.view-switch button.selected{color:var(--cyan);background:#16444d}.twin-canvas{background:#081720;height:450px;position:relative;overflow:hidden}.plant-scene{position:absolute;inset:0;overflow:hidden}.plant-scene svg{width:100%;height:100%;display:block}.scene-hotspot{text-align:left;background:0 0;border:0;align-items:center;gap:7px;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.hotspot-core{z-index:2;width:32px;height:32px;color:inherit;background:#09202b;border:1px solid;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 0 0 5px #081c26bf}.hotspot-ring{opacity:.44;border:1px solid;border-radius:50%;animation:2s ease-in-out infinite hotspotPulse;position:absolute;inset:-7px}.scene-hotspot.selected .hotspot-core{box-shadow:0 0 0 5px #081c26bf,0 0 22px}.scene-hotspot.selected .hotspot-ring{opacity:.8;inset:-11px}.hotspot-label{background:#081821e6;border:1px solid;border-radius:5px;min-width:102px;padding:7px 9px;box-shadow:0 8px 18px #00000038}.hotspot-label strong,.hotspot-label small{display:block}.hotspot-label strong{color:#e4f1f1;font-size:10px}.hotspot-label small{color:currentColor;margin-top:3px;font-size:8px}.scene-hotspot.red{color:var(--red)}.scene-hotspot.amber{color:var(--amber)}.scene-hotspot.green{color:var(--green)}.scene-foot{color:#76939d;justify-content:space-between;align-items:center;padding:11px 16px;font-size:9px;display:flex}.scene-legend,.scene-time{align-items:center;gap:12px;display:flex}.scene-time{gap:7px}.legend-dot{border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.legend-dot.red{background:var(--red);box-shadow:0 0 0 3px #f179701a}.legend-dot.amber{background:var(--amber);box-shadow:0 0 0 3px #f0b45d1a}.legend-dot.green{background:var(--green);box-shadow:0 0 0 3px #5ad5a51a}.legend-dot.cyan{background:var(--cyan);box-shadow:0 0 0 3px #56d8d01a}.risk-focus{min-width:0}.risk-count{border-radius:7px;place-items:center;min-width:30px;height:30px;font:600 16px IBM Plex Sans;display:grid}.risk-count.red{color:var(--red);background:#f179701a}.risk-count.amber{color:var(--amber);background:#f0b45d1a}.risk-count.green{color:var(--green);background:#5ad5a51a}.focus-hero{border:1px solid var(--line);background:#102b37;border-radius:8px;align-items:center;gap:11px;margin:18px 18px 0;padding:13px;display:flex}.focus-hero.red{background:#2b2430;border-color:#62434a}.focus-hero.amber{background:#2a2b28;border-color:#60503a}.focus-hero.green{background:#172d31;border-color:#2d5b58}.focus-icon{width:34px;height:34px;color:var(--cyan);background:#56d8d01a;border-radius:8px;place-items:center;display:grid}.focus-hero.red .focus-icon{color:var(--red);background:#f179701f}.focus-hero.amber .focus-icon{color:var(--amber);background:#f0b45d1f}.focus-hero.green .focus-icon{color:var(--green);background:#5ad5a51f}.focus-hero span{color:var(--red);font-size:9px;display:block}.focus-hero.amber span{color:var(--amber)}.focus-hero.green span{color:var(--green)}.focus-hero h3{margin:4px 0 0;font-size:13px}.focus-hero p{color:#7e9ba2;margin:3px 0 0;font-size:9px}.focus-description{color:#9ab2b8;min-height:52px;margin:15px 18px 0;font-size:10px;line-height:1.7}.focus-evidence{border-top:1px solid var(--line-soft);margin:15px 18px 0}.focus-evidence div{border-bottom:1px solid var(--line-soft);justify-content:space-between;gap:14px;padding:10px 0;display:flex}.focus-evidence span{color:#6e8d98;font-size:9px}.focus-evidence strong{color:#c3d5d6;text-align:right;max-width:190px;font-size:9px;line-height:1.45}.focus-action{color:#9ce0d1;background:#12353d;border:1px solid #2d6264;border-radius:6px;justify-content:space-between;align-items:center;width:calc(100% - 36px);margin:17px 18px 18px;padding:11px 12px;font-size:10px;display:flex}.focus-action:hover{border-color:var(--cyan);color:#e5ffff}.overview-metrics{grid-template-columns:repeat(4,1fr);gap:11px;margin-top:15px;display:grid}.metric{border:1px solid var(--line);background:#0c202d;border-radius:9px;align-items:center;gap:12px;min-height:79px;padding:12px 14px;display:flex;position:relative;overflow:hidden}.metric:after{content:"";background:var(--cyan);opacity:.75;height:2px;position:absolute;bottom:0;left:0;right:0}.metric.red:after{background:var(--red)}.metric.amber:after{background:var(--amber)}.metric.green:after{background:var(--green)}.metric.violet:after{background:var(--violet)}.metric-icon{width:29px;height:29px;color:var(--cyan);background:#56d8d01a;border-radius:7px;place-items:center;display:grid}.metric.red .metric-icon{color:var(--red);background:#f179701a}.metric.amber .metric-icon{color:var(--amber);background:#f0b45d1a}.metric.green .metric-icon{color:var(--green);background:#5ad5a51a}.metric.violet .metric-icon{color:var(--violet);background:#ad98ff1a}.metric small,.metric strong,.metric em{display:block}.metric small{color:#7b95a0;font-size:9px}.metric strong{margin-top:4px;font:600 21px IBM Plex Sans}.metric.red strong{color:#ffb4ab}.metric em{color:#6d8893;margin-top:2px;font-size:8px;font-style:normal}.overview-lower{grid-template-columns:1.05fr .95fr;gap:15px;margin-top:15px;display:grid}.risk-list{padding:3px 17px 13px}.risk-row{border:0;border-bottom:1px solid var(--line-soft);text-align:left;width:100%;min-height:59px;color:inherit;background:0 0;grid-template-columns:32px 1fr auto 15px;align-items:center;gap:10px;display:grid}.risk-row:last-child{border-bottom:0}.risk-row:hover,.risk-row.selected{background:#102a37}.risk-level{border-radius:4px;place-items:center;width:30px;height:22px;font:600 9px IBM Plex Sans;display:grid}.risk-level.red{color:var(--red);background:#f179701f}.risk-level.amber{color:var(--amber);background:#f0b45d1f}.risk-row strong,.risk-row small{display:block}.risk-row strong{font-size:10px}.risk-row small{color:#6f8e98;margin-top:4px;font-size:8px}.risk-row time{color:#78929c;white-space:nowrap;font:500 9px IBM Plex Sans}.risk-row>svg{color:#698793}.status-label{color:#7ab1a7;align-items:center;gap:7px;font-size:9px;display:flex}.logic-chain{justify-content:space-between;align-items:center;padding:30px 20px 22px;display:flex}.logic-chain>span{background:#2b5760;width:26px;height:1px}.logic-node{color:#86a3aa;flex-direction:column;align-items:center;gap:7px;display:flex}.logic-node span{width:35px;height:35px;color:var(--cyan);background:#102c38;border:1px solid #2f5965;border-radius:9px;place-items:center;display:grid}.logic-node small{font-size:8px}.logic-copy{color:#8eafb3;background:#102b34;border:1px solid #274e58;border-radius:6px;margin:0 19px 18px;padding:12px;font-size:10px;line-height:1.6}.logic-copy strong{color:#d9edeb}.event-meta{color:#77929d;align-items:center;gap:20px;margin:-7px 0 16px;font-size:9px;display:flex}.event-meta span{align-items:center;gap:5px;display:flex}.event-meta .meta-danger{color:var(--red)}.meta-danger i{background:var(--red);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #f179701a}.event-layout{grid-template-columns:minmax(0,1.55fr) minmax(330px,.8fr);gap:15px;display:grid}.event-visual,.event-reasoning{min-width:0}.event-status{border-radius:4px;align-items:center;gap:6px;padding:5px 8px;font-size:9px;display:flex}.event-status i{background:currentColor;border-radius:50%;width:6px;height:6px}.event-status.detected{color:var(--red);background:#f179701c}.event-status.confirmed{color:var(--amber);background:#f0b45d1c}.event-status.dispatched{color:var(--cyan);background:#56d8d01a}.event-status.closed{color:var(--green);background:#5ad5a51a}.incident-scene{background:#081720;height:438px;position:relative;overflow:hidden}.incident-scene svg{width:100%;height:100%;display:block}.incident-alert circle{animation:1.4s ease-in-out infinite alertPulse}.incident-worker{filter:drop-shadow(0 0 8px #f179706b)}.incident-scene.closed .incident-worker{filter:saturate(.7);opacity:.72}.visual-footer{color:#82a1a8;border-top:1px solid var(--line-soft);align-items:center;gap:18px;padding:11px 17px;font-size:9px;display:flex}.visual-footer span{align-items:center;gap:6px;display:flex}.event-reasoning{flex-direction:column;display:flex}.confidence{font:600 13px IBM Plex Sans}.confidence.cyan{color:var(--cyan)}.confidence.amber{color:var(--amber)}.confidence.violet{color:var(--violet)}.confidence.red{color:var(--red)}.confidence.green{color:var(--green)}.model-badges{flex-wrap:wrap;gap:6px;padding:12px 18px 0;display:flex}.model-badges span{color:#88a9b1;background:#102a37;border:1px solid #264a59;border-radius:4px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;display:flex}.reasoning-focus{align-items:flex-start;gap:10px;padding:17px 18px 9px;display:flex}.reasoning-symbol{width:34px;height:34px;color:var(--cyan);background:#56d8d01a;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.reasoning-symbol.amber{color:var(--amber);background:#f0b45d1a}.reasoning-symbol.violet{color:var(--violet);background:#ad98ff1a}.reasoning-symbol.red{color:var(--red);background:#f179701a}.reasoning-symbol.green{color:var(--green);background:#5ad5a51a}.reasoning-focus strong,.reasoning-focus small{display:block}.reasoning-focus strong{font-size:12px}.reasoning-focus small{color:#75919b;margin-top:5px;font-size:9px;line-height:1.5}.reasoning-block{border-top:1px solid var(--line-soft);margin:6px 18px 0}.reasoning-block>span{color:#d4e6e6;padding:10px 0 5px;font-size:9px;display:block}.evidence-row{color:#8da8ae;border-bottom:1px solid #163443;align-items:center;gap:7px;min-height:28px;font-size:9px;display:flex}.evidence-row>svg{color:var(--green)}.evidence-row span{flex:1}.evidence-row b{color:#c3d7d7;font:500 9px IBM Plex Sans}.evidence-row b.bad{color:var(--red)}.language-callout{background:#102c35;border:1px solid #2e595d;border-radius:6px;margin:13px 18px;padding:10px}.language-callout>div{color:var(--cyan);align-items:center;gap:6px;font-size:10px;display:flex}.language-callout p{color:#a9c7c4;margin:7px 0 0;font-size:9px;line-height:1.6}.event-reasoning>.primary-btn{margin:0 18px}.timeline-percent{color:#72b9b0;font:500 10px IBM Plex Sans}.event-timeline{margin-top:15px}.event-steps{grid-template-columns:repeat(5,1fr);padding:15px 18px 17px;display:grid}.event-step{text-align:left;color:#718e98;background:0 0;border:0;align-items:flex-start;gap:9px;padding:6px 12px 5px 0;display:flex;position:relative}.event-step:not(:last-child):after{content:"";background:#2b5360;height:1px;position:absolute;top:21px;left:31px;right:5px}.event-step.done:not(:last-child):after{background:#438f86}.event-step-icon{z-index:1;border:3px solid var(--surface);color:#77939c;background:#183340;border-radius:50%;flex-shrink:0;place-items:center;width:31px;height:31px;display:grid;position:relative}.event-step-icon.cyan{color:var(--cyan);background:#16484d}.event-step-icon.amber{color:var(--amber);background:#564128}.event-step-icon.violet{color:var(--violet);background:#40366a}.event-step-icon.red{color:var(--red);background:#5b3038}.event-step-icon.green{color:var(--green);background:#205247}.event-step.active .event-step-icon{box-shadow:0 0 0 4px #56d8d01a}.event-step b,.event-step strong,.event-step small{display:block}.event-step b{color:#5f7e8a;font:500 8px IBM Plex Sans}.event-step.active b,.event-step.done b{color:var(--cyan)}.event-step strong{color:#cfdfdf;margin-top:4px;font-size:10px}.event-step small{color:#6b8994;max-width:155px;margin-top:4px;font-size:8px;line-height:1.4}.page-stats{grid-template-columns:repeat(4,1fr);gap:11px;margin:-2px 0 15px;display:grid}.mini-stat{border:1px solid var(--line);background:#0c202d;border-radius:9px;flex-direction:column;min-height:79px;padding:12px 14px;display:flex}.mini-stat span{color:#7995a0;font-size:9px}.mini-stat strong{margin-top:8px;font:600 22px IBM Plex Sans}.mini-stat small{color:#6b8792;margin-top:2px;font-size:8px}.mini-stat.cyan strong{color:var(--cyan)}.mini-stat.green strong{color:var(--green)}.mini-stat.amber strong{color:var(--amber)}.mini-stat.violet strong{color:var(--violet)}.permit-layout{grid-template-columns:.86fr 1.14fr;gap:15px;display:grid}.permit-list,.permit-detail{min-width:0}.permit-items{padding:4px 13px 14px}.permit-item{border:0;border-bottom:1px solid var(--line-soft);text-align:left;background:0 0;grid-template-columns:33px 1fr 15px;align-items:center;gap:10px;width:100%;padding:12px 5px;display:grid}.permit-item:hover,.permit-item.selected{background:#102a37}.permit-type{width:31px;height:31px;color:var(--cyan);background:#56d8d01a;border-radius:8px;place-items:center;display:grid}.permit-type.amber{color:var(--amber);background:#f0b45d1a}.permit-type.green{color:var(--green);background:#5ad5a51a}.permit-type.muted{color:#82949a;background:#18303a}.permit-item strong,.permit-item small{display:block}.permit-item strong{font-size:11px}.permit-item small{color:#6f8d97;margin-top:4px;font-size:8px}.permit-status{color:#84aaa8;align-items:center;gap:5px;margin-top:6px;font-size:8px;display:flex}.permit-status i{background:currentColor;border-radius:50%;width:5px;height:5px}.permit-status.amber{color:var(--amber)}.permit-status.green{color:var(--green)}.permit-status.cyan{color:var(--cyan)}.permit-status.muted{color:#7b929a}.permit-item>svg{color:#668690}.permit-pill{border-radius:4px;padding:5px 8px;font-size:9px}.permit-pill.amber{color:var(--amber);background:#f0b45d1c}.permit-pill.cyan{color:var(--cyan);background:#56d8d01a}.permit-pill.green{color:var(--green);background:#5ad5a51a}.permit-pill.muted{color:#8ea1a6;background:#18303a}.permit-identity{align-items:center;gap:10px;padding:15px 18px;display:flex}.identity-avatar{width:38px;height:38px;color:var(--cyan);background:#153c45;border:1px solid #2e6067;border-radius:9px;place-items:center;display:grid}.permit-identity>div:nth-child(2){flex:1}.permit-identity strong,.permit-identity small{display:block}.permit-identity strong{font-size:12px}.permit-identity small{color:#718e97;margin-top:4px;font-size:9px}.permit-map{background:#0b202b;border:1px solid #24505b;border-radius:7px;height:178px;margin:0 18px;position:relative;overflow:hidden}.map-grid{background-image:linear-gradient(30deg,#0000 48%,#4e808433 49%,#0000 50%),linear-gradient(150deg,#0000 48%,#4e808433 49%,#0000 50%);background-size:38px 38px;position:absolute;inset:0}.approved-zone,.actual-zone{border:1px dashed;border-radius:5px;place-items:center;font-size:9px;display:grid;position:absolute}.approved-zone{width:36%;height:58%;color:var(--cyan);background:#56d8d014;top:22%;left:16%}.actual-zone{width:30%;height:48%;color:var(--red);background:#f1797014;top:28%;right:12%}.map-person{width:30px;height:30px;color:var(--red);background:#402d38;border-radius:50%;place-items:center;display:grid;position:absolute;top:46%;left:73%;box-shadow:0 0 0 5px #f179701f}.map-line{background:var(--red);transform-origin:0;width:28%;height:1px;position:absolute;top:48%;left:48%;transform:rotate(-9deg)}.approved-zone span,.actual-zone span{white-space:nowrap;position:absolute;top:-19px}.approved-zone span{color:#83c9c1;left:0}.actual-zone span{color:#eea29a;right:0}.permit-alert{color:var(--amber);background:#2b2928;border:1px solid #654a3e;border-radius:6px;align-items:center;gap:9px;margin:14px 18px 0;padding:10px;display:flex}.permit-alert>div{flex:1}.permit-alert strong,.permit-alert span{display:block}.permit-alert strong{font-size:10px}.permit-alert span{color:#afaba0;margin-top:4px;font-size:8px;line-height:1.4}.permit-alert button{color:#e9c37b;white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;font-size:8px;display:flex}.check-grid{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);grid-template-columns:1fr 1fr;gap:10px 13px;margin:14px 18px 0;padding:13px 0;display:grid}.check-item{justify-content:space-between;gap:10px;display:flex}.check-item>span{color:#7995a0;font-size:9px}.check-item strong{align-items:center;gap:5px;font-size:9px;display:flex}.check-item strong i{background:currentColor;border-radius:50%;width:5px;height:5px}.check-item .ok{color:var(--green)}.check-item .warn{color:var(--amber)}.check-item .muted{color:#8298a0}.detail-actions{justify-content:flex-end;gap:9px;padding:14px 18px 17px;display:flex}.loop-summary{border:1px solid var(--line);background:var(--line);border-radius:9px;grid-template-columns:repeat(4,1fr) 2fr;gap:1px;margin-bottom:15px;display:grid;overflow:hidden}.loop-summary>div{background:#0c202d;flex-direction:column;justify-content:center;min-height:79px;padding:12px 15px;display:flex}.loop-summary strong{font:600 23px IBM Plex Sans}.loop-summary span{color:#7995a0;margin-top:4px;font-size:9px}.loop-summary>div:first-child strong{color:var(--red)}.loop-summary>div:nth-child(2) strong{color:var(--green)}.loop-summary>div:nth-child(3) strong{color:var(--amber)}.loop-summary>div:nth-child(4) strong{color:var(--cyan)}.loop-summary .summary-note{color:#8bb5b4;background:#102d35;flex-direction:row;align-items:center;gap:9px;font-size:10px;line-height:1.45}.summary-note svg{color:var(--cyan);flex-shrink:0}.loop-board{grid-template-columns:repeat(5,minmax(160px,1fr));gap:10px;padding-bottom:4px;display:grid;overflow:auto}.loop-column{border:1px solid var(--line);background:#0b1c28;border-radius:9px;min-width:0}.column-head{border-bottom:1px solid var(--line-soft);color:#bcd0d1;justify-content:space-between;align-items:center;padding:13px 12px;font-size:10px;display:flex}.column-head>span{align-items:center;gap:6px;display:flex}.column-head>b{color:#94afb3;background:#173541;border-radius:50%;place-items:center;min-width:19px;height:19px;font:500 9px IBM Plex Sans;display:grid}.column-dot{background:var(--cyan);border-radius:50%;width:6px;height:6px}.column-dot.red{background:var(--red)}.column-dot.amber{background:var(--amber)}.column-dot.cyan{background:var(--cyan)}.column-dot.violet{background:var(--violet)}.column-dot.green{background:var(--green)}.loop-cards{padding:9px}.loop-card{text-align:left;background:#102a37;border:1px solid #204554;border-radius:7px;width:100%;min-height:135px;padding:10px;transition:border .2s,transform .2s}.loop-card+.loop-card{margin-top:8px}.loop-card:hover,.loop-card.selected{border-color:#4a8a88;transform:translateY(-1px)}.loop-card-top,.loop-card-foot{justify-content:space-between;gap:8px;display:flex}.loop-card-top strong{color:#79b5b2;font:500 9px IBM Plex Sans}.loop-card-top span{color:#75909a;font-size:8px}.loop-card h3{margin:9px 0 5px;font-size:10px;line-height:1.45}.loop-card p{color:#6c8994;margin:0;font-size:8px;line-height:1.4}.loop-card-foot{color:#7d9ba0;margin-top:15px;font-size:8px}.loop-card-foot span{align-items:center;gap:4px;display:flex}.due-hot{color:var(--amber)}.loop-detail{margin-top:15px}.detail-state{color:#8bb3ae;align-items:center;gap:6px;font-size:9px;display:flex}.detail-state i{background:var(--cyan);border-radius:50%;width:6px;height:6px}.loop-detail-grid{border-bottom:1px solid var(--line-soft);grid-template-columns:repeat(4,1fr);gap:12px;padding:15px 18px;display:grid}.loop-detail-grid span,.loop-detail-grid strong{display:block}.loop-detail-grid span{color:#6f8d97;font-size:8px}.loop-detail-grid strong{color:#c8d9d9;margin-top:6px;font-size:10px}.loop-progress{padding:15px 18px}.loop-progress>div:first-child{justify-content:space-between;gap:15px;display:flex}.loop-progress span{color:#77939c;font-size:9px}.loop-progress b{color:#cce1df;font-size:9px;font-weight:500}.progress-track{background:#183946;border-radius:3px;height:5px;margin-top:12px;overflow:hidden}.progress-track span{background:var(--cyan);border-radius:3px;height:100%;display:block}.loop-progress small{color:#698690;margin-top:8px;font-size:8px;display:block}.sensing-layout{grid-template-columns:1.14fr .86fr;gap:15px;display:grid}.sensor-map,.device-list{min-width:0}.map-tools{background:#0a1b26;border:1px solid #24495a;border-radius:6px;gap:4px;padding:3px;display:flex}.map-tools button{color:#74919a;background:0 0;border:0;border-radius:4px;padding:6px 8px;font-size:8px}.map-tools .selected{color:var(--cyan);background:#16444d}.sensor-canvas{border-bottom:1px solid var(--line-soft);background:#0a1b26;height:438px;position:relative;overflow:hidden}.sensor-floor{transform-origin:50%;background-color:#0000;background-image:linear-gradient(30deg,#0000 48%,#4e80842e 49%,#0000 50%),linear-gradient(150deg,#0000 48%,#4e80842e 49%,#0000 50%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:35px 30px;transform:perspective(500px)rotateX(52deg)rotate(-4deg)}.sensor-zone{background:#102c36de;border:1px solid #376a70;border-radius:8px;flex-direction:column;gap:6px;padding:13px;display:flex;position:absolute;box-shadow:0 12px 24px #00000026}.sensor-zone span{color:#d3e6e4;font-size:12px}.sensor-zone small{color:#75a3a4;font-size:8px}.zone-one{width:39%;height:33%;top:25%;left:12%}.zone-two{width:29%;height:25%;top:17%;right:11%}.zone-three{width:47%;height:22%;bottom:10%;left:28%}.sensor-point{color:#9dc1bf;align-items:center;gap:6px;font-size:8px;display:flex;position:absolute}.sensor-point i{background:currentColor;border-radius:50%;width:10px;height:10px;display:block;box-shadow:0 0 0 5px #56d8d017}.sensor-point b{font:500 9px IBM Plex Sans}.point-red{color:var(--red);top:41%;left:42%}.point-green{color:var(--green);top:31%;right:23%}.point-amber{color:var(--amber);bottom:24%;left:66%}.point-cyan{color:var(--cyan);bottom:20%;left:29%}.sensor-route-line{opacity:.7;border-top:2px dashed #56d8d0;width:36%;height:1px;position:absolute;top:52%;left:31%;transform:rotate(-12deg)}.map-foot{color:#7d9aa1;align-items:center;gap:15px;padding:11px 16px;font-size:8px;display:flex}.map-foot span{align-items:center;display:flex}.map-foot small{color:#67848e;margin-left:auto;font-size:8px}.device-rows{padding:4px 14px 13px}.device-row{border:0;border-bottom:1px solid var(--line-soft);text-align:left;background:0 0;grid-template-columns:31px minmax(0,1fr) auto auto;align-items:center;gap:9px;width:100%;min-height:57px;display:grid}.device-row:last-child{border-bottom:0}.device-row:hover{background:#102a37}.device-icon{width:29px;height:29px;color:var(--cyan);background:#56d8d01a;border-radius:7px;place-items:center;display:grid}.device-icon.green{color:var(--green);background:#5ad5a51a}.device-icon.amber{color:var(--amber);background:#f0b45d1a}.device-row strong,.device-row small{display:block}.device-row strong{font-size:10px}.device-row small{color:#6d8994;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:8px;overflow:hidden}.device-state{color:#8ba6ab;white-space:nowrap;align-items:center;gap:5px;font-size:8px;display:flex}.device-state i{background:currentColor;border-radius:50%;width:5px;height:5px}.device-state.green{color:var(--green)}.device-state.cyan{color:var(--cyan)}.device-state.amber{color:var(--amber)}.device-row>b{color:#bfd3d2;white-space:nowrap;font:500 9px IBM Plex Sans}.model-tabs{background:#0a1b26;border:1px solid #24495a;border-radius:7px;gap:4px;width:max-content;margin:-5px 0 15px;padding:3px;display:flex}.model-tabs button{color:#75929c;background:0 0;border:0;border-radius:5px;padding:8px 12px;font-size:10px}.model-tabs button.active{color:var(--cyan);background:#16444d}.model-pipeline{margin-bottom:15px}.pipeline-flow{grid-template-columns:1fr 40px 1fr 40px 1fr 40px 1fr;align-items:center;padding:20px;display:grid}.pipeline-node{background:#102a37;border:1px solid #244a57;border-radius:7px;grid-template-columns:31px 1fr;align-items:center;column-gap:9px;min-height:76px;padding:10px;display:grid}.pipeline-icon{width:29px;height:29px;color:var(--cyan);background:#56d8d01a;border-radius:7px;grid-row:span 3;place-items:center;display:grid}.pipeline-node.amber .pipeline-icon{color:var(--amber);background:#f0b45d1a}.pipeline-node.violet .pipeline-icon{color:var(--violet);background:#ad98ff1a}.pipeline-node.green .pipeline-icon{color:var(--green);background:#5ad5a51a}.pipeline-node strong{font-size:10px}.pipeline-node b{font:600 15px IBM Plex Sans}.pipeline-node small{color:#6e8c96;font-size:8px}.pipeline-arrow{color:#5d8890;place-items:center;display:grid}.model-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.model-card{border:1px solid var(--line);min-height:207px;box-shadow:var(--shadow);text-align:left;background:#0d202d;border-radius:9px;padding:15px;transition:border .2s,transform .2s}.model-card:hover{border-color:#4d8885;transform:translateY(-2px)}.model-card-top{justify-content:space-between;align-items:center;display:flex}.model-symbol{width:33px;height:33px;color:var(--cyan);background:#56d8d01a;border-radius:8px;place-items:center;display:grid}.model-symbol.green{color:var(--green);background:#5ad5a51a}.model-symbol.violet{color:var(--violet);background:#ad98ff1a}.model-state{color:#8eabae;align-items:center;gap:5px;font-size:8px;display:flex}.model-state i{background:currentColor;border-radius:50%;width:5px;height:5px}.model-state.green{color:var(--green)}.model-state.cyan{color:var(--cyan)}.model-state.violet{color:var(--violet)}.model-card h3{margin:14px 0 4px;font-size:12px}.model-card p{color:#70909a;margin:0;font-size:9px}.model-values{border-top:1px solid var(--line-soft);grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px;padding-top:11px;display:grid}.model-values span,.model-values strong{display:block}.model-values span{color:#688691;font-size:8px}.model-values strong{color:#c8dad9;margin-top:5px;font:500 11px IBM Plex Sans}.model-card-foot{color:#71aaa7;justify-content:space-between;align-items:center;margin-top:13px;font:500 9px IBM Plex Sans;display:flex}.model-card-foot svg{color:#718e97}.model-bottom{grid-template-columns:1.14fr .86fr;gap:15px;margin-top:15px;display:grid}.dataset-row,.guardrail{border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;padding:13px 18px;font-size:9px;display:flex}.dataset-row:last-child,.guardrail:last-child{border-bottom:0}.dataset-row span,.guardrail span{color:#9bb2b6;flex:1}.dataset-row strong{color:#c3d8d7;font:500 9px IBM Plex Sans}.dataset-row b{font-size:8px;font-weight:500}.good{color:var(--green)}.warn-text{color:var(--amber)}.header-icon{color:#7db1b1}.guardrail svg{color:var(--green)}.guardrail:last-child svg{color:var(--amber)}.guardrail b{color:var(--green);font-size:8px;font-weight:500}.rules-page{padding-bottom:10px}.rule-list{padding:5px 18px 17px}.rule-row{border-bottom:1px solid var(--line-soft);grid-template-columns:33px 1fr auto 30px;align-items:center;gap:10px;min-height:70px;display:grid}.rule-row:last-child{border-bottom:0}.rule-icon{width:31px;height:31px;color:var(--cyan);background:#56d8d01a;border-radius:8px;place-items:center;display:grid}.rule-icon.red{color:var(--red);background:#f179701a}.rule-icon.amber{color:var(--amber);background:#f0b45d1a}.rule-row strong,.rule-row small{display:block}.rule-row strong{font-size:11px}.rule-row small{color:#6c8994;margin-top:5px;font:500 9px IBM Plex Sans}.rule-result{color:#a7c5c1;font-size:9px}.release-page>.panel:first-child{margin-bottom:15px}.release-hero{justify-content:space-between;align-items:center;padding:22px;display:flex}.release-hero h2{margin:7px 0 0;font:600 18px IBM Plex Sans}.release-hero p{color:#8ea8ad;max-width:620px;margin:8px 0 0;font-size:10px;line-height:1.6}.release-badge{color:var(--green);background:#5ad5a51a;border-radius:5px;align-items:center;gap:6px;padding:7px 9px;font-size:9px;display:flex}.release-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:15px;display:grid}.release-card{padding:17px}.release-card span,.release-card strong,.release-card small{display:block}.release-card span{color:#77949e;font-size:9px}.release-card strong{margin-top:10px;font:600 20px IBM Plex Sans}.release-card small{color:#6f8c96;margin-top:4px;font-size:8px}.assistant-overlay{z-index:40;background:#030c1394;position:fixed;inset:0}.assistant-drawer{background:#0a1d2b;border-left:1px solid #2d5965;flex-direction:column;width:395px;height:100%;animation:.22s ease-out slideIn;display:flex;position:absolute;top:0;right:0;box-shadow:-20px 0 50px #00000040}.assistant-head{border-bottom:1px solid #1b3e4c;justify-content:space-between;align-items:center;padding:18px 19px 15px;display:flex}.assistant-title{align-items:center;gap:9px;display:flex}.assistant-title>span{width:30px;height:30px;color:var(--cyan);background:#56d8d01a;border-radius:7px;place-items:center;display:grid}.assistant-title strong,.assistant-title small{display:block}.assistant-title strong{font-size:12px}.assistant-title small{color:#6f8e98;margin-top:4px;font-size:8px}.assistant-context{color:#8cb4b0;background:#102f37;border-radius:5px;align-items:center;gap:8px;margin:14px 19px 3px;padding:9px 10px;font-size:9px;display:flex}.assistant-chat{flex:1;padding:10px 19px;overflow:auto}.assistant-message{align-items:flex-start;gap:7px;margin:13px 0;display:flex}.assistant-avatar{width:20px;height:20px;color:var(--cyan);background:#17484a;border-radius:5px;flex-shrink:0;place-items:center;display:grid}.assistant-message p{color:#bfd1d4;background:#14303d;border-radius:7px 7px 7px 2px;max-width:88%;margin:0;padding:10px 11px;font-size:10px;line-height:1.65}.assistant-suggestions{flex-wrap:wrap;gap:6px;padding:0 19px 10px;display:flex}.assistant-suggestions button{color:#91c7c4;background:#102e38;border:1px solid #2a5961;border-radius:5px;padding:6px 8px;font-size:9px}.assistant-suggestions button:hover{border-color:var(--cyan);color:#e1ffff}.assistant-input{background:#081824;border:1px solid #2b5962;border-radius:7px;margin:0 19px;padding:4px;display:flex}.assistant-input input{color:#d8e9e9;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:7px 8px;font-size:10px}.assistant-input input::placeholder{color:#5f7f8b}.assistant-input button{background:var(--cyan);color:#082027;border:0;border-radius:5px;place-items:center;width:30px;height:29px;display:grid}.assistant-footnote{color:#5d7d88;margin:13px 19px 16px;font-size:8px}.toast{z-index:50;color:#ccf4e8;background:#12393b;border:1px solid #2e6b68;border-radius:6px;align-items:center;gap:7px;padding:11px 14px;font-size:10px;animation:.2s ease-out toastIn;display:flex;position:fixed;bottom:23px;right:25px;box-shadow:0 15px 35px #00000040}.mobile-backdrop{display:none}@keyframes hotspotPulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:.85;transform:scale(1.1)}}@keyframes alertPulse{0%,to{opacity:.3;transform:scale(.92)}50%{opacity:.85;transform:scale(1.05)}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1180px){.page{padding-left:26px;padding-right:26px}.overview-grid,.event-layout{grid-template-columns:1fr}.risk-focus{grid-template-columns:1fr 1.2fr;column-gap:15px;display:grid}.risk-focus>.panel-top{grid-column:1/-1}.focus-hero,.focus-description{margin-top:18px}.focus-evidence,.focus-action{grid-column:1/-1}.sensing-layout,.permit-layout,.model-bottom,.overview-lower{grid-template-columns:1fr}.page-stats{grid-template-columns:repeat(4,1fr)}}@media (width<=760px){.sidebar{width:min(286px,84vw);transition:transform .2s;transform:translate(-100%);box-shadow:20px 0 50px #00000040}.sidebar.mobile-visible{transform:translate(0)}.mobile-backdrop{z-index:19;background:#030c1394;border:0;display:block;position:fixed;inset:0}.app-main{margin-left:0}.topbar{height:60px;padding:0 15px}.mobile-menu{margin-right:7px;display:grid}.breadcrumbs{font-size:10px}.breadcrumbs span,.breadcrumbs svg{display:none}.top-right{gap:7px}.demo-flag,.system-live,.assistant-trigger{display:none}.page{padding:24px 15px 35px}.page-header{margin-bottom:19px;display:block}.page-header h1{font-size:27px}.page-header p{font-size:11px}.page-actions{margin-top:15px}.page-actions .primary-btn,.page-actions .secondary-btn{flex:1}.overview-grid{gap:10px}.twin-canvas{height:360px}.scene-hotspot{transform-origin:50%;transform:translate(-50%,-50%)scale(.84)}.hotspot-label{min-width:92px}.scene-foot{line-height:1.8;display:block}.scene-time{margin-top:5px}.risk-focus{display:block}.risk-focus>.panel-top{display:flex}.focus-hero{margin:15px 15px 0}.focus-description,.focus-evidence{margin:13px 15px 0}.focus-action{width:calc(100% - 30px);margin:15px}.overview-metrics{grid-template-columns:repeat(2,1fr);gap:8px}.metric{min-height:78px;padding:10px}.metric strong{font-size:19px}.overview-lower{gap:10px}.panel-top{padding:15px}.risk-list{padding-left:14px;padding-right:14px}.risk-row{grid-template-columns:30px 1fr 15px}.risk-row time{display:none}.logic-chain{gap:5px;padding:24px 12px 19px}.logic-chain>span{width:12px}.logic-node small{font-size:7px}.logic-copy{margin-left:14px;margin-right:14px}.event-meta{flex-wrap:wrap;gap:8px 14px;margin-top:-7px}.incident-scene{height:300px}.visual-footer{flex-wrap:wrap;gap:8px 14px}.event-steps{padding:13px 12px 16px;display:flex;overflow:auto}.event-step{min-width:170px}.page-stats{grid-template-columns:repeat(2,1fr);gap:8px}.mini-stat{min-height:73px}.permit-alert{flex-wrap:wrap;align-items:flex-start}.permit-alert button{margin-left:24px}.permit-map{height:155px}.check-grid{gap:10px}.detail-actions{flex-wrap:wrap}.detail-actions .primary-btn,.detail-actions .secondary-btn{flex:1}.loop-summary{grid-template-columns:repeat(2,1fr)}.loop-summary .summary-note{grid-column:1/-1;min-height:60px}.loop-board{grid-template-columns:repeat(5,220px);margin-right:-15px}.loop-detail-grid{grid-template-columns:1fr 1fr;gap:14px}.sensor-canvas{height:330px}.device-row{grid-template-columns:31px minmax(0,1fr) auto}.device-row>b{display:none}.model-tabs{justify-content:space-between;width:100%}.model-tabs button{flex:1;padding-left:6px;padding-right:6px}.pipeline-flow{grid-template-columns:1fr 24px 1fr;gap:10px;padding:16px 13px}.pipeline-node:nth-of-type(4),.pipeline-arrow:nth-of-type(6){display:none}.pipeline-node{min-height:70px}.model-grid,.release-grid{grid-template-columns:1fr}.assistant-drawer{width:100%}.toast{justify-content:center;bottom:15px;left:15px;right:15px}}.event-status.pending_review{color:var(--violet);background:#ad98ff1f}.event-step.future{opacity:.38;cursor:not-allowed}.event-step:disabled{cursor:not-allowed}.event-step:disabled strong{color:#71848b}.event-step:disabled .event-step-icon{filter:saturate(.35)}.full-text:disabled{opacity:.48;cursor:not-allowed}.filter-wrap{position:relative}.filter-btn.active{color:var(--cyan)}.filter-menu{z-index:8;background:#0b202d;border:1px solid #2b5661;border-radius:6px;min-width:110px;padding:5px;position:absolute;top:31px;right:0;box-shadow:0 12px 25px #00000047}.filter-menu button{color:#8da9ae;text-align:left;background:0 0;border:0;border-radius:4px;width:100%;padding:8px 9px;font-size:9px;display:block}.filter-menu button:hover,.filter-menu button.selected{color:var(--cyan);background:#153c47}.permit-ok{color:var(--green);background:#102c2e;border:1px solid #2c5d55;border-radius:6px;align-items:flex-start;gap:9px;margin:14px 18px 0;padding:10px;display:flex}.permit-ok>div{flex:1}.permit-ok strong,.permit-ok span{display:block}.permit-ok strong{font-size:10px}.permit-ok span{color:#91b5ad;margin-top:4px;font-size:8px;line-height:1.4}.approved-zone.normal{background:#5ad5a514;border-color:#4c8c78}.actual-zone.normal{width:36%;color:var(--green);background:#5ad5a514;border-color:#4c8c78;right:20%}.sensor-canvas.link-mode .sensor-route-line{border-color:var(--violet);box-shadow:0 0 12px #ad98ff80}.sensor-canvas.link-mode .sensor-point{filter:drop-shadow(0 0 5px)}.device-search{color:#73aaa7;background:#081824;border:1px solid #2b5962;border-radius:5px;align-items:center;gap:7px;margin:0 14px;padding:6px 8px;display:flex}.device-search input{color:#d8e9e9;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:9px}.device-search input::placeholder{color:#5f7f8b}.device-search button{color:#74929a;background:0 0;border:0;place-items:center;width:24px;height:24px;display:grid}.device-empty{color:#718e98;text-align:center;padding:25px 15px;font-size:9px}.assistant-message.user{justify-content:flex-end}.assistant-message.user .assistant-bubble{color:#e0f5f1;background:#17484a;border-radius:7px 7px 2px;order:1}.assistant-user-avatar{color:#b8e9e0;background:#214c5a;border-radius:5px;flex-shrink:0;order:2;place-items:center;width:20px;height:20px;font-size:9px;font-weight:700;display:grid}.assistant-bubble{max-width:88%}.assistant-bubble p{color:#bfd1d4;background:#14303d;border-radius:7px 7px 7px 2px;margin:0;padding:10px 11px;font-size:10px;line-height:1.65}.assistant-message.user .assistant-bubble p{padding:9px 10px}.assistant-refs{flex-wrap:wrap;gap:4px;margin-top:7px;display:flex}.assistant-refs span{color:#86c2bd;background:#0f3038;border:1px solid #2e6063;border-radius:3px;padding:3px 5px;font-size:8px}.assistant-typing{background:#14303d;border-radius:7px 7px 7px 2px;align-items:center;gap:4px;padding:11px 13px;display:flex}.assistant-typing i{background:var(--cyan);border-radius:50%;width:4px;height:4px;animation:1s infinite typingPulse}.assistant-typing i:nth-child(2){animation-delay:.15s}.assistant-typing i:nth-child(3){animation-delay:.3s}.assistant-input button:disabled{opacity:.38;cursor:not-allowed}@keyframes typingPulse{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.assistant-message.user .assistant-bubble p{color:#e0f5f1;background:#17484a;border-radius:7px 7px 2px}@media (width<=760px){.pipeline-flow{flex-direction:column;align-items:stretch;gap:6px;padding:15px 13px;display:flex}.pipeline-node{width:100%;min-height:70px}.pipeline-arrow{height:17px;transform:rotate(90deg)}.pipeline-flow .pipeline-arrow,.pipeline-flow .pipeline-node:nth-of-type(4),.pipeline-flow .pipeline-node:nth-of-type(7){display:grid}}.nav-scroll{scrollbar-width:none}.nav-scroll::-webkit-scrollbar{display:none}.page-overview{max-width:1600px}.base-rail{grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 12px;display:grid}.base-rail button{color:#728f9a;text-align:left;background:#0b1f2b;border:1px solid #1e4150;border-radius:6px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;height:58px;padding:8px 10px;transition:border-color .18s,background .18s,transform .18s;display:grid}.base-rail button:hover{background:#102936;border-color:#3f6d76;transform:translateY(-1px)}.base-rail button.selected{color:var(--cyan);background:#12323c;border-color:#4a8b8b;box-shadow:inset 0 -2px #50cfc8}.base-rail button>svg{justify-self:center}.base-rail button>span{min-width:0}.base-rail strong,.base-rail small{display:block}.base-rail strong{color:#dce9e9;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.base-rail small{color:#718e98;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:8px;overflow:hidden}.base-rail em{color:#9ab4b8;white-space:nowrap;background:#142f3b;border-radius:3px;padding:4px 6px;font-size:8px;font-style:normal}.base-rail button.selected em{color:#a4ebe1;background:#174248}.page-overview .twin-canvas{background:#06131c;height:570px}.plant-scene:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 70px #01080d9e}.plant-scene svg{filter:saturate(1.05)}.map-roads path{fill:none;stroke:#b7c8c5;stroke-width:16px;stroke-opacity:.1;stroke-linecap:round}.map-roads path:nth-child(2){stroke:#e3ad5f;stroke-width:3px;stroke-opacity:.58;stroke-dasharray:18 13}.process-flow path{fill:none;stroke:#55d8d0;stroke-width:3px;stroke-opacity:.72;stroke-dasharray:10 10;filter:drop-shadow(0 0 6px #56d8d073);animation:6s linear infinite processDash}.process-flow circle{fill:#8ceae1;filter:drop-shadow(0 0 5px #56d8d0)}.heat-overlay{mix-blend-mode:screen;animation:2.6s ease-in-out infinite heatBreathe}.facility{transition:filter .25s,opacity .25s}.plant-scene:hover .facility{opacity:.92}.map-labels text{fill:#d7e7e6;font:600 11px IBM Plex Sans,sans-serif}.map-labels .map-label-sub{fill:#688991;font-size:7px;font-weight:500}.scene-hud rect{fill:#06141cc7;stroke:#2c5965;stroke-width:1px}.scene-hud .hud-title{fill:#e4f0f0;font:600 15px IBM Plex Sans,sans-serif}.scene-hud .hud-sub{fill:#7897a0;font:500 9px IBM Plex Sans,sans-serif}.scene-hud .hud-live{fill:#5ad5a5;filter:drop-shadow(0 0 5px #5ad5a5)}.scene-hud .hud-live-text{fill:#7edebb;font:600 8px IBM Plex Sans,sans-serif}.camera-beams path{fill:#58d9d0;fill-opacity:.045;stroke:#58d9d0;stroke-opacity:.16;stroke-width:1px;stroke-dasharray:5 6}.moving-vehicle{animation:8s ease-in-out infinite vehicleMove}.map-compass{color:#a5c2c3;background:#06131cb3;border:1px solid #31545f;border-radius:50%;place-items:center;width:39px;height:39px;font:600 9px IBM Plex Sans;display:grid;position:absolute;bottom:18px;right:18px}.map-compass i{background:var(--red);width:1px;height:13px;position:absolute;top:5px}.map-compass i:before{content:"";background:var(--red);clip-path:polygon(50% 0,100% 100%,0 100%);width:6px;height:5px;position:absolute;top:-1px;left:-3px}.map-scale{color:#76939c;align-items:flex-end;gap:7px;font:500 8px IBM Plex Sans;display:flex;position:absolute;bottom:18px;left:18px}.map-scale i{border-bottom:1px solid #86a8aa;border-left:1px solid #86a8aa;border-right:1px solid #86a8aa;width:58px;height:6px}.page-overview .scene-hotspot{z-index:3}.page-overview .hotspot-core{background:#071923;width:29px;height:29px;box-shadow:0 0 0 4px #05121ac7}.page-overview .hotspot-label{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#06131beb;min-width:95px;padding:6px 8px}.page-overview .hotspot-label strong{font-size:9px}.page-overview .hotspot-label small{font-size:7px}.page-overview .scene-hotspot:not(.selected) .hotspot-label{opacity:.78;transition:opacity .18s,transform .18s;transform:translate(-2px)}.page-overview .scene-hotspot:hover .hotspot-label,.page-overview .scene-hotspot.selected .hotspot-label{opacity:1;transform:none}.page-overview .scene-hotspot.red .hotspot-core{background:#291d25}.page-overview .scene-hotspot.amber .hotspot-core{background:#29251d}.page-overview .scene-hotspot.green .hotspot-core{background:#142822}.page-overview .risk-focus{flex-direction:column;display:flex}.page-overview .focus-description{min-height:72px}.page-overview .focus-evidence{flex:1}.page-overview .focus-action{margin-top:18px}.heat-layer .plant-scene svg{filter:saturate(1.2)contrast(1.02)}.replay-mode .process-flow path{animation-duration:2.8s}.replay-mode .moving-vehicle{animation-duration:3.4s}.scene-hotspot.red .hotspot-ring{animation-duration:1.25s}.scene-hotspot.selected{z-index:5}@keyframes processDash{to{stroke-dashoffset:-80px}}@keyframes heatBreathe{0%,to{opacity:.66}50%{opacity:1}}@keyframes vehicleMove{0%,to{transform:translate(0)}50%{transform:translate(52px,-15px)}}@media (width<=1180px){.base-rail{grid-template-columns:repeat(2,1fr)}.page-overview .overview-grid{grid-template-columns:1fr}.page-overview .twin-canvas{height:540px}.page-overview .risk-focus{display:grid}.page-overview .focus-description{min-height:0}.page-overview .focus-evidence{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.page-overview .focus-evidence div{display:block}.page-overview .focus-evidence strong{text-align:left;max-width:none;margin-top:5px;display:block}}@media (width<=760px){.base-rail{scrollbar-width:none;margin-right:-15px;padding-right:15px;display:flex;overflow-x:auto}.base-rail::-webkit-scrollbar{display:none}.base-rail button{min-width:205px}.page-overview .twin-canvas{height:460px}.page-overview .risk-focus{display:block}.page-overview .view-switch button{padding:6px}.page-overview .view-switch button svg{display:none}.page-overview .scene-hotspot{transform:translate(-50%,-50%)scale(.72)}.page-overview .hotspot-label{display:none}.page-overview .scene-hotspot.selected .hotspot-label{min-width:118px;display:block;position:absolute;left:34px}.page-overview .focus-evidence{display:block}.map-compass{bottom:12px;right:12px}.map-scale{bottom:12px;left:12px}}@media (prefers-reduced-motion:reduce){.process-flow path,.heat-overlay,.moving-vehicle,.hotspot-ring,.incident-alert circle{animation:none!important}.base-rail button,.scene-hotspot .hotspot-label{transition:none!important}}.pdf-link{color:#9de0d5;background:#123640;border:1px solid #3d6974;border-radius:5px;align-items:center;padding:8px 11px;font-size:10px;text-decoration:none;display:inline-flex}.pdf-link:hover{color:#e4fffa;border-color:#6ed8ca}.base-rail button.pending{opacity:.58;cursor:not-allowed;filter:saturate(.55)}.base-rail button.pending em{color:#78929c;background:#17313b}.plant-three{isolation:isolate;background:#0b2436;position:absolute;inset:0;overflow:hidden}.three-viewport{position:absolute;inset:0}.three-viewport canvas{touch-action:none;display:block}.plant-reference{object-fit:contain;background:#0b2436;width:100%;height:100%;position:absolute;inset:0}.three-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.three-pin{pointer-events:auto;color:#dbeef4;white-space:nowrap;background:#0a1d2ce8;border:1px solid #537080;border-radius:4px;align-items:center;gap:7px;padding:7px 10px;transition:border-color .2s,background .2s;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 4px 18px #0005}.three-pin strong{font-size:10px;font-weight:600}.three-pin small{color:#aac3cd;font-size:9px;display:none}.three-pin.active{z-index:2;background:#183341;border-color:#ffb889}.three-pin.active small{display:block}.pin-dot{background:#79d8c6;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.three-pin.red .pin-dot{color:#ff7265;background:#ff7265}.three-pin.amber .pin-dot{color:#ffc15e;background:#ffc15e}.three-caption{color:#e0f0f5;pointer-events:none;background:#0a1d2bdc;border:1px solid #3b5769;border-radius:5px;align-items:center;gap:8px;padding:10px 13px;font-size:11px;display:flex;position:absolute;top:18px;left:18px}.three-caption i{background:#7ee6bb;border-radius:50%;width:6px;height:6px}.three-caption span{color:#8ca9ba;font-size:9px}.three-toolbar{white-space:nowrap;background:#0b1f2fe8;border:1px solid #4a6572;border-radius:7px;gap:3px;padding:5px;display:flex;position:absolute;bottom:47px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0004}.three-toolbar button{color:#c2d5df;background:0 0;border:0;border-radius:4px;min-height:32px;padding:8px 10px;font-size:10px}.three-toolbar button:hover,.three-toolbar button.active{color:#fff;background:#284e60}.three-help{color:#a6bdcb;pointer-events:none;text-shadow:0 1px 3px #000;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:14px;left:18px;right:18px}.three-help span{color:#809cad}.three-error{color:#fff;background:#183341;gap:20px;padding:30px;display:grid;position:absolute;inset:30% 20%}.page-overview .twin-canvas{height:650px}.page-overview .overview-grid{grid-template-columns:minmax(0,1fr) 280px}.page-overview .twin-panel>.panel-top{padding:14px 18px}.reference-view .three-viewport{visibility:hidden}@media (width<=1180px){.page-overview .overview-grid{grid-template-columns:1fr}.page-overview .twin-canvas{height:620px}}@media (width<=760px){.page-overview .twin-canvas{height:510px}.three-caption{font-size:10px;top:10px;left:10px}.three-caption span{display:none}.three-pin{gap:4px;padding:5px}.three-pin strong{font-size:8px}.three-pin.active small{display:none}.three-toolbar{max-width:95%;bottom:40px;overflow:auto}.three-toolbar button{padding:7px;font-size:9px}.three-help{font-size:8px;left:10px;right:10px}.three-help span{display:none}}.process-story{z-index:5;scrollbar-width:thin;background:#0b1e2ded;border:1px solid #426373;border-radius:8px;width:330px;max-width:calc(100% - 28px);max-height:calc(100% - 160px);position:absolute;top:62px;left:14px;overflow:auto;box-shadow:0 12px 35px #0004}.process-story-top{color:#a3c4d2;border-bottom:1px solid #284452;justify-content:space-between;align-items:center;padding:11px 13px;font-size:10px;display:flex}.process-story-top button{color:#bcced6;background:0 0;border:0;font-size:20px}.process-steps{scrollbar-width:thin;gap:5px;padding:10px;display:flex;overflow:auto}.process-steps button{color:#91aebd;background:#142c3b;border:1px solid #305060;border-radius:4px;flex-shrink:0;align-items:center;gap:7px;padding:8px;font-size:10px;display:flex}.process-steps em{color:#7395a7;font-style:normal}.process-steps button.selected{color:#d3f4ec;background:#21494f;border-color:#73cfc5}.process-steps button.done{color:#76b9ac}.process-detail{padding:0 13px 13px}.process-detail>div:first-child{flex-direction:column;gap:5px;margin:6px 0 11px;display:flex}.process-detail strong{color:#f0f7fa;font-size:13px}.process-detail span{color:#8cbbc7;font-size:10px}.process-detail p{color:#aec4cf;margin:9px 0;font-size:11px;line-height:1.75}.process-detail small{color:#7599ad;font-size:9px}.process-detail .process-safety{color:#e2c18f;border-top:1px solid #2c4656;padding-top:9px}.process-actions{flex-wrap:wrap;gap:6px;display:flex}.process-actions button,.process-alarm button{color:#d1efea;background:#204c54;border:1px solid #426f79;border-radius:4px;padding:8px;font-size:10px}.process-actions button:disabled{opacity:.4;cursor:not-allowed}.process-actions .danger{color:#f2b0a4;background:#4c3034;border-color:#89514c}.process-alarm{background:#462d34;border:1px solid #8f5657;border-radius:5px;margin-top:12px;padding:11px}.process-alarm strong{color:#ffc2b4;font-size:11px}.process-alarm p{font-size:10px}.process-cleared{color:#a7e0d0;background:#1b4440;margin-top:10px;padding:9px;font-size:10px}.three-toolbar{max-width:95%;overflow-x:auto}.three-help{background:#0a203180;border-radius:3px;padding:4px 6px}@media (width<=760px){.process-story{width:270px;max-height:calc(100% - 132px);top:50px}.process-detail p{font-size:10px}.three-toolbar button{min-width:max-content}}.process-story,.process-steps{scrollbar-color:#496675 #132e3d}.process-story::-webkit-scrollbar{width:5px;height:5px}.process-steps::-webkit-scrollbar{width:5px;height:5px}.process-story::-webkit-scrollbar-thumb{background:#496675;border-radius:5px}.process-steps::-webkit-scrollbar-thumb{background:#496675;border-radius:5px}.three-labels{z-index:2;pointer-events:none}.three-pin{cursor:pointer;pointer-events:auto}.three-toolbar,.process-story{z-index:3}