:root {
  font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif;font-size:13px;font-weight:400;
  color-scheme:light;--page:#f7f9fd;--paper:#ffffff;--paper-soft:#fbfcff;--canvas:#edf3f9;
  --primary:#275ed7;--primary-light:#ecf3ff;--nav:#10213b;--nav-2:#182c4b;
  --ink:#152942;--ink2:#334866;--muted:#8794a8;--border:#e6ebf2;
  --shadow:0 12px 35px rgba(24,50,85,.095);--overlay:rgba(255,255,255,.965);
}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(49,112,239,.3);outline-offset:2px}.hidden{display:none!important}
svg.lucide{width:18px;height:18px;stroke-width:1.8;flex-shrink:0}
.app{height:100dvh;min-height:580px;display:flex;overflow:hidden;background:var(--page);color:var(--ink)}
.sidebar{width:229px;flex:0 0 229px;background:var(--nav);display:flex;flex-direction:column;color:#bed0e7;transition:width .2s ease,flex-basis .2s ease;z-index:8;overflow:auto;scrollbar-width:thin;scrollbar-color:#2f4667 transparent}
.brand-area{height:76px;display:flex;align-items:center;padding:0 21px;gap:11px;border-bottom:1px solid #ffffff0f;flex-shrink:0}
.brand-symbol{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#427ce8,#1a4dae);color:#fff}.brand-symbol svg{width:20px;height:20px;stroke-width:2}
.brand-text{display:flex;flex-direction:column;gap:1px;flex:1;white-space:nowrap}.brand-text strong{color:#fff;font-size:20px;font-weight:600;letter-spacing:-1.1px;line-height:1.15}.brand-text strong span{color:#84afff;font-weight:500}.brand-text small{font-size:9px;font-weight:600;letter-spacing:2.4px;color:#738baa}
.nav-collapse{display:grid;place-items:center;background:none;border:0;color:#6e88aa;padding:5px}.nav-collapse svg{width:16px;height:16px}
.workspace-picker{margin:20px 13px 9px;padding:10px 10px;display:flex;align-items:center;gap:10px;border:1px solid #ffffff18;border-radius:10px;background:#ffffff08}
.workspace-logo{background:#29466e;color:#e5edff;display:grid;place-items:center;width:31px;height:31px;border-radius:8px;font-weight:600;font-size:12px}
.workspace-caption{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.workspace-caption strong{color:#fff;font-weight:500;font-size:11.5px}.workspace-caption small{font-size:10px;color:#91a6c6}.workspace-chevrons{width:13px!important;height:13px!important;color:#8ba2c3}
#primaryNav{padding-bottom:16px}.nav-group{padding:12px 12px 0}.nav-group-label{color:#597394;font-size:9px;font-weight:600;letter-spacing:1.55px;display:block;margin:12px 11px 11px}
.nav-link{height:38px;display:flex;gap:11px;align-items:center;color:#9eafc9;background:transparent;border:0;width:100%;text-align:left;border-radius:8px;padding:0 12px;position:relative;font-size:11.5px;font-weight:450;white-space:nowrap;transition:background .15s,color .15s}.nav-link svg{width:17px;height:17px;color:#7692b5;stroke-width:1.7}.nav-link:hover{background:#ffffff0e;color:#f1f5fc}.nav-link.active{background:#2455b9;color:#fff;font-weight:500;box-shadow:inset 0 0 0 1px #ffffff0c}.nav-link.active svg{color:#fff}.active-edge{display:none}
.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff13;padding:15px 13px 13px}.sidebar-product{display:flex;align-items:center;gap:10px;padding:8px 9px 19px}.sidebar-product-icon{width:31px;height:31px;background:#ffffff0a;display:grid;place-items:center;border-radius:8px;color:#91b5ec}.sidebar-product-icon svg{width:16px}.sidebar-product strong,.sidebar-account strong{display:block;color:#e3edfa;font-size:11px;font-weight:500}.sidebar-product small,.sidebar-account small{display:block;color:#7187a6;font-size:9px;margin-top:4px}.sidebar-account{display:flex;align-items:center;gap:10px;width:100%;background:#ffffff09;border:0;border-radius:9px;padding:9px;color:#dbe5f1;text-align:left}.user-avatar,.top-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#3a5f9a;color:#fff;font-size:12px;font-weight:500}.user-caption{flex:1;min-width:0}.sidebar-account>svg{width:16px;height:16px}
.app.nav-collapsed .sidebar{width:69px;flex-basis:69px}.app.nav-collapsed .brand-area{padding:0 15px}.app.nav-collapsed .brand-text,.app.nav-collapsed .workspace-picker,.app.nav-collapsed .nav-group-label,.app.nav-collapsed .nav-link span:not(.active-edge),.app.nav-collapsed .sidebar-product,.app.nav-collapsed .user-caption,.app.nav-collapsed .sidebar-account>svg{display:none}.app.nav-collapsed .nav-link{justify-content:center;padding:0}.app.nav-collapsed .nav-group{padding:9px 8px 0}.app.nav-collapsed .nav-collapse{display:none}.app.nav-collapsed .sidebar-account{justify-content:center}
.main-shell{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.topbar{height:62px;background:var(--paper);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 28px;flex:0 0 auto}
.topbar-start,.top-path,.topbar-actions{display:flex;align-items:center;gap:14px}.top-path{font-size:11.5px;color:var(--muted);gap:9px}.top-path svg{width:13px;height:13px;color:#b5c2d0}.top-path span{color:var(--ink2);font-weight:500}.topbar-actions{gap:12px}
.header-icon,.language-select{background:transparent;border:0;display:flex;align-items:center;justify-content:center;color:var(--ink2);height:34px;border-radius:8px}.header-icon{width:34px;position:relative}.header-icon:hover,.language-select:hover{background:var(--page)}.header-icon svg,.language-select svg{width:17px;height:17px}.header-icon.has-dot:after{content:"";width:6px;height:6px;border-radius:50%;position:absolute;right:7px;top:7px;background:var(--primary);border:1.5px solid var(--paper)}.language-select{gap:6px;padding:0 8px;font-size:11px;font-weight:500}.language-select .tiny-chevron{width:12px;height:12px}
.search-command{width:231px;height:34px;background:var(--page);border:1px solid var(--border);color:var(--muted);border-radius:8px;display:flex;align-items:center;gap:9px;padding:0 9px;font-size:10.5px;text-align:left}.search-command svg{width:15px;height:15px}.search-command span{flex:1}.search-command kbd,.asset-search kbd{font-family:inherit;font-size:9px;border-radius:4px;border:1px solid var(--border);background:var(--paper);padding:3px 4px;color:#a4b3c4}.header-separator{width:1px;height:18px;background:var(--border)}
.top-avatar{width:30px;height:30px;background:var(--primary-light);color:var(--primary)}.mobile-menu{display:none}
.page{flex:1;display:flex;flex-direction:column;min-height:0;padding:0 23px 22px;gap:18px}
.page-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:22px;flex:0 0 auto}
.page-overline{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:600;letter-spacing:1.5px;color:var(--primary)}.overline-line{display:inline-block;width:16px;height:2px;border-radius:10px;background:var(--primary)}
.heading-row{display:flex;align-items:center;gap:13px;margin-top:5px}
.page-heading h1{margin:0;font-size:23px;letter-spacing:-1px;font-weight:600;line-height:1.45}
.page-heading p{font-size:11.5px;color:var(--muted);margin:3px 0 0;font-weight:400}
.concept-pill{background:var(--primary-light);color:var(--primary);font-size:8.5px;letter-spacing:.75px;border-radius:4px;padding:6px 9px;font-weight:600}
.heading-actions{display:flex;align-items:center;gap:8px}
.ghost-action,.primary-action{display:flex;align-items:center;justify-content:center;gap:8px;height:35px;border-radius:8px;padding:0 13px;font-size:10.5px;font-weight:500;white-space:nowrap}
.ghost-action{background:var(--paper);border:1px solid var(--border);color:var(--ink2)}.ghost-action:hover{background:var(--page)}
.primary-action{background:var(--primary);color:#fff;border:1px solid var(--primary)}.primary-action:hover{background:#1b4fad}.ghost-action svg,.primary-action svg{width:15px;height:15px}
.tracking-shell{flex:1;min-height:0;position:relative;border-radius:13px;background:var(--canvas);border:1px solid var(--border);overflow:hidden;box-shadow:0 3px 15px rgba(24,48,83,.035)}
.map-view{position:absolute;inset:0}.map-loading{position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;color:var(--muted);pointer-events:none}.map-loading svg{width:20px;height:20px}
.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right{display:none}
.asset-panel{position:absolute;top:13px;bottom:13px;left:13px;width:278px;background:var(--overlay);border:1px solid var(--border);border-radius:11px;box-shadow:var(--shadow);display:flex;flex-direction:column;z-index:5;overflow:hidden;backdrop-filter:blur(12px)}
.asset-head{display:flex;align-items:center;justify-content:space-between;padding:19px 16px 13px}
.section-eyebrow{font-weight:600;font-size:8.5px;letter-spacing:1.35px;color:var(--muted)}.asset-head h2{font-size:14px;letter-spacing:-.45px;margin:7px 0 0;font-weight:600}.asset-head h2 small{font-size:10px;color:var(--muted);font-weight:500;margin-left:5px}
.panel-icon{border:0;background:transparent;color:var(--muted);height:28px;width:28px;border-radius:7px;display:grid;place-items:center}.panel-icon:hover{background:var(--primary-light);color:var(--primary)}.panel-icon svg{width:16px;height:16px}
.asset-search{height:35px;margin:1px 14px 10px;border:1px solid var(--border);border-radius:8px;background:var(--page);padding:0 9px;display:flex;align-items:center;gap:8px;color:var(--muted)}.asset-search input{outline:none;min-width:0;flex:1;background:transparent;color:var(--ink);font-size:10.5px;border:0}.asset-search svg{width:15px;height:15px}.asset-filters{display:flex;gap:1px;margin:0 13px;padding-bottom:3px;border-bottom:1px solid var(--border)}.filter{height:32px;flex:1;padding:0 2px;background:transparent;border:0;color:var(--muted);border-bottom:2px solid transparent;font-size:10px}.filter.active{border-bottom-color:var(--primary);color:var(--primary);font-weight:600}.filter b{font-size:9px;margin-left:2px;color:#a5b0bf;font-weight:500}
.device-collection{flex:1;overflow:auto;scrollbar-width:thin;min-height:0}.device-group-label{font-size:9px;letter-spacing:1.1px;color:var(--muted);padding:20px 16px 8px;display:flex;justify-content:space-between;align-items:center;font-weight:600}.device-group-label svg{height:13px;width:13px}
.asset-item{width:calc(100% - 14px);margin:2px 7px;display:flex;align-items:center;text-align:left;gap:10px;background:transparent;border:1px solid transparent;border-radius:8px;padding:12px 9px;color:var(--ink)}.asset-item:hover{background:var(--page)}.asset-item.active{background:var(--primary-light);border-color:#cbdcf9}.asset-item-icon{height:33px;width:33px;display:grid;place-items:center;border-radius:9px;color:var(--primary);background:#e2ecff;flex-shrink:0}.asset-item-icon svg{height:17px;width:17px}
.asset-item-info{flex:1;min-width:0}.asset-item-info strong{font-weight:500;font-size:10.7px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-item-info small{color:var(--muted);font-size:9.5px;display:flex;align-items:center;gap:5px;margin-top:5px}.signal-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--primary);flex-shrink:0}.signal-dot.idle{background:#99b9ec}.signal-dot.offline{background:#aeb8c5}.asset-item-value{font-size:9.5px;font-weight:500;color:#7188a3;white-space:nowrap}
.asset-foot{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-top:1px solid var(--border);color:var(--muted);font-size:9.5px}.asset-foot div{display:flex;align-items:center;gap:7px}.asset-foot svg{width:14px;height:14px}.asset-foot button{background:none;border:0;color:var(--muted);display:grid;place-items:center}
.map-top-left{position:absolute;left:305px;top:17px;z-index:4;display:flex;align-items:center;gap:8px}.operational-pill{background:var(--overlay);border:1px solid var(--border);box-shadow:var(--shadow);padding:10px 12px;border-radius:8px;display:flex;gap:8px;align-items:center;color:var(--ink2);font-size:9.5px;font-weight:500}.operational-pill svg{width:14px;height:14px;color:var(--primary)}.small-divider{height:12px;width:1px;background:var(--border)}.operational-pill span:last-child{color:var(--muted)}.map-top-right{position:absolute;right:13px;top:17px;z-index:4;display:flex;gap:6px}
.map-tool,.map-square,.map-floating-square{border:1px solid var(--border);background:var(--overlay);border-radius:8px;height:35px;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 4px 14px rgba(12,34,63,.07);color:var(--ink2);font-size:10px;font-weight:500;padding:0 11px}.map-tool.active{background:var(--nav);border-color:var(--nav);color:#fff}.map-tool svg,.map-square svg{width:15px;height:15px}.map-square,.map-floating-square{padding:0;width:35px}.toolbar-divider{height:25px;width:1px;background:var(--border);align-self:center;margin:0 3px}.style-popup{position:absolute;top:58px;right:51px;background:var(--overlay);padding:12px;border-radius:10px;border:1px solid var(--border);z-index:7;width:180px;box-shadow:var(--shadow)}.style-popup>span{display:block;font-size:9px;letter-spacing:1px;color:var(--muted);padding:5px 6px 10px}.style-popup button{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;padding:9px;color:var(--ink2);font-size:10px;border-radius:6px;text-align:left}.style-popup button:hover{background:var(--primary-light);color:var(--primary)}.style-popup button svg{width:15px;height:15px}
.asset-detail{position:absolute;right:14px;top:66px;width:282px;background:var(--overlay);border:1px solid var(--border);border-radius:11px;box-shadow:var(--shadow);z-index:4;backdrop-filter:blur(14px);overflow:hidden;max-height:calc(100% - 94px);overflow-y:auto;scrollbar-width:thin}
.detail-head{display:flex;gap:10px;align-items:center;padding:18px 15px 11px}.asset-type-icon{width:36px;height:36px;background:var(--primary-light);display:grid;place-items:center;color:var(--primary);border-radius:9px}.asset-type-icon svg{width:18px;height:18px}.detail-heading{flex:1;min-width:0}.detail-heading h2{margin:5px 0 0;font-size:13px;font-weight:600;letter-spacing:-.35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.detail-meta{padding:0 15px 15px;display:flex;gap:10px;align-items:center;font-size:9px;color:var(--muted)}.asset-state{display:flex;align-items:center;gap:5px;background:var(--primary-light);color:var(--primary);padding:6px 8px;border-radius:5px;font-weight:500}.status-round{width:6px;height:6px;background:var(--primary);border-radius:50%}.signal-info{display:flex;align-items:center;gap:4px}.signal-info svg{width:13px;height:13px}
.detail-metrics{display:grid;grid-template-columns:1fr 1fr;background:var(--paper-soft);padding:15px 16px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:10px}
.detail-metrics>div{display:flex;flex-direction:column;gap:8px}.detail-metrics>div+div{padding-left:13px;border-left:1px solid var(--border)}.detail-metrics span{font-size:8px;letter-spacing:.7px;color:var(--muted);font-weight:600}.detail-metrics strong{font-size:20px;letter-spacing:-1px;font-weight:600}.detail-metrics strong small{font-size:9.5px;letter-spacing:0;color:var(--muted);font-weight:400}
.detail-content{padding:7px 16px 10px}.detail-info-row{display:flex;gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid var(--border)}.detail-info-row:last-child{border:0}.detail-info-row>svg{width:15px;height:15px;margin-top:2px;color:#84a1cc}.detail-info-row>div{display:flex;flex-direction:column;gap:6px;min-width:0}.detail-info-row span{font-size:9px;color:var(--muted)}.detail-info-row strong{font-size:10px;color:var(--ink2);font-weight:500;line-height:1.35}.detail-footer{padding:8px 13px 14px;display:flex;gap:7px}.detail-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;height:35px;border:0;background:var(--primary);color:#fff;font-size:10px;font-weight:500;border-radius:7px}.detail-primary svg,.detail-secondary svg{width:15px;height:15px}.detail-secondary{background:var(--paper);border:1px solid var(--border);width:36px;border-radius:7px;color:var(--ink2);display:grid;place-items:center}
.map-credits{position:absolute;bottom:17px;left:309px;background:var(--overlay);border:1px solid var(--border);box-shadow:0 3px 10px #1628420a;border-radius:6px;padding:8px 10px;color:var(--muted);font-size:9px;z-index:4;display:flex;align-items:center;gap:8px}.map-credits svg{width:13px;height:13px;color:var(--primary)}.map-bottom-tools{position:absolute;right:15px;bottom:15px;z-index:4;display:flex;flex-direction:column;box-shadow:var(--shadow);border:1px solid var(--border);border-radius:8px;overflow:hidden}.map-bottom-tools button{display:grid;place-items:center;width:36px;height:36px;border:0;background:var(--overlay);color:var(--ink2)}.map-bottom-tools button+button{border-top:1px solid var(--border)}.map-bottom-tools svg{width:16px;height:16px}
.history-panel{position:absolute;bottom:14px;left:308px;right:310px;z-index:6;background:var(--overlay);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;padding:14px 16px 11px}.history-top{display:flex;justify-content:space-between}.history-top h3{font-size:12px;font-weight:600;margin:5px 0 0}.history-top h3 span{font-weight:400;color:var(--muted);font-size:10px}.history-controls{display:flex;align-items:center;gap:12px;padding-top:12px}.play-button{border:0;background:var(--primary);color:#fff;width:33px;height:33px;border-radius:7px;display:grid;place-items:center}.play-button svg{width:15px;height:15px}.slider-group{flex:1}.slider-group input{width:100%;margin:0;accent-color:var(--primary)}.slider-ends{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:3px}.history-controls>strong{font-size:10px;font-weight:500;color:var(--ink2)}.history-controls select{background:var(--paper);border:1px solid var(--border);border-radius:6px;padding:6px;color:var(--ink2);font-size:10px}
.map-icon{height:30px;width:30px;display:grid;place-items:center;border:2px solid #fff;background:#295fc7;color:#fff;border-radius:9px;box-shadow:0 2px 10px #143e7b4a;cursor:pointer}.map-icon svg{width:15px;height:15px;stroke-width:2}.map-icon.selected{width:36px;height:36px;background:#1b4dac;border-radius:10px;box-shadow:0 0 0 5px rgba(53,103,232,.18),0 3px 14px rgba(15,49,98,.3)}.map-icon.idle{background:#91abd7}.map-icon.offline{background:#8493aa}.map-replay-marker{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--primary);border:3px solid #fff;color:#fff;box-shadow:0 2px 10px #18408155}.map-replay-marker svg{width:17px;height:17px}
.module-view{flex:1;overflow:auto;min-height:0}.module-intro{border:1px solid var(--border);border-radius:12px;padding:26px 27px;background:var(--paper);display:flex;justify-content:space-between;align-items:center;gap:16px}.module-intro h2{font-size:19px;font-weight:600;letter-spacing:-.6px;margin:5px 0 10px}.module-intro p{color:var(--muted);max-width:650px;font-size:11.5px;line-height:1.9;margin:0}.module-preview-mark{background:var(--primary-light);color:var(--primary);border-radius:12px;width:60px;height:60px;display:grid;place-items:center}.module-preview-mark svg{height:27px;width:27px;stroke-width:1.5}
.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:13px}.module-card{background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:20px;min-height:150px}.module-card-head{display:flex;justify-content:space-between;align-items:center}.module-card-head svg{color:#7da0db;width:19px;height:19px}.module-card-head>span{font-size:9px;letter-spacing:.7px;color:var(--muted);font-weight:500}.module-card h3{font-weight:500;font-size:14px;margin:17px 0 10px}.module-card p{font-size:10.5px;color:var(--muted);line-height:1.8;margin:0}
.module-board{display:grid;grid-template-columns:1.15fr .9fr;gap:14px;margin-top:14px}.module-table,.module-side{border:1px solid var(--border);border-radius:12px;background:var(--paper);padding:20px}.module-table h3,.module-side h3{font-size:12px;font-weight:600;margin:0 0 18px}.module-table table{width:100%;border-collapse:collapse}.module-table th{text-align:left;padding:12px 9px;color:var(--muted);font-size:9px;font-weight:500;border-bottom:1px solid var(--border)}.module-table td{padding:14px 9px;font-size:10px;color:var(--ink2);border-bottom:1px solid var(--border)}.sample-tag{background:var(--primary-light);color:var(--primary);border-radius:5px;padding:5px 7px;font-size:9px}.module-placeholder{display:grid;place-items:center;min-height:190px;text-align:center;border:1px dashed #b9cce8;border-radius:10px;color:var(--muted);padding:20px}.module-placeholder svg{color:var(--primary);margin-bottom:10px;width:28px;height:28px}.module-placeholder strong{display:block;font-weight:500;color:var(--ink2);margin-bottom:8px}.module-placeholder p{font-size:10.5px;max-width:300px;line-height:1.7}
.toast{position:absolute;right:23px;bottom:24px;z-index:18;background:var(--nav);color:#fff;display:flex;align-items:center;gap:10px;border-radius:9px;padding:12px 14px;font-size:11px;box-shadow:var(--shadow);max-width:420px}.toast svg{height:16px;width:16px}.toast button{background:none;border:0;color:#fff;margin-left:10px;display:grid;place-items:center}.modal-shade{position:fixed;inset:0;background:#06152a99;z-index:50;display:grid;place-items:center;padding:20px}.modal-card{width:min(475px,95vw);background:var(--paper);color:var(--ink);border-radius:14px;border:1px solid var(--border);box-shadow:0 30px 80px #0510224f;padding:22px}.modal-heading{display:flex;justify-content:space-between;align-items:start}.modal-heading h2{font-size:18px;font-weight:600;letter-spacing:-.5px;margin:7px 0}.modal-card>p{font-size:12px;line-height:1.9;color:var(--muted);margin:16px 0 25px}.modal-end{border-top:1px solid var(--border);padding-top:17px;display:flex;justify-content:space-between;align-items:center;gap:12px}.modal-end span{color:var(--muted);font-size:10px}
[data-theme="dark"]{color-scheme:dark;--page:#0d1727;--paper:#17243a;--paper-soft:#1b2c47;--canvas:#111e31;--ink:#e3ebf7;--ink2:#c6d6ed;--muted:#859ab7;--border:#2d3c55;--primary:#6f9cff;--primary-light:#213963;--overlay:rgba(23,36,58,.965);--nav:#091426}
[data-theme="dark"] .asset-item.active{border-color:#3a5b8b}[data-theme="dark"] .asset-item-icon{background:#233b68}[data-theme="dark"] .map-tool.active{background:#3a68cc;border-color:#3a68cc}[data-theme="dark"] .primary-action,[data-theme="dark"] .detail-primary,[data-theme="dark"] .play-button{background:#376fe0;color:#fff}[data-theme="dark"] .map-icon{background:#2455bb}
@media(max-width:1370px){.sidebar{width:207px;flex-basis:207px}.asset-detail{width:262px}.history-panel{right:289px}.search-command{width:200px}.heading-actions .ghost-action{display:none}}
@media(max-width:1120px){.sidebar{width:72px;flex-basis:72px}.brand-area{padding:0 17px}.sidebar .brand-text,.sidebar .nav-collapse,.sidebar .workspace-picker,.sidebar .nav-group-label,.sidebar .nav-link span,.sidebar .sidebar-product,.sidebar .user-caption,.sidebar .sidebar-account>svg{display:none}.sidebar .nav-link{justify-content:center;padding:0}.sidebar .nav-group{padding:9px 8px 0}.sidebar .sidebar-account{justify-content:center}.page{padding:0 14px 14px}.topbar{padding:0 17px}.history-panel{left:308px;right:285px}}
@media(max-width:860px){.asset-panel{width:267px}.asset-detail{width:245px}.map-top-left{left:294px}.map-credits{left:295px}.history-panel{left:294px;right:16px}.search-command{display:none}.heading-actions .primary-action{display:none}}
@media(max-width:710px){.page-heading{padding-top:12px}.page-heading h1{font-size:19px}.page-heading p{font-size:10.5px}.page{gap:12px}.concept-pill{font-size:8px}.asset-panel{top:10px;bottom:10px;left:10px;width:min(300px,calc(100% - 20px));box-shadow:0 18px 55px #122d4a40}.asset-panel.mobile-hidden{display:none}.asset-detail{top:auto;bottom:12px;right:10px;width:min(320px,calc(100% - 20px));max-height:55%}.map-top-left{left:10px;top:12px}.map-top-right{top:12px;right:10px}.operational-pill{display:none}.map-credits{left:10px;top:58px;bottom:auto;max-width:75%;font-size:8px}.map-bottom-tools{bottom:13px;right:10px}.history-panel{left:10px;right:10px;bottom:10px}.history-panel ~ .asset-detail{display:none}.module-grid{grid-template-columns:1fr}.module-board{grid-template-columns:1fr}.page-heading .heading-actions{display:none}.module-view{padding-bottom:30px}}
@media(max-width:520px){.sidebar{width:58px;flex-basis:58px}.sidebar .brand-area{padding:0 10px}.nav-group{padding-left:3px!important;padding-right:3px!important}.topbar{height:54px;padding:0 10px}.topbar-actions{gap:3px}.top-path{font-size:10px}.top-avatar{display:none}.page{padding:0 8px 8px}.page-heading h1{font-size:17px}.page-heading p{font-size:10px}.page-overline{font-size:8px}.asset-detail{width:calc(100% - 20px)}.detail-content{display:grid;grid-template-columns:1fr 1fr;column-gap:10px}.detail-info-row{padding:8px 0}.module-intro{padding:20px}.modal-end span{display:none}}

/* Final UI refinement: readable operational typography, with a distinctly blue dark canvas. */
[data-theme="dark"]{--muted:#a2b5d0;--ink2:#d3dff0;--paper-soft:#1c304e;--border:#334962}
.nav-link{font-size:12px}.nav-group-label{font-size:9.5px}
.asset-item-info strong{font-size:11.5px}.asset-item-info small{font-size:10px}
.asset-item-value{font-size:10px}.detail-info-row span{font-size:10px}
.detail-info-row strong{font-size:11px}.detail-metrics strong{font-size:22px}
.module-card p,.module-intro p,.module-table td,.module-placeholder p{font-size:11.5px}
[data-theme="dark"] .tracking-shell{background:#122339}
.empty-asset{padding:18px 14px;color:var(--muted);font-size:11px}
/* Final metric hierarchy and small-screen control separation. */
.detail-metrics strong>span{font-size:22px;font-weight:600;color:var(--ink);letter-spacing:-.9px}
.detail-metrics strong small{font-size:10px;font-weight:400}
@media(max-width:710px){
 .map-top-left{top:56px;left:10px}
 .map-credits{top:105px}
}

/* v0.9.6A — legible operations typography and card hierarchy. Existing brand colors unchanged. */
.module-view{font-size:14px;line-height:1.55;scrollbar-gutter:stable}
.module-view .section-eyebrow{font-size:11px;letter-spacing:.9px}
.module-view .fleet-button{font-size:13px;line-height:1.4;min-height:42px;padding:10px 15px}
.module-view input,.module-view select,.module-view textarea{font-size:14px}
.module-view button{transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}
.module-view button:focus-visible,.module-view input:focus-visible,.module-view select:focus-visible,.module-view textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.module-view .fleet-field>label,.module-view .fleet-field label{font-size:13px;line-height:1.55}
.module-view .fleet-empty p,.module-view .fleet-notice{font-size:13px;line-height:1.65}
.module-view .fleet-alert{font-size:13px;line-height:1.55}
.module-view .journey-kpi-title{font-size:13px}
@media(prefers-reduced-motion:reduce){.module-view button{transition:none}}