.fleet{--fg:#c7d9e7;--dim:#7995aa;--line:#274257;background:#0e2234;border-radius:16px;overflow:hidden;color:var(--fg);font-family:system-ui,Microsoft JhengHei,sans-serif;box-shadow:0 22px 60px #0e223425}.fleet *{box-sizing:border-box}.fleet button{font:inherit;cursor:pointer}.fleet button:disabled{opacity:.65;cursor:default}.fleet button:focus-visible,.fleet input:focus-visible,.fleet svg g[role=button]:focus-visible{outline:3px solid #74cbf6;outline-offset:2px}.fleet-header{padding:19px 23px;display:flex;align-items:center;justify-content:space-between;background:#142c41;border-bottom:1px solid var(--line);gap:12px}.fleet-header>div{display:flex;gap:10px;align-items:center}.fleet-header img{width:25px!important;height:25px!important;max-width:25px!important;object-fit:contain}.fleet-header b{font-size:16px;color:#fff}.fleet-header b span{font-size:11px;color:#9ab5c9;font-weight:400;margin-left:9px}.fleet-live{display:flex;gap:7px;align-items:center;font-size:10px;color:#88a8bd;white-space:nowrap}.fleet-live i{width:6px;height:6px;background:#54c5a3;border-radius:50%}.fleet-top{display:flex;justify-content:space-between;padding:15px 22px;border-bottom:1px solid var(--line);gap:12px;align-items:center}.fleet-deploy{display:flex;gap:6px}.fleet-deploy button{display:flex;align-items:center;gap:8px;padding:12px 16px;min-height:48px;border:1px solid #2e4b62;border-radius:6px;background:#132c41;color:#86a7be;font-size:12px}.fleet-deploy button[aria-pressed=true]{background:#1c4d6e;color:#d8f2ff;border-color:#338bb9}.fleet-link{display:flex;gap:7px;align-items:center;font-size:10px;color:#80a4bc}.fleet-layout{display:grid;grid-template-columns:190px minmax(0,1fr)}.fleet-asset{padding:25px 20px;background:#11283b;border-right:1px solid var(--line)}.fleet-asset>small{font-size:10px;color:#6e96b1}.fleet-asset-name{display:flex;gap:12px;align-items:center;margin-top:20px;color:#6fc4e6}.fleet-asset-name b{display:block;font-size:14px;color:#ecf7ff}.fleet-asset-name span{font-size:9px;color:#85a8bf;display:block;margin-top:6px}.fleet-asset dl{display:grid;grid-template-columns:60px 1fr;gap:18px 8px;font-size:11px;margin:28px 0}.fleet-asset dt{color:#7899af}.fleet-asset dd{margin:0;color:#d8e8f2;font-variant-numeric:tabular-nums}.fleet-coordinates{display:flex;gap:9px;color:#80c9e4;font-size:10px;border-top:1px solid var(--line);padding-top:18px}.fleet-coordinates small{font-size:9px;display:block;color:#7899af;margin-top:8px}.fleet-task{border-top:1px solid var(--line);margin-top:23px;padding-top:20px}.fleet-task span{font-size:10px;color:#87aabd}.fleet-task b{font-size:12px;display:block;margin-top:10px}.fleet-task p{font-size:10px;color:#819caf;line-height:1.9}.fleet-task small{display:block;font-size:9px;color:#60b8b0;background:#153c47;padding:10px;line-height:1.7}.fleet-main{padding:20px;min-width:0}.fleet-views{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px}.fleet-pane-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;font-size:12px;gap:8px}.fleet-pane-head span{font-size:9px;color:#80a3bb}.fleet-map{position:relative;background:#e6edef;overflow:hidden;border-radius:8px;aspect-ratio:768/460}.fleet-map>svg{width:100%;height:100%;display:block;cursor:grab;touch-action:none;user-select:none}.fleet-map>svg:active{cursor:grabbing}.fleet-map-controls{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;box-shadow:0 2px 6px #1233}.fleet-map-controls button{width:35px;height:36px;border:0;border-bottom:1px solid #dbe3e9;background:#fff;color:#315c7a;display:grid;place-items:center}.fleet-map-badge{position:absolute;left:10px;top:10px;background:#fffffff0;color:#386478;font-size:9px;padding:7px;border-radius:4px;pointer-events:none}.fleet-attribution{position:absolute;right:0;bottom:0;background:#fffd;font-size:8px;color:#345577;padding:3px 5px;z-index:1}.fleet-map-failed{position:absolute;bottom:30px;left:10px;font-size:10px;color:#455e6e;background:#fff;padding:8px}.fleet-location-note{display:flex;align-items:start;gap:8px;margin:13px 0;color:#73b7ce;font-size:10px;line-height:1.8}.fleet-location-note svg{flex:none;margin-top:2px}.fleet-focus{position:relative;aspect-ratio:1;overflow:hidden;border-radius:8px;background:#173148}.fleet-focus>svg{width:100%;height:100%;display:block;overflow:hidden}.fleet-video-time{position:absolute;bottom:8px;left:8px;background:#0b1e35c9;font-size:9px;padding:6px 8px;border-radius:4px;color:#cde4f6}.fleet-detect{position:absolute;border:2px solid #57dfae;box-shadow:0 0 15px #57dfae20;animation:fleet-detection .25s ease-out;pointer-events:none}.fleet-detect span{position:absolute;left:-2px;top:-23px;font-size:9px;background:#57dfae;color:#164331;padding:4px 6px;white-space:nowrap}.fleet-camera-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:7px}.fleet-camera-grid button{background:#183449;border:1px solid #365368;padding:0;position:relative;overflow:hidden;border-radius:4px;aspect-ratio:1;min-width:0}.fleet-camera-grid button[aria-pressed=true]{border:2px solid #6dc5e7;box-shadow:0 0 0 1px #6dc5e733}.fleet-camera-grid svg{width:100%;height:100%;display:block;overflow:hidden}.fleet-camera-grid span{position:absolute;bottom:0;left:0;right:0;color:#d8eafa;background:#0d263abf;font-size:7px;padding:4px;white-space:nowrap}.fleet-replay{display:flex;gap:16px;align-items:center;margin:20px 0;background:#142f45;border:1px solid #2b4b63;border-radius:8px;padding:13px 16px}.fleet-replay>button{border:1px solid #37627c;background:#1b4764;color:#aaddf3;min-width:44px;height:44px;display:grid;place-items:center;border-radius:6px}.fleet-replay>div{flex:1;min-width:0}.fleet-replay label{font-size:10px;color:#6f9ab5;display:flex;justify-content:space-between;gap:10px}.fleet-replay label b{color:#bae5f5;font-weight:400;font-variant-numeric:tabular-nums}.fleet-replay input{width:100%;accent-color:#5bc6e8;height:23px;cursor:pointer}.fleet-replay>div>span{font-size:9px;display:flex;justify-content:space-between;color:#749ab2}.fleet-replay i{font-style:normal;color:#5dbbaa}.fleet-events{border-top:1px solid var(--line);padding-top:20px}.fleet-events-heading{display:flex;align-items:center;gap:8px;font-size:12px;color:#a4cde3}.fleet-events-heading small{margin-left:auto;font-size:9px;color:#6e9ab5}.fleet-event-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.fleet-event-list button{border:1px solid #2f4e66;border-radius:6px;background:#183246;color:#bed9e8;text-align:left;display:grid;grid-template-columns:1fr 16px;gap:9px;padding:13px;min-height:67px}.fleet-event-list button>span{font-size:9px;color:#70a7c0;grid-column:1/-1}.fleet-event-list b{font-size:11px;font-weight:500}.fleet-event-list button[aria-pressed=true]{background:#194658;border-color:#3e9a9c;color:#adf0df}.fleet-event-detail{display:flex;align-items:center;gap:20px;padding:18px;background:#123c47;border-left:3px solid #4bc5ad;margin-top:12px;border-radius:3px}.fleet-event-detail>div{flex:1}.fleet-event-detail b{font-size:12px;color:#91e6d0}.fleet-event-detail p{font-size:11px;color:#a6cad0;line-height:1.8;margin:8px 0 0}.fleet-event-detail button{display:flex;align-items:center;gap:8px;border:1px solid #4a8f96;border-radius:6px;background:#205665;color:#b8efea;font-size:11px;padding:12px;min-height:48px;white-space:nowrap}.fleet-footer{padding:18px 24px;background:#142c3d;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:9px}.fleet-footer b{font-size:11px;font-weight:500;color:#a9d3e6;line-height:1.8}.fleet-footer>span{font-size:9px;color:#7899ac;line-height:1.8}.fleet-mobile-tabs{display:none}.fleet-floor{aspect-ratio:768/460;background:#142c3f;border-radius:8px;overflow:hidden;position:relative}.fleet-floor svg{width:100%;height:100%;display:block}.fleet-floor svg g{cursor:pointer}.fleet-floor>span{position:absolute;bottom:8px;left:10px;font-size:8px;color:#7093a9}@keyframes fleet-detection{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}@media(max-width:1100px){.fleet-layout{grid-template-columns:1fr}.fleet-asset{display:flex;gap:20px;align-items:center;padding:16px 20px;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line)}.fleet-asset>small{display:none}.fleet-asset-name{margin:0}.fleet-asset dl{display:flex;gap:10px;margin:0;font-size:10px;flex-wrap:wrap}.fleet-coordinates{padding:0;border:0;margin-left:auto}.fleet-coordinates small{margin-top:3px}.fleet-task{display:none}.fleet-asset-name b{font-size:12px}.fleet-asset-name span{font-size:9px}}@media(max-width:700px){.fleet-header{padding:15px;flex-wrap:wrap;gap:9px}.fleet-header b{font-size:15px}.fleet-header b span{font-size:10px}.fleet-live{font-size:9px}.fleet-top{padding:12px;display:block}.fleet-deploy{gap:5px}.fleet-deploy button{flex:1;justify-content:center;padding:10px 6px;font-size:10px;gap:6px;min-height:52px}.fleet-link{margin:12px 0 0;justify-content:center;font-size:9px}.fleet-asset{display:grid;grid-template-columns:1fr 1fr;padding:14px;gap:12px}.fleet-asset-name{grid-column:1}.fleet-asset dl{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:44px 1fr 44px 1fr;font-size:10px;gap:9px}.fleet-coordinates{grid-column:2;grid-row:1;display:block;font-size:9px;margin:0;text-align:right}.fleet-coordinates>svg{display:none}.fleet-main{padding:12px}.fleet-mobile-tabs{display:flex;gap:5px;margin:0 0 15px}.fleet-mobile-tabs button{flex:1;min-height:52px;border:1px solid #31546e;background:#142d42;color:#7babc5;font-size:12px;border-radius:6px}.fleet-mobile-tabs button[aria-pressed=true]{background:#1a587c;color:#e1f4ff;border-color:#479ec7}.fleet-views{display:block}.fleet-location,.fleet-video{display:none}.fleet-views>.mobile-active{display:block}.fleet-map{aspect-ratio:1.2}.fleet-map>svg{object-fit:cover}.fleet-pane-head{font-size:11px;padding-bottom:10px}.fleet-pane-head span{font-size:8px}.fleet-map-controls button{width:40px;height:44px}.fleet-map-badge,.fleet-attribution{font-size:8px}.fleet-focus{aspect-ratio:1}.fleet-camera-grid span{font-size:8px}.fleet-camera-grid{gap:6px}.fleet-replay{margin:14px 0;padding:12px;gap:10px}.fleet-replay input{height:32px}.fleet-replay>button{min-width:48px;height:48px}.fleet-replay>div>span{font-size:8px}.fleet-events{padding-top:16px}.fleet-events-heading{flex-wrap:wrap;font-size:11px}.fleet-events-heading small{margin:0;font-size:9px;width:100%;padding-left:25px}.fleet-event-list{gap:5px}.fleet-event-list button{padding:10px 8px;min-height:80px;grid-template-columns:1fr}.fleet-event-list b{font-size:10px;line-height:1.6}.fleet-event-list svg{display:none}.fleet-event-detail{padding:15px;display:block}.fleet-event-detail p{font-size:11px}.fleet-event-detail button{width:100%;justify-content:center;margin-top:14px;min-height:52px;white-space:normal}.fleet-footer{padding:16px}.fleet-footer b{font-size:11px}.fleet-footer span{font-size:9px}.fleet-floor{aspect-ratio:1.25}}@media(prefers-reduced-motion:reduce){.fleet-detect{animation:none}}@media(min-width:701px){.fleet-views{grid-template-columns:minmax(0,1fr) minmax(240px,320px)}}