:root{font-family:IBM Plex Sans,Noto Sans CJK SC,Microsoft YaHei,sans-serif;color:#223644;background:#eef1f0;font-synthesis:none;font-size:14px;--ink:#172d38;--muted:#73858c;--line:#dce3e3;--accent:#096e63}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;background:#fff;border:1px solid #cbd7d8;color:var(--ink);border-radius:4px;padding:9px 14px;transition:background .15s}button:hover{background:#e5edeb}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.primary:hover{background:#085a52}.danger{background:#c3453f;border-color:#c3453f;color:#fff}.danger-outline{color:#b03933}a{color:inherit;text-decoration:none}label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#526772}input,select{padding:10px;border:1px solid #cbd7d8;border-radius:3px;background:#fff;color:#17323e;min-width:0}input[type=checkbox]{accent-color:#117367;margin:0;width:15px;height:15px}label:has(input[type=checkbox]){flex-direction:row;align-items:center}h1,h2,p{margin:0}h2{font-size:18px;font-weight:600}small{display:block;font-size:11px;color:var(--muted);line-height:1.8}pre{font:12px/1.7 IBM Plex Mono,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:380px;overflow:auto;background:#f1f5f4;padding:14px;border-radius:3px}.app-shell{display:grid;grid-template-columns:216px minmax(0,1fr);min-height:100vh}.sidebar{background:#172d38;color:#e5edef;padding:30px 19px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:9px;align-items:center}.brand-icon{font-size:42px;color:#65c8b5;line-height:1}.brand strong{font:600 17px IBM Plex Mono,monospace;letter-spacing:1px}.brand small{font-size:10px;letter-spacing:.5px;color:#9bb0ba}.nav-label{font:10px monospace;letter-spacing:2px;color:#75909c;margin:55px 12px 18px}nav{display:flex;flex-direction:column;gap:6px}nav a{padding:14px 12px;border-radius:3px;font-size:13px;color:#aebfc6}nav a.active{background:#29444d;color:#fff;box-shadow:inset 3px 0 #6bc4af}.nav-number{font:10px monospace;margin-right:18px;opacity:.5}.sidebar-bottom{margin-top:auto;font-size:11px;padding:20px 12px 0;border-top:1px solid #324650}.sidebar-bottom small{margin-top:8px;color:#819aa6}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8a999f;margin-right:8px}.status-dot.online{background:#39a7eb}.sidebar .status-dot.online{background:#69c6ac}main{padding:28px 34px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.topbar h1{font-size:25px;font-weight:600;margin-top:6px}.topbar small{font:10px monospace;letter-spacing:2px}.user-menu{display:flex;align-items:center;gap:18px;font-size:12px}.user-menu button{font-size:11px;padding:6px 12px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px;color:#607780;font-size:12px}.page-heading strong{font:24px monospace;color:#176c61;margin:0 5px}.toggles{display:flex;gap:20px}.monitor-grid{display:grid;grid-template-columns:160px minmax(200px,1fr) 245px;min-height:560px;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#fff}.vehicle-list{padding:12px 8px;background:#f8faf9}.vehicle-list button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:15px 8px;border-bottom:1px solid #e7eeeb}.vehicle-list button.selected{background:#e4eeeb}.vehicle-list strong{font:13px monospace}.vehicle-list small{margin:5px 0 0 15px;font-size:10px}.scene{position:relative;background:#101f29;min-height:480px}.scene canvas{width:100%;height:100%;position:absolute;touch-action:none}.scene-reset{position:absolute;left:16px;top:16px;background:#1c333fcc;color:#adc2cb;border-color:#36515e;font-size:11px}summary{cursor:pointer}.panel{background:#fff;border:1px solid var(--line);border-radius:5px;padding:25px;margin-bottom:20px}.panel h2{margin-bottom:20px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.form-panel{display:flex;flex-direction:column;gap:15px}.form-panel h2{margin-bottom:5px}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{padding:12px 10px;color:#819098;background:#f4f7f6;font-weight:400}td{padding:16px 10px;border-bottom:1px solid #edf1ef}td button{font-size:11px;padding:5px 10px}.command-form{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.command-form label{min-width:150px;flex:1}.command-form label:has(input[type=checkbox]){min-width:100px;flex:0 1 auto;padding-bottom:12px}.command-form button{height:40px}.helper{font-size:11px;color:#81918d;line-height:1.9;margin-top:20px}.tab-buttons{display:flex;gap:10px;margin-bottom:25px}.tab-buttons button.active{color:#116e62;background:#e7f1ed;border-color:#afcfc4}.badge{background:#edf3ef;padding:5px 7px;border-radius:3px;font:10px monospace}.group-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:22px 0;border-top:1px solid var(--line)}.group-row strong{min-width:110px;font:14px monospace}.stat-row{display:flex;gap:15px;flex-wrap:wrap;margin:20px 0;color:#789087;font-size:11px}.stat-row strong{color:#235e50;font-size:18px}.notice,.alert{display:flex;justify-content:space-between;gap:15px;padding:12px 16px;background:#f5e8cb;color:#805c21;border:1px solid #e4d4aa;margin-bottom:18px;font-size:12px}.notice button{border:0;background:none;padding:0;color:inherit}.alert{background:#f7ded8;color:#984c42}.empty{padding:80px 0;text-align:center}.empty p{color:#83948e;margin-top:20px}.empty-note{font-size:12px;color:#8a9b9d;padding:20px 10px;line-height:1.8}.timeline{display:flex;gap:16px;padding:20px;background:#fff;align-items:center}.timeline input{flex:1;padding:0;accent-color:#197967}.replay-details{display:flex;gap:15px;flex-wrap:wrap;margin-top:15px}.replay-details details{background:#fff;padding:15px;flex:1;min-width:200px}.account-row{padding:20px 0;border-bottom:1px solid var(--line)}.account-row>strong{margin-right:20px}.account-row button{margin:8px 8px 0 0}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#e9efeb;gap:100px;padding:50px}.login-art{position:relative;width:480px;min-height:420px;padding-top:30px}.eyebrow{font:11px monospace;letter-spacing:3px;color:#548577}.login-art h1{font-size:43px;font-weight:500;line-height:1.45;margin:30px 0 20px}.login-art p{font-size:13px;color:#708e84}.survey-mark{font-size:130px;font-weight:200;color:#bed0c5;position:absolute;bottom:0;right:30px}.survey-mark span{font:10px monospace;position:absolute;bottom:25px;left:100px;white-space:nowrap}.login-card{width:360px;background:#fff;border:1px solid #d4dfd7;padding:40px;display:flex;flex-direction:column;gap:22px;box-shadow:0 18px 50px #294c3610}.login-card h2{font-size:25px;margin-bottom:10px}.error{font-size:12px;color:#b6483b}@media(max-width:1100px){main{padding:20px}.monitor-grid{grid-template-columns:135px 1fr}.content-grid{grid-template-columns:1fr}.sidebar{padding:20px 10px}.app-shell{grid-template-columns:185px 1fr}.login-shell{gap:30px}.login-art{width:360px}.login-art h1{font-size:35px}}@media(max-width:700px){.app-shell{display:block}.sidebar{height:auto;position:static}.brand,.nav-label,.sidebar-bottom{display:none}nav{flex-direction:row;overflow:auto}nav a{white-space:nowrap;padding:8px}.nav-number{display:none}.monitor-grid{grid-template-columns:1fr}.vehicle-list{display:flex;overflow:auto}.vehicle-list button{min-width:120px}.login-art{display:none}.login-shell{padding:20px}.permission-grid{grid-template-columns:1fr}.scene{min-height:400px}}.app-shell{display:block;min-height:100vh}.sidebar{height:52px;width:100%;padding:0 18px;display:flex;flex-direction:row;align-items:center;gap:25px;position:relative;z-index:30;background:#203b40;border-bottom:1px solid #365157}.brand{flex-shrink:0;gap:8px}.brand-icon{font-size:30px}.brand strong{font:600 15px Noto Sans CJK SC,Microsoft YaHei,sans-serif;letter-spacing:0}.brand small,.nav-label{display:none}.sidebar nav{display:flex;flex-direction:row;gap:2px;height:100%;align-items:stretch;flex:1}.sidebar nav a{padding:17px 13px;border-radius:0;font-size:12px;white-space:nowrap}.sidebar nav a.active{box-shadow:inset 0 -3px #67c2a3;background:#29484b}.nav-number{display:none}.sidebar-bottom{display:flex;gap:5px;align-items:center;border:0;margin:0;padding:0;font-size:10px;white-space:nowrap}.sidebar-bottom small{margin:0 10px;color:#a9bfb9;font-size:10px}.header-logout{font-size:10px;padding:5px 8px;background:transparent;color:#bdd0c8;border-color:#48645f}main{padding:16px 22px;min-height:calc(100vh - 52px)}.topbar{height:40px;margin-bottom:14px}.topbar small{display:none}.topbar h1{font-size:17px;margin:0;font-weight:600}.topbar .user-menu{display:none}.panel{padding:18px;border-radius:3px;margin-bottom:14px}.panel h2{font-size:14px;margin-bottom:14px}.content-grid{display:block}.table-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.table-toolbar h2{margin:0}.table-toolbar button{padding:7px 13px;font-size:12px}table{font-size:12px}th{padding:10px}td{padding:12px 10px}.form-panel{position:fixed;right:0;top:52px;bottom:0;width:350px;margin:0;border-radius:0;box-shadow:-10px 0 40px #18383122;z-index:50;overflow:auto;padding:26px}.drawer-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:auto}.monitor-page{height:calc(100vh - 52px);min-height:590px;padding:0;position:relative;overflow:hidden}.monitor-page .topbar{display:none}.monitor-page>.page-heading{position:absolute;z-index:5;right:18px;top:15px;display:flex;gap:30px;background:#1d343de8;padding:9px 14px;margin:0;border:1px solid #42565d;color:#adbfbd}.monitor-page>.page-heading p{font-size:11px}.monitor-page>.page-heading strong{font-size:17px;color:#75c7ad}.monitor-page .toggles label{font-size:11px;color:#bdcfc7}.monitor-grid{position:absolute;inset:0;display:block;border:0;border-radius:0;min-height:0}.monitor-grid>.scene{position:absolute;inset:0;min-height:0}.monitor-grid .scene-reset{left:auto;right:18px;top:76px}.vehicle-list{position:absolute;left:12px;top:14px;bottom:14px;width:146px;background:#20343eef;padding:9px;z-index:10;border:1px solid #41515c;border-radius:2px;overflow:auto}.fleet-caption{font-size:12px;color:#d0ded9;padding:3px 3px 10px}.fleet-caption small{font-size:10px;color:#78948e}.vehicle-list button{padding:12px 8px;border:1px solid #40505a;margin-bottom:7px;border-radius:2px;background:#2a4149;color:#d6e4e0}.vehicle-list button.selected{background:#365a59;border-color:#65a899}.vehicle-list button small{font-size:9px;margin:4px 0 0;color:#9db6ad;white-space:normal}.vehicle-list .empty-note{color:#9db6ad}.monitor-page .notice,.monitor-page .alert{position:absolute;z-index:25;top:60px;right:18px;max-width:500px;font-size:11px}.command-form{gap:12px}.command-form label{font-size:11px;min-width:140px}.command-form input,.command-form select{padding:8px}.helper{margin-top:12px}.group-row{padding:15px 0}.timeline{padding:12px}.permission-grid{gap:9px}.login-shell{background:#e9efeb}@media(max-width:1200px){.sidebar{gap:12px;padding:0 10px}.sidebar nav a{padding:18px 8px;font-size:11px}.sidebar-bottom small{display:none}.brand strong{font-size:13px}.monitor-page>.page-heading{gap:12px}}@media(max-width:900px){.sidebar .brand{display:none}.sidebar{overflow:auto}.sidebar-bottom{display:none}.sidebar nav{min-width:600px}.vehicle-list{width:124px}.monitor-page>.page-heading p{display:none}.monitor-page .toggles{gap:8px}.monitor-page>.page-heading{right:8px;top:10px;padding:7px}.monitor-grid .scene-reset{right:8px;top:55px}}@media(max-width:650px){.vehicle-list{width:110px;left:8px}.monitor-page .toggles{display:none}.form-panel{width:100%}.monitor-page{min-height:650px}.vehicle-list{display:block}.vehicle-list button{min-width:0}.monitor-grid{display:block}}.table-filters{display:flex;gap:14px;align-items:flex-end;background:#f1f5f2;padding:12px;margin-bottom:14px}.table-filters label{min-width:160px;font-size:11px}.table-filters input,.table-filters select{padding:7px}.table-filters button{padding:7px 14px;font-size:12px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:11px;color:#74867b;padding:6px 0 16px}.pagination span{margin-right:12px}.pagination button{padding:6px 10px;font-size:11px}.command-drawer{position:fixed;top:52px;right:0;bottom:0;width:390px;overflow:auto;background:#fff;padding:25px;display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;z-index:50;box-shadow:-10px 0 40px #17332326;border-left:1px solid #d6e0d8}.command-drawer label{flex:none;min-width:0}.command-drawer button{flex:none}.command-drawer label:has(input[type=checkbox]){flex:none;padding:0}.tab-buttons{margin-bottom:0}.tab-buttons button{font-size:12px;padding:8px 15px}@media(max-width:650px){.command-drawer{width:100%}.table-filters{flex-wrap:wrap}.table-filters label{min-width:120px;flex:1}}.scene-tools{position:absolute;right:18px;top:76px;display:flex;flex-direction:column;gap:5px}.scene-tools button{background:#203b46e8;border-color:#425b64;color:#c0d3c9;font-size:12px;padding:7px 10px}.scene-tools button:first-child,.scene-tools button:nth-child(2){font-size:18px;padding:3px 10px}.replay-toolbar{position:absolute;top:14px;right:18px;z-index:15;display:flex;align-items:center;gap:14px;padding:8px 12px;background:#233f47eb;border:1px solid #405b62;color:#bbd0c5;font-size:11px}.replay-toolbar button{background:#326351;border-color:#4b8a6e;color:#dcefe1;font-size:11px;padding:6px 10px}.replay-toolbar label{color:#bbd0c5;font-size:10px}.replay-drawer{z-index:55}.replay-page .monitor-grid{bottom:55px}.replay-timeline{position:absolute;bottom:0;left:0;right:0;height:55px;background:#223940;color:#b8d2c5;z-index:15}.replay-timeline button,.replay-timeline select{background:#34534f;color:#deede2;border-color:#537668;font-size:11px;padding:7px 12px}.replay-timeline>span{flex:1;font-size:11px}.replay-page .scene-tools{top:75px}.sidebar{gap:16px}.sidebar nav a{padding-left:10px;padding-right:10px}.sidebar-bottom{gap:4px}.sidebar-bottom small{margin:0 5px}@media(max-width:1350px){.sidebar-bottom small{display:none}.sidebar{gap:12px}.sidebar nav a{padding-left:8px;padding-right:8px}.brand strong{font-size:13px}}.vehicle-list{scrollbar-width:thin;scrollbar-color:#54736f #243b45}.dictionary-preview{max-height:320px;overflow:auto;margin:12px 0}.scene canvas{outline:none}.sidebar-bottom .header-logout:last-child{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.local-date-time{border:1px solid var(--line);padding:12px;display:grid;gap:10px;margin:0;min-width:0}.local-date-time legend{font-size:12px;padding:0 4px}.local-date-time input{width:100%}.replay-timeline time{font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}.vehicle-list strong{overflow-wrap:anywhere}.status-notices{display:flex;flex-direction:column;gap:8px}.status-notices:empty{display:none}.monitor-page>.status-notices{position:absolute;right:18px;top:64px;width:min(490px,calc(100% - 490px));z-index:25}.monitor-page .status-notices .notice,.monitor-page .status-notices .alert{position:static;max-width:none;margin:0;line-height:1.6}.status-notices details{font-size:11px;margin-top:5px}.status-notices p{margin-top:4px}.control-block-reason{font-size:11px;line-height:1.6;color:#9b5938}@media(max-width:900px){.monitor-page>.status-notices{width:calc(100% - 190px)}}.fleet-heading{display:flex;align-items:center;justify-content:space-between;gap:4px}.fleet-heading>span{white-space:nowrap}.fleet-icon-actions{display:flex;align-items:center;gap:4px}.vehicle-list .fleet-icon-button{display:flex;align-items:center;justify-content:center;flex:none;width:22px;min-width:22px;height:22px;margin:0;padding:0;border:1px solid #48635e;background:transparent;color:#b5cec3;border-radius:3px}.fleet-icon-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.vehicle-list .fleet-icon-button:hover{background:#314e50;color:#e0eee7}.vehicle-list .fleet-icon-button[aria-pressed=true]{background:#365f56;color:#b7efd6;border-color:#75bea1}.vehicle-list .fleet-icon-button:focus-visible{outline:2px solid #87d7bc;outline-offset:2px}.vehicle-detail.resizable-detail{position:absolute;z-index:10;background:#243b45f2;color:#d4e4df;border:1px solid #455a63;border-radius:2px;max-height:none;display:flex;flex-direction:column;overflow:visible;padding:10px 12px;container-type:inline-size;box-sizing:border-box}.resizable-detail .detail-title{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:4px 8px;flex:none;min-width:0}.detail-identity{display:flex;align-items:center;gap:10px;min-width:0;grid-column:1;grid-row:1}.detail-identity>strong{font-size:12px;min-width:0;overflow-wrap:anywhere}.detail-header-state{display:flex;flex-direction:row;gap:10px;flex:none;font-size:10px;line-height:1.4;color:#bed2c8}.detail-header-state .is-online{color:#43a7ed}.detail-header-state .is-stale{color:#9baeb0}.detail-header-times{grid-column:1;grid-row:2;justify-self:start;margin-left:0;display:flex;flex-direction:column;font:9px/1.4 IBM Plex Mono,monospace;color:#adcbc0;min-width:0}.detail-header-times time{white-space:normal;overflow-wrap:anywhere}.resizable-detail .detail-header-actions{grid-column:2;grid-row:1 / span 2;align-self:start;gap:5px;flex:none}.resizable-detail .detail-tabs{display:flex;flex:none;gap:3px;margin:7px 0;max-width:600px}.resizable-detail .detail-tabs button{font-size:10px;padding:5px 2px}.resizable-detail .detail-content{min-height:0;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#54736f #243b45}.resizable-detail .detail-fields{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;font-size:10px;line-height:1.35}.resizable-detail .detail-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(35px,.85fr);gap:4px;align-items:start;border-bottom:1px solid #3c535c;padding:4px 0;min-width:0}.resizable-detail .detail-fields dt,.resizable-detail .detail-fields dd{margin:0;padding:0;border:0;min-width:0;overflow-wrap:anywhere}.resizable-detail .detail-fields dd{font-size:11px;line-height:1.3}.resizable-detail .field-wide{grid-column:1/-1;grid-template-columns:110px minmax(0,1fr)}.resizable-detail .quick-actions{flex:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:7px 0 0;max-width:none}.resizable-detail .quick-actions button{flex:1;padding:6px 3px;font-size:10px;min-width:0}.resizable-detail .control-block-reason{flex:none;margin:4px 0 0;font-size:10px}.resizable-detail.detail-bottom .detail-fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 12px}.resizable-detail.detail-bottom .detail-field{padding:3px 0}.resizable-detail.detail-bottom .field-wide{grid-column:span 2;grid-template-columns:105px minmax(0,1fr)}.resizable-detail.detail-bottom .quick-actions{max-width:none;grid-template-columns:repeat(7,minmax(0,1fr))}.resizable-detail .raw-vehicle{max-height:none;margin:0}.resizable-detail.resizing{-webkit-user-select:none;user-select:none}.detail-resize-handle{position:absolute;z-index:4;touch-action:none}.detail-resize-handle.resize-width{right:-3px;top:0;bottom:0;width:8px;cursor:ew-resize}.detail-resize-handle.resize-height{left:0;right:0;top:-3px;height:8px;cursor:ns-resize}.detail-resize-handle:after{content:"";position:absolute;background:#77998d;border-radius:2px}.resize-width:after{width:2px;height:32px;left:3px;top:calc(50% - 16px)}.resize-height:after{height:2px;width:40px;top:3px;left:calc(50% - 20px)}.detail-resize-handle:hover:after,.detail-resize-handle:focus-visible:after{background:#a8f0d0}.detail-resize-handle:focus-visible{outline:1px solid #a8f0d0;outline-offset:1px}@container (max-width:310px){.resizable-detail.detail-bottom .detail-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width:250px){.resizable-detail .detail-fields,.resizable-detail.detail-bottom .detail-fields{grid-template-columns:minmax(0,1fr)}.resizable-detail.detail-bottom .field-wide{grid-column:1}.resizable-detail .detail-tabs{flex-wrap:wrap}}.resizable-detail .detail-title button{background:none;border:0;color:#bad0c6;padding:2px;line-height:1}.resizable-detail .detail-layout-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #506f68;border-radius:3px}.detail-layout-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4}.resizable-detail .detail-layout-icon[aria-pressed=true]{background:#365f56;color:#b7efd6;border-color:#75bea1}.resizable-detail .detail-title button:focus-visible{outline:2px solid #87d7bc;outline-offset:2px}.resizable-detail .detail-tabs button{flex:1;background:#314b54;border-color:#466168;color:#a7c0b9}.resizable-detail .detail-tabs button.active{background:#236c60;color:#e4f2eb;border-color:#398a76}.resizable-detail .detail-fields dt{color:#9bb6ab}.resizable-detail .detail-fields dd{color:#e0eee7;font-family:IBM Plex Mono,Noto Sans CJK SC,monospace}.resizable-detail .quick-actions button{background:#3b545b;color:#d2e4dc;border-color:#506871}.resizable-detail .quick-actions .danger{background:#a94b44;color:#fff;border-color:#bd665c}.resizable-detail .control-block-reason{color:#e2b987;text-align:left}.resizable-detail .raw-vehicle{background:#1c3038;color:#b9d0c4;font-size:10px;padding:8px}.resizable-detail .detail-module{margin-top:8px}.resizable-detail .detail-module h4,.resizable-detail h3{font-size:11px;font-weight:500;color:#acc7bd;margin:10px 0 5px}.resizable-detail p{font-size:11px}.detail-header-actions{display:flex;align-items:center;gap:5px}.resizable-detail.detail-bottom .detail-title{grid-template-columns:minmax(0,1fr) max-content auto;align-items:center}.detail-bottom .detail-header-state{flex-direction:row;align-items:center;gap:10px}.detail-bottom .detail-header-times{grid-column:2;grid-row:1;flex-direction:row;align-items:center;gap:14px}.resizable-detail.detail-bottom .detail-header-actions{grid-column:3;grid-row:1;align-self:center}.detail-bottom .detail-header-times time{white-space:nowrap}@container (max-width:700px){.resizable-detail.detail-bottom .detail-title{grid-template-columns:minmax(0,1fr) auto;align-items:start}.detail-bottom .detail-header-times{grid-column:1;grid-row:2;flex-wrap:wrap;gap:4px 10px}.resizable-detail.detail-bottom .detail-header-actions{grid-column:2;grid-row:1 / span 2;align-self:start}.detail-bottom .detail-header-times time{white-space:normal}}.vehicle-list.fleet-rail{display:flex;flex-direction:column;overflow:visible;padding:8px}.rail-panes{display:grid;flex:1;min-height:0;min-width:0}.rail-vehicles,.rail-faults{display:flex;flex-direction:column;min-height:0;min-width:0}.fleet-rail .fleet-caption{flex:none;padding:3px 2px 8px}.vehicle-scroll,.fault-scroll{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#54736f #243b45}.vehicle-scroll{flex:1}.vehicle-list .vehicle-card{min-width:0;overflow-wrap:anywhere}.fleet-divider{cursor:ns-resize;touch-action:none;position:relative;z-index:2}.fleet-divider:after{content:"";position:absolute;left:10px;right:10px;top:3px;height:2px;background:#5a7e72}.fleet-divider:hover:after,.fleet-divider:focus-visible:after{background:#a8f0d0}.fleet-rail.resizing{-webkit-user-select:none;user-select:none}.rail-faults h3{flex:none;font-size:11px;font-weight:500;color:#d0ded9;margin:6px 2px}.fault-scroll{flex:1}.rail-fault{border:1px solid #42585c;padding:7px 5px;margin-bottom:6px;font-size:10px;min-width:0;overflow-wrap:anywhere}.rail-fault>div{display:flex;align-items:baseline;justify-content:space-between;gap:4px}.rail-fault strong{font-size:10px;min-width:0;color:#d6e4e0}.rail-fault>div>span{flex:none;color:#d7b284}.rail-fault>div>.critical{color:#ff8e87}.rail-fault p{font-size:10px;line-height:1.5;color:#c8dbd2;margin:5px 0}.rail-fault small{font-size:9px;color:#9ab5a7;margin:0}.rail-channel{flex:none;font-size:9px;line-height:1.5;color:#a9c4b8;border-top:1px solid #415b58;margin-top:7px;padding-top:6px;overflow-wrap:anywhere}.rail-channel .status-dot{width:5px;height:5px;margin-right:5px}.fleet-rail .empty-note{font-size:10px;padding:8px 3px;line-height:1.6}.replay-data-note{position:absolute;top:65px;right:72px;z-index:15;max-width:480px;background:#243b45ee;border:1px solid #466168;color:#c8ddd2;font-size:11px;line-height:1.6;padding:7px 10px;display:flex;flex-wrap:wrap;align-items:center;gap:5px}.replay-data-note:empty{display:none}.replay-data-note button{padding:4px 7px;font-size:10px;background:#326351;color:#dcefe1;border-color:#4b8a6e}.quick-control-dialog{position:fixed;margin:auto;width:min(380px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;border:1px solid #c5d7cf;border-radius:6px;background:#f7faf8;color:#223b36;padding:20px;box-shadow:0 16px 60px #102b3866}.quick-control-dialog::backdrop{background:#102b3877}.quick-control-dialog form{display:flex;flex-direction:column;gap:18px}.quick-control-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}.quick-control-dialog h2{font-size:17px;margin:0}.quick-control-dialog header button{border:0;background:none;padding:2px 7px;font-size:20px}.quick-dialog-target{font-size:12px;overflow-wrap:anywhere}.quick-control-dialog label{font-size:12px}.quick-control-dialog footer{display:flex;justify-content:flex-end;gap:10px}.quick-control-dialog .error{font-size:12px;line-height:1.6}@container (max-width:650px){.resizable-detail.detail-bottom .quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}.command-pose-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.command-pose-fields label{min-width:0}.quick-control-dialog label:has(input[type=checkbox]){display:flex;flex-direction:row;align-items:center}.quick-control-dialog input,.quick-control-dialog select{width:100%}.quick-control-dialog input[type=checkbox]{width:auto}