.live-map-screen{display:flex;flex-direction:column;height:calc(100dvh - 170px);min-height:560px;background:#0b1e2b;border:1px solid #244252;border-radius:14px;overflow:hidden;color:#ecf5f8}.live-map-toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:16px 20px}.live-map-toolbar h2{font-size:22px;color:#fff}.live-map-toolbar .eyebrow{color:#68dfce;font-size:10px}.live-map-toolbar>div{margin-right:auto}.live-map-toolbar label:not(.check-label){display:flex;flex-direction:column;gap:5px;font-size:12px;color:#c3d8df}.live-map-toolbar select{min-width:260px;max-width:100%;padding:10px;border-radius:8px;background:#173443;color:#fff;border:1px solid #466272}.live-map-toolbar .check-label{color:#e4f0f5;font-size:12px}.live-map-status{display:flex;gap:20px;flex-wrap:wrap;align-items:center;padding:10px 20px;background:#143242;font-size:13px}.live-map-status time{margin-left:auto;font-size:22px;font-weight:650}.live-map-status .failed{color:#ffb8a7}#live-fleet-map{flex:1;min-height:350px;background:#dce8e8;z-index:0}.live-map-foot{display:flex;gap:15px;flex-wrap:wrap;align-items:center;padding:12px 20px;font-size:12px}.live-map-foot small{margin-left:auto;color:#b8cbd2}.live-map-foot i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.live-map-foot .moving{background:#00bca0}.live-map-foot .stopped{background:#418aca}.live-map-foot .stale{background:#8a939b}.live-map-screen .form-error:not(:empty){padding:10px 20px;margin:0;background:#492c2a;color:#ffd7d0}.live-vehicle-car{width:44px;height:44px;background:#007e80;color:white;border:3px solid white;border-radius:50%;box-shadow:0 2px 10px #0005;display:flex;align-items:center;justify-content:center}.live-vehicle-car .icon{width:26px;height:26px}.live-vehicle.stopped .live-vehicle-car{background:#326ea4}.live-vehicle.stale .live-vehicle-car{background:#747e87}.live-vehicle-label{position:absolute;left:50%;top:46px;transform:translateX(-50%);white-space:nowrap;background:#fff;color:#183441;padding:4px 9px;border-radius:6px;box-shadow:0 2px 8px #0004;text-align:center;font:bold 12px/1.3 'Segoe UI',sans-serif}.live-vehicle-label small{display:block;font-size:10px;font-weight:400;margin-top:2px}.live-tv #live-map-screen,#live-map-screen:fullscreen{position:fixed;inset:0;z-index:2500;width:100vw;height:100dvh;min-height:0;border:0;border-radius:0}.live-tv{overflow:hidden}.live-tv .live-map-toolbar{padding:16px 26px}.live-tv .live-map-toolbar h2{font-size:28px}.live-tv .live-map-status{font-size:17px}.live-tv .live-vehicle-label{font-size:15px}.live-tv .live-vehicle-label small{font-size:12px}@media(max-width:760px){.live-map-toolbar{gap:10px}.live-map-toolbar>div{width:100%}.live-map-toolbar select{min-width:180px}.live-map-status{gap:8px}.live-map-status time{font-size:18px}.live-map-foot small{margin-left:0}.live-map-screen{height:calc(100dvh - 140px)}}

.live-map-body{display:flex;flex:1;min-height:0;overflow:hidden}.live-map-body #live-fleet-map{min-width:0;min-height:0}.live-alert-log{display:flex;flex-direction:column;width:330px;flex-shrink:0;border-left:1px solid #365362;background:#102936;overflow:hidden}.live-alert-head{display:flex;justify-content:space-between;align-items:center;padding:16px 14px 6px;gap:10px}.live-alert-head h3{color:#fff;font-size:16px}.live-alert-head span{color:#83dacf;font-size:11px}.live-alert-log>p{font-size:11px;color:#a8bdc7;padding:4px 14px 12px;max-height:70px;overflow:auto}#live-alert-list{overflow:auto;flex:1;min-height:0;padding:0 10px 10px}#live-alert-list>p{padding:15px;font-size:12px;color:#b8cad2}.live-alert-item{width:100%;display:grid;grid-template-columns:1fr 70px;gap:4px 10px;text-align:left;border:1px solid #345462;background:#173746;color:#eef6f8;padding:12px;border-radius:9px;margin-bottom:9px;cursor:pointer}.live-alert-item:hover{background:#224b5d}.live-alert-item strong,.live-alert-item span,.live-alert-item small{grid-column:1;overflow-wrap:anywhere}.live-alert-item strong{font-size:12px}.live-alert-item span{font-size:11px;color:#93ded0}.live-alert-item small{font-size:10px;color:#bdd0da}.live-alert-item img{grid-column:2;grid-row:1/4;width:70px;height:52px;object-fit:cover;border-radius:5px}.live-popup-photo{display:block;width:240px;max-width:100%;height:auto;border-radius:7px;margin:8px 0}.live-tv .live-alert-log{width:380px}.live-tv .live-alert-item strong{font-size:15px}.live-tv .live-alert-item span{font-size:13px}.live-tv .live-alert-item small{font-size:12px}@media(max-width:850px){.live-alert-log,.live-tv .live-alert-log{width:265px}}@media(max-width:600px){.live-map-body{flex-direction:column}.live-alert-log,.live-tv .live-alert-log{width:100%;height:200px;border-left:0;border-top:1px solid #365362}.live-map-body #live-fleet-map{min-height:240px}}