html,body,#app{height:100%;overflow:hidden}body{background:#e9edf1}.map-app{position:relative;width:100%;height:100dvh;max-width:none;margin:0;padding:0;overflow:hidden}#world-host,#fallback-host,#interface{position:absolute;inset:0}#world-host{background:linear-gradient(145deg,#edf1f4,#dfe6ec)}#world-host canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}#interface{pointer-events:none;z-index:10}#interface button,#interface a,#interface select,#interface input,#interface details,#interface dialog,.world-sheet,.inspector{pointer-events:auto}.floating-header{position:absolute;top:18px;left:20px;right:20px;height:62px;background:#ffffffed;backdrop-filter:blur(18px);border:1px solid #ffffff;border-radius:13px;box-shadow:0 5px 25px #3d536516;display:flex;align-items:center;gap:22px;padding:0 17px}.map-brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.map-brand>span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#df784e;color:#fff}.map-brand>span .icon{fill:white;stroke:none;width:21px;height:21px}.map-brand b{font-family:Manrope,sans-serif;font-size:28px;letter-spacing:-1.6px;font-weight:800}.map-brand small{font-size:8px;letter-spacing:1.4px;margin-left:12px;color:#7a8593;border-left:1px solid #e3e7ed;padding-left:20px}.location-picker{display:flex;align-items:center;gap:8px;border:1px solid #e2e7ed;border-radius:7px;padding:8px 9px;margin-left:auto;background:#f6f8fa}.location-picker>.icon{width:15px;height:15px;color:#72859c}.location-picker select{border:0;background:none;font-size:11px;color:#5d6c7e;width:175px;cursor:pointer;outline:none}.header-actions{display:flex;gap:13px;align-items:center}.header-button{font-size:10px;color:#6f7b8b;padding:8px}.header-button .icon{width:14px;height:14px}.sandbox-dot{font-size:9px;color:#7b8792;display:flex;align-items:center;gap:6px;white-space:nowrap}.sandbox-dot:before{content:'';width:5px;height:5px;border-radius:50%;background:#c0a67e}.world-stats{position:absolute;left:25px;top:98px;display:flex;align-items:center;gap:9px}.world-stats>span,.world-stats>button{display:flex;gap:7px;align-items:center;background:#ffffffeb;backdrop-filter:blur(10px);padding:10px 12px;border-radius:7px;box-shadow:0 3px 12px #3c52680b;font-size:10px;color:#86909d;border:1px solid #ffffff}.world-stats b{font-size:13px;font-weight:650;color:#546176}.world-stats .icon{width:14px;height:14px;color:#8b9bb1}.stat-indicator{width:6px;height:6px;border-radius:50%;background:#78a691}.stat-indicator.amber{background:#d79e66}.world-coordinate{position:absolute;top:106px;right:28px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;color:#7f8b9d}.world-coordinate>span{font-size:9px;letter-spacing:2px}.world-coordinate small{font-size:8px;letter-spacing:.5px;color:#929cab}.map-intro{position:absolute;left:30px;bottom:205px;max-width:320px;text-shadow:0 1px 4px #edf1f4}.map-intro .eyebrow{font-size:8px;color:#7a8b9e;letter-spacing:1.5px}.map-intro h1{font-size:30px;line-height:1.3;letter-spacing:-1.15px;margin-top:13px;color:#3c4d63;font-weight:750}.map-intro p{font-size:11px;color:#758598;line-height:1.8;margin:13px 0}.tour-button{background:#ffffffee;color:#60728a;padding:10px 12px;font-size:10px;border:1px solid white;border-radius:7px;box-shadow:0 3px 12px #3851690b}.tour-button:hover{background:#fff}.tour-button .icon{width:12px;height:12px}.world-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.world-pin{position:absolute;top:0;left:0;display:flex;align-items:center;gap:9px;padding:8px 10px 8px 7px;background:#ffffffed;border:1px solid white;border-radius:8px;box-shadow:0 6px 20px #34486216;pointer-events:auto;white-space:nowrap;text-align:left;will-change:transform}.world-pin:after{content:'';width:1px;height:18px;background:#879cb280;position:absolute;top:100%;left:50%}.world-pin:hover{background:#fff;border-color:#8099bf}.world-pin .pin-dot{width:27px;height:27px;border-radius:6px;background:#edf0f8;color:#7b8fb0;font-size:16px;display:grid;place-items:center}.world-pin strong{display:block;font-size:10px;font-weight:600;color:#56667b}.world-pin small{display:block;font-size:8px;color:#8693a4;margin-top:3px}.world-pin.selected{border-color:#91a5cf}.world-pin.risk{border-color:#e2b190}.world-pin.risk .pin-dot{background:#f9eade;color:#cb8b53}.world-pin.risk small{color:#b08a6c}.world-tools{position:absolute;right:25px;bottom:166px;display:flex;flex-direction:column;align-items:center;gap:7px}.tool-stack{background:#fffffff0;border:1px solid white;box-shadow:0 4px 15px #3448620d;padding:4px;border-radius:9px;display:flex;flex-direction:column;gap:2px}.tool-stack .icon-button{width:32px;height:32px;color:#7b8c9e}.tool-stack .icon-button+.icon-button{border-top:1px solid #edf0f4;border-radius:0}.map-mode{background:#ffffffed;border:1px solid white;padding:8px;border-radius:7px;font-size:8px;color:#7f8da0;width:74px;gap:5px}.map-mode .icon{width:12px;height:12px}.camera-hint{position:absolute;right:27px;bottom:113px;font-size:8px;color:#8898aa;text-align:right;line-height:1.7}.camera-hint span{display:block;font-size:7px;letter-spacing:.4px;color:#9ba6b5}.simulation-dock{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);height:68px;display:flex;align-items:center;gap:13px;padding:10px 16px;background:#ffffffed;border:1px solid white;border-radius:12px;box-shadow:0 9px 32px #2b425527;backdrop-filter:blur(15px);max-width:calc(100% - 42px);white-space:nowrap;pointer-events:auto}.dock-title{display:flex;gap:8px;align-items:center;color:#7a8a9d}.dock-title>.icon{width:18px;height:18px;color:#d18b65}.dock-title span{font-size:7px;letter-spacing:.9px;line-height:1.65}.dock-title b{font-size:8px;font-weight:600;color:#576880}.dock-scenarios{display:flex;gap:7px}.dock-scenarios button{display:flex;gap:7px;padding:10px 11px;border:1px solid #e4e9ef;background:#f8fafc;border-radius:7px;font-size:10px;color:#748399}.dock-scenarios button:hover{background:#edf1f6;border-color:#bccbdc}.dock-scenarios .icon{width:14px;height:14px}.dock-scenarios button.active{background:#faefe7;border-color:#e3b391;color:#b67f53}.dock-divider{width:1px;height:30px;background:#e4e9f0}.dock-play{color:#8797aa;width:25px;height:30px}.dock-play .icon{width:14px;height:14px}.dock-time{width:86px}.dock-time label{font-size:8px;letter-spacing:1px;display:flex;align-items:center;gap:5px;color:#8b99ab}.dock-time label b{color:#536983;font-size:12px}.dock-time label span{margin-left:auto;font-size:9px;color:#a0adbc}.dock-time input{display:block;width:86px;height:3px;accent-color:#879bc0;margin-top:8px;cursor:pointer}.dock-tour{display:none}.world-activity{position:absolute;left:28px;bottom:109px;width:315px;background:#ffffffbd;backdrop-filter:blur(10px);border:1px solid #ffffffcc;border-radius:8px;padding:10px 12px;pointer-events:auto}.world-activity>button{padding:0;width:100%;justify-content:flex-start;gap:7px;background:none}.world-activity b{font-size:10px;font-weight:550;color:#6c7d92}.world-activity small{font-size:8px;color:#97a4b6;margin-left:auto}.world-activity .icon{width:11px;height:11px;color:#97a4b6}.activity-pulse{width:5px;height:5px;border-radius:50%;background:#91ab9a}.world-activity p{font-size:9px;color:#8795a6;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:7px}.world-activity p>span{color:#9c86b2;margin-right:3px;font-weight:550}.world-sheet{position:absolute;right:25px;top:154px;bottom:118px;width:345px;display:flex;flex-direction:column;background:#ffffffed;border:1px solid white;box-shadow:0 12px 35px #34476222;border-radius:11px;backdrop-filter:blur(18px);overflow:hidden;animation:appear .25s ease;pointer-events:auto}.sheet-heading{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7ebf1;flex:none}.sheet-heading h2{font-size:12px;font-weight:600;color:#60718a;display:flex;align-items:center;gap:9px}.sheet-heading .icon{width:16px;height:16px}.sheet-content{overflow-y:auto;flex:1;overscroll-behavior:contain}.agent-sheet .agent-footer{margin:0;flex:none;background:#ffffff80;font-size:9px}.agent-sheet .agent-analysis{padding:17px}.agent-sheet .analysis-summary h3{font-size:21px}.agent-sheet .option-list{flex-direction:column}.agent-sheet .option-heading{flex-wrap:nowrap}.agent-sheet .option-heading strong{font-size:11px}.agent-sheet .option>p{min-height:0;font-size:9px}.agent-sheet .option-stats{font-size:9px;flex-wrap:nowrap}.agent-sheet .option-stats b{font-size:10px}.agent-sheet .best-tag{margin-left:auto;font-size:7px}.agent-sheet .primary{max-width:none}.agent-sheet .analysis-loading{min-height:330px}.agent-sheet .applied-panel{padding:23px 20px}.agent-sheet .success-icon{margin-bottom:18px}.agent-sheet .comparison{margin:17px 0}.agent-sheet .applied-panel h2{font-size:22px}.world-sheet.activity-sheet{left:27px;right:auto;width:340px;top:auto;bottom:202px;max-height:480px}.activity-sheet .panel{border:none;border-radius:0;background:transparent}.activity-sheet .panel-heading{display:none}.activity-sheet .event-list{max-height:375px;min-height:0}.world-sheet.orders-sheet{width:min(720px,calc(100% - 50px));top:170px;bottom:126px}.orders-sheet .panel{border:0;border-radius:0;background:transparent;display:flex;flex-direction:column;flex:1;min-height:0}.orders-sheet .table-scroll{max-height:none;flex:1;overflow:auto}.orders-sheet .table-heading{height:50px;flex:none}.orders-sheet .table-footer{flex:none}.orders-sheet .table-tabs button{font-size:11px}.map-app .inspector{top:164px;right:27px;left:auto;bottom:auto;width:292px;padding:20px;background:#ffffffed;border:1px solid white;border-radius:11px;box-shadow:0 12px 35px #3447621c;pointer-events:auto}.inspector-heading small{color:#8799ad;font-size:9px}.inspector h3{font-size:16px;color:#536882;font-weight:650;margin-top:8px;line-height:1.4}.inspector p{font-size:11px;line-height:1.7;color:#7e8da0}.detail-grid{padding:14px 0;border-top:1px solid #e5eaf1;border-bottom:1px solid #e5eaf1;gap:17px}.detail-grid small{color:#8394a9;font-size:9px}.detail-grid strong{color:#5a708d;font-size:15px}.route-detail{color:#778da6;font-size:11px;line-height:1.6}.inspector-links{margin-top:20px}.inspector-links .secondary{font-size:10px;color:#74869f;border-color:#dce4ed;background:#f7f9fc}.disruption-toast{position:absolute;left:50%;transform:translateX(-50%);top:150px;border:1px solid #ebc4a5;background:#fff8efee;backdrop-filter:blur(12px);padding:11px 14px;border-radius:9px;box-shadow:0 6px 20px #36485910;gap:12px;max-width:calc(100% - 40px);text-align:left;pointer-events:auto}.disruption-toast>span{color:#c89463;display:grid;place-items:center}.disruption-toast strong{font-size:11px;color:#a2764f;font-weight:600;display:block}.disruption-toast small{font-size:9px;color:#ad9279;display:block;margin-top:4px}.disruption-toast>.icon{width:13px;height:13px;color:#c6a78e;margin-left:8px}.disruption-toast.recovered{background:#f1f8f3ee;border-color:#b8d1c3}.disruption-toast.recovered strong,.disruption-toast.recovered>span{color:#608a74}.disruption-toast.recovered small{color:#87a292}.map-app .demo-banner{position:absolute;top:148px;left:27px;width:350px;padding:14px;margin:0;background:#faf8ffed;border-radius:10px;box-shadow:0 8px 24px #34486212;backdrop-filter:blur(14px);pointer-events:auto;z-index:15;flex-wrap:wrap}.map-app .demo-banner .demo-icon{display:none}.map-app .demo-banner>div:nth-child(2){flex-basis:100%}.map-app .demo-banner .demo-actions{margin-left:auto}.map-app .demo-banner .demo-actions button{height:28px;font-size:9px}.map-app .demo-banner strong{font-size:13px}.map-app .demo-banner p{font-size:10px}.map-app:has(.demo-banner) .disruption-toast{top:auto;bottom:201px;left:27px;transform:none;max-width:350px}.map-app dialog{position:fixed;color:#3d4c60;pointer-events:auto}.map-app dialog h2{color:#34475f}.map-app .modal-actions{flex-direction:row}.map-app .primary{background:#d8784e;border-color:#d8784e}.map-app .primary:hover{background:#c66940;border-color:#c66940}#fallback-host{padding:150px 160px 150px}#fallback-host .scene{height:100%;border-radius:20px;background:#ffffff70;border:1px solid #fff;overflow:auto}#fallback-host .flat-network{padding:60px 35px 75px;gap:24px}#fallback-host .flat-node{padding:18px;min-height:112px;pointer-events:auto}#fallback-host .flat-node strong{font-size:13px}#fallback-host .flat-node small{font-size:10px}#fallback-host .flat-column>p{font-size:10px}#fallback-host .flat-routes button{font-size:12px;pointer-events:auto}#fallback-host .map-bottom{bottom:20px}#fallback-host .legend span,#fallback-host .map-hint{font-size:10px}.map-app:has(#fallback-host[style*="block"]) .map-intro{display:none}.map-app:has(.world-sheet),.map-app:has(.inspector){--context-open:1}
@media(min-width:1500px){.world-sheet{width:365px}.map-intro{bottom:225px}.map-intro h1{font-size:36px}.world-pin strong{font-size:11px}.world-pin small{font-size:9px}}
@media(max-width:1100px){.floating-header{gap:12px;padding:0 12px}.map-brand small{display:none}.location-picker{margin-left:10px}.header-actions{margin-left:auto;gap:7px}.world-coordinate{display:none}.world-sheet{width:320px}.world-stats>span,.world-stats>button{font-size:9px;padding:9px 10px;gap:6px}.world-stats b{font-size:12px}.map-intro{max-width:270px}.map-intro h1{font-size:26px}.world-activity{width:270px}.dock-scenarios button{padding:10px 9px;font-size:9px}.simulation-dock{gap:9px;padding:10px 12px}.dock-title span{font-size:6px}.dock-title b{font-size:7px}.dock-time{width:70px}.dock-time input{width:70px}.world-pin{padding:6px 8px;gap:6px}.world-pin strong{font-size:9px}.world-pin small{font-size:7px}.world-pin .pin-dot{width:23px;height:23px;font-size:14px}.disruption-toast{left:28px;transform:none;max-width:320px}.map-app .inspector{width:270px}.map-app .demo-banner{width:300px}#fallback-host{padding-left:40px;padding-right:40px}}
@media(max-width:760px){.floating-header{top:12px;left:12px;right:12px;height:54px;gap:9px}.map-brand b{font-size:25px}.map-brand>span{width:28px;height:28px}.location-picker{padding:7px;margin-left:auto}.location-picker select{width:132px;font-size:9px}.location-picker>.icon{width:13px;height:13px}.header-actions .sandbox-dot,.header-actions .header-button:first-of-type{display:none}.header-actions{margin:0}.header-button{font-size:9px;padding:5px}.world-stats{left:15px;top:79px;gap:6px}.world-stats>span,.world-stats>button{font-size:8px;padding:8px;gap:5px}.world-stats b{font-size:11px}.world-stats .icon{width:12px;height:12px}.world-sheet{right:15px;top:123px;bottom:125px;width:290px}.map-app .inspector{right:15px;top:125px;width:260px;padding:17px}.map-intro{left:20px;bottom:204px;max-width:220px}.map-intro h1{font-size:23px}.map-intro p{font-size:10px}.map-intro .eyebrow{font-size:6px;letter-spacing:1px}.world-activity{left:17px;bottom:120px;width:245px;padding:9px 11px}.world-tools{right:17px;bottom:163px}.camera-hint{right:17px;bottom:125px;font-size:7px;max-width:150px}.camera-hint span{font-size:6px}.simulation-dock{bottom:18px;height:78px;max-width:calc(100% - 28px);width:max-content;gap:8px;padding:10px;border-radius:11px}.dock-title{display:none}.dock-scenarios{gap:5px}.dock-scenarios button{flex-direction:column;font-size:8px;padding:8px 10px;gap:5px}.dock-scenarios .icon{width:15px;height:15px}.dock-time{width:55px}.dock-time input{width:55px}.dock-divider{height:40px}.dock-play{width:20px}.world-pin strong{font-size:8px}.world-pin small{font-size:7px}.world-pin{padding:5px 7px;gap:5px}.world-pin .pin-dot{width:20px;height:20px;font-size:12px}.world-pin:after{height:12px}.disruption-toast{top:125px;left:17px;max-width:260px;padding:10px;gap:8px}.disruption-toast strong{font-size:10px}.disruption-toast small{font-size:8px}.map-app:has(.agent-sheet) .disruption-toast{top:auto;bottom:207px;max-width:210px}.map-app:has(.agent-sheet) .world-activity{width:210px}.world-sheet.activity-sheet{left:17px;bottom:207px;width:min(320px,calc(100% - 34px))}.world-sheet.orders-sheet{right:15px;width:calc(100% - 30px);top:123px}.map-app .demo-banner{left:17px;top:123px;width:260px;padding:12px}.map-app:has(.demo-banner) .disruption-toast{display:none}.map-app:has(.agent-sheet) .demo-banner{width:210px}.map-app .demo-banner p{font-size:9px}.map-app .demo-banner strong{font-size:11px}#fallback-host{padding:125px 15px 207px}#fallback-host .flat-network{padding:55px 17px 60px;gap:12px}#fallback-host .flat-node{padding:10px;min-height:90px}#fallback-host .flat-node strong{font-size:10px}#fallback-host .flat-node small{font-size:8px}#fallback-host .flat-routes button{font-size:10px}.map-app:has(.world-sheet) .world-tools,.map-app:has(.inspector) .world-tools{display:none}}
@media(max-width:480px){.floating-header{padding:0 10px;gap:7px}.map-brand{gap:7px}.map-brand b{font-size:24px}.location-picker{max-width:155px}.location-picker select{width:115px;font-size:9px}.header-actions .header-button{font-size:0;gap:0;padding:5px}.header-actions .icon{width:15px;height:15px}.world-stats{left:14px;right:14px;gap:5px}.world-stats>span,.world-stats>button{font-size:7px;gap:4px;padding:8px 7px;flex:1;justify-content:center;white-space:nowrap}.world-stats b{font-size:10px}.world-stats .icon{width:10px;height:10px}.world-stats .stat-indicator{width:4px;height:4px}.world-sheet,.map-app .inspector{left:14px;right:14px;top:126px;bottom:177px;width:auto;max-height:calc(100dvh - 303px);overflow:auto}.map-app .inspector{bottom:auto;padding:18px}.world-activity{left:15px;right:15px;bottom:102px;width:auto;max-height:62px;padding:8px 10px}.world-activity p{font-size:8px;margin-top:4px;-webkit-line-clamp:1}.world-activity b{font-size:9px}.world-activity small{font-size:7px}.world-tools{right:16px;bottom:185px;gap:5px}.tool-stack{display:none}.map-mode{padding:8px;font-size:8px;width:68px}.camera-hint{display:none}.simulation-dock{bottom:13px;height:75px;gap:7px;width:calc(100% - 26px);max-width:none;justify-content:center}.dock-scenarios{gap:4px;flex:1}.dock-scenarios button{font-size:7px;padding:7px 5px;flex:1;white-space:normal;text-align:center;line-height:1.3;min-height:50px}.dock-scenarios button span{max-width:64px}.dock-scenarios .icon{width:14px;height:14px}.dock-play{width:18px}.dock-time{width:44px}.dock-time input{width:44px}.dock-time label{font-size:6px;gap:3px}.dock-time label b{font-size:10px}.dock-time label span{font-size:8px}.dock-divider{height:34px}.map-intro{left:19px;bottom:177px;max-width:220px}.map-intro h1{font-size:22px}.map-intro p{font-size:9px}.map-intro .eyebrow{font-size:6px}.tour-button{font-size:9px;padding:8px 10px}.map-app:has(.agent-sheet) .disruption-toast{display:none}.map-app:has(.agent-sheet) .world-activity{width:auto}.world-sheet.activity-sheet{left:14px;right:14px;top:auto;bottom:179px;width:auto;max-height:calc(100dvh - 303px)}.world-sheet.orders-sheet{left:14px;right:14px;top:125px;bottom:179px;width:auto}.map-app .demo-banner{left:14px;right:14px;top:122px;width:auto}.map-app:has(.agent-sheet) .demo-banner{display:none}.disruption-toast{left:14px;right:14px;top:122px;max-width:none}.map-app dialog{padding:22px}.map-app .modal-actions{flex-direction:column-reverse}#fallback-host{padding:122px 14px 177px}#fallback-host .scene{border-radius:13px;overflow:auto;min-height:0}#fallback-host .flat-network{padding:45px 12px 45px;gap:9px;display:grid}#fallback-host .flat-node{padding:10px 7px;min-height:90px;margin-bottom:10px}#fallback-host .flat-node strong{font-size:9px}#fallback-host .flat-node small{font-size:7px}#fallback-host .flat-column>p{font-size:8px}#fallback-host .flat-routes button{font-size:9px}#fallback-host .scene-topline{left:12px;top:15px;font-size:7px}#fallback-host .map-bottom{display:none}.map-app:has(.disruption-toast) #fallback-host{padding-top:193px}.map-app .agent-sheet .option-heading strong{font-size:10px}.map-app .agent-sheet .option-stats{font-size:8px}.map-app .agent-sheet .option-stats b{font-size:9px}.world-pin small{display:none}.world-pin strong{font-size:8px}.world-pin .pin-dot{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.world-sheet,.inspector{animation:none}.world-pin{will-change:auto}}
.map-intro{bottom:216px;max-width:345px}.map-intro h1{font-size:19px;letter-spacing:-.6px;margin-top:9px}.map-intro p{font-size:10px;margin:9px 0 13px}.map-intro .eyebrow{font-size:7px;letter-spacing:1px}.mobile-sandbox{display:none}
@media(max-width:760px){.header-actions .header-button:first-of-type{display:flex}.header-actions .header-button{font-size:0;gap:0;padding:5px}.header-actions{gap:4px}.map-intro{max-width:260px}.map-intro h1{font-size:17px}.map-intro p{font-size:9px}}
@media(max-width:480px){.location-picker select{width:93px}.location-picker{max-width:128px;padding:6px}.map-brand b{font-size:23px}.map-brand>span{width:26px;height:26px}.floating-header{gap:6px}.mobile-sandbox{display:block;position:absolute;top:114px;left:17px;font-size:6px;letter-spacing:1px;color:#798da4}.world-stats{top:78px}.map-intro{bottom:181px}.map-intro h1{font-size:15px}}
/* Operational districts stay attached to the map, with details only on selection. */
.district-nav{position:absolute;top:150px;left:25px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:auto}.district-nav .ops-button{margin:0;background:#ffffffec;border-color:#e4e9e9;box-shadow:0 3px 12px #304b5910;font-size:10px;padding:9px 12px;color:#526f76}.district-nav .ops-button:hover{background:#e5efea}.operations-clock{position:absolute;left:25px;bottom:187px;display:flex;gap:7px;align-items:center;padding:11px 13px;background:#fffffff0;border:1px solid white;border-radius:8px;pointer-events:auto;box-shadow:0 4px 18px #304b5914}.operations-clock>div{display:flex;align-items:center;gap:8px}.operations-clock span{font-size:7px;letter-spacing:1px;color:#80949a}.operations-clock b{font-size:13px;font-variant-numeric:tabular-nums;color:#506d77}.operations-clock small{font-size:8px;color:#91a0a7}.operations-clock button{font-size:10px;color:#597984;border-left:1px solid #e0e8e9;padding-left:7px;min-width:24px}.ops-sheet{width:355px;top:149px}.ops-sheet .sheet-content{padding:19px}.ops-sheet .sheet-heading>button{font-size:23px;color:#7e9299}.ops-copy{font-size:11px;line-height:1.75;color:#7c8c97;margin:10px 0 17px}.ops-hero{padding:17px 0 10px;border-top:1px solid #e0e7e9}.ops-hero>span{font-size:8px;letter-spacing:1px;color:#8b9da3}.ops-hero h3{font-size:21px;line-height:1.3;color:#426572;letter-spacing:-.4px;margin:8px 0}.ops-hero p{font-size:10px;color:#7b919a;line-height:1.7}.ops-progress{margin:11px 0}.ops-progress>span{font-size:9px;color:#718b92;display:block;margin-bottom:8px}.ops-progress>div{height:4px;background:#e3eaeb;border-radius:4px;overflow:hidden}.ops-progress i{display:block;height:100%;background:#79a697;transition:width .18s linear}.ops-facts{display:flex;gap:25px;margin:18px 0}.ops-facts span{font-size:9px;color:#82949b}.ops-facts b{font-size:15px;color:#5f7985;display:block;margin-top:6px}.ops-button{border:1px solid #d9e3e5;background:#edf3f2;color:#587c80;font-size:10px;border-radius:6px;padding:10px 12px;display:inline-flex;margin:7px 0}.ops-button:disabled{opacity:.5;cursor:default}.ops-note{font-size:9px;line-height:1.75;color:#91a0a5;margin:12px 0}.ops-list>div{padding:12px 0;border-bottom:1px solid #e6ecec}.ops-list strong{font-size:11px;color:#607985;display:block}.ops-list span{display:block;font-size:10px;color:#6b9990;margin-top:5px}.ops-list small{font-size:9px;color:#879aa2;display:block;line-height:1.7;margin-top:5px}.ops-list p{font-size:10px;color:#84959e;line-height:1.7;margin:6px 0}.ops-bom{background:#f0f4f3;border-radius:7px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.ops-bom h4{grid-column:1/-1;font-size:10px;color:#72898f;font-weight:500;margin-bottom:4px}.ops-bom>span{font-size:10px;color:#80989c;display:flex;justify-content:space-between;padding-right:15px;text-transform:capitalize}.ops-bom b{color:#557f77}.ops-bom b.empty{color:#bd8b62}.ops-label{font-size:10px;color:#7f959e;display:block;margin-bottom:9px}.ops-sheet select{width:100%;font-size:11px;border:1px solid #d9e4e7;padding:10px;color:#5e7c88;background:#f6f9f8;border-radius:6px;margin-bottom:15px}.ops-steps{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:10px 0 20px}.ops-steps li{font-size:9px;padding:7px 9px;background:#edf1f2;border-radius:5px;color:#8a9ba4}.ops-steps li.active{background:#daeae4;color:#528274}.ops-recommend{padding:13px;background:#eef3ed;border:1px solid #d9e5d9;border-radius:7px;margin:17px 0}.ops-recommend>b{font-size:11px;color:#678674}.ops-recommend p{font-size:10px;line-height:1.8;color:#839b8b;margin:9px 0}.ops-sheet summary{font-size:10px;color:#83969f;cursor:pointer;margin-top:17px}.industrial-pin .pin-dot{background:#e7efea;color:#6d9085}.map-app:has(.ops-sheet) .world-coordinate{display:none}.map-app .map-intro{bottom:252px}.ops-approval-error{color:#b87959;font-size:12px}.map-app:has(.demo-banner) .district-nav{top:305px}.map-app:has(.disruption-toast) .district-nav{top:215px}
.ops-sheet{animation:none}.ops-sheet .ops-progress i{transition:width .6s linear}
.district-options{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.district-options[hidden]{display:none}.controls-toggle{font-weight:600}.controls-collapsed .operations-clock{display:none}.controls-collapsed .world-activity p{display:none}.controls-collapsed .world-activity{width:230px}.follow-caption{position:absolute;bottom:104px;left:50%;transform:translateX(-50%);background:#ffffffed;border:1px solid #bcd3ca;border-radius:8px;padding:10px 15px;color:#5b7e78;font-size:10px;pointer-events:none}.follow-caption[hidden]{display:none}.option-impact{margin:10px 0 0!important;padding-top:8px;border-top:1px solid #e3e9e9;line-height:1.65;color:#7a919a!important;font-size:9px!important}.operations-comparison{font-size:10px}.ops-sheet .ops-button+ .ops-button{margin-left:5px}