.mapFrame{margin:12px 0 7px;position:relative;overflow:hidden;border:1px solid #304334;border-radius:11px;background:#111a15}.mapFrame #navMap{height:360px;width:100%;z-index:1;background:#132019}.mapFrame .leaflet-tile{filter:brightness(.72) sepia(.12) hue-rotate(70deg) saturate(.78)}.mapFrame .leaflet-control-attribution{font-size:9px;background:#101912dc;color:#d2ded3}.mapFrame .leaflet-control-attribution a{color:#a7e995}.mapControls{position:absolute;right:10px;top:10px;z-index:500}.mapControls button{height:35px;width:35px;border:1px solid #35483b;border-radius:9px;background:#111a15ed;color:#85ed75;font-size:21px;box-shadow:0 5px 14px #0007}.mapCaption{position:absolute;bottom:25px;left:10px;z-index:450;border:1px solid #39483d;background:#101912e8;color:#e9f4e5;padding:7px 10px;border-radius:8px;font-size:9px;max-width:calc(100% - 150px);pointer-events:none}.truckMapIcon{width:37px;height:37px;display:grid;place-items:center;border:2px solid #d5ffc6;border-radius:50%;background:#3d9d50;color:white;font-size:21px;box-shadow:0 0 0 5px #428c5555,0 0 17px #6cff6caa}.routeStopIcon{width:27px;height:27px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#8be46e;border:2px solid #f0ffe9;box-shadow:0 2px 9px #0009;color:#142116;display:grid;place-items:center;font-size:12px;font-weight:900}.routeStopIcon span{transform:rotate(45deg)}.verifiedMapIcon{width:26px;height:26px;display:grid;place-items:center;background:#13221a;border:2px solid #7cdb6d;border-radius:8px;color:#a5f18a;font-weight:900;box-shadow:0 2px 9px #0009}.routeInfoPanel{padding:11px 12px;border:1px solid #324639;border-radius:10px;background:#101912;margin:9px 0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px}.routeInfoPanel[hidden]{display:none}.routeInfoPanel small{display:block;letter-spacing:1px;color:#82dc75;font-size:8px;font-weight:850}.routeInfoPanel b{display:block;font-size:11px;margin-top:3px}.routeInfoPanel #maneuverDistance{font-size:9px;color:#bccbbb}.summaryStrip{display:flex;gap:12px;color:#a9eb9c;font-size:9px;font-weight:800}.mapHint{font-size:9px;color:#85958a;line-height:1.5}.vehicleDetails{margin-top:12px;padding:10px 12px;border:1px solid #2b3b30;border-radius:10px;background:#111a15}.vehicleDetails summary{cursor:pointer;font-size:10px;font-weight:800;color:#c9d9c7}.vehicleDetails p{color:#8e9d91;font-size:9px;margin:8px 0}.vehicleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:9px 0}.vehicleGrid label{display:block;color:#aebcae;font-size:8px}.vehicleGrid input{width:100%;margin-top:4px;padding:8px;background:#0b130e;border:1px solid #2b3b30;border-radius:7px;color:#f0f4ea;font-size:10px}.routeConsent{display:flex;gap:8px;align-items:flex-start;margin:12px 1px}.routeConsent input{accent-color:#7be36c;margin:2px 0}.routeConsent b{display:block;font-size:9px}.routeConsent small{display:block;color:#8f9c90;font-size:8px;line-height:1.4;margin-top:2px}.stationHint{display:block;color:#829186;font-size:8px;line-height:1.4;margin:5px 0 10px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#121b15;color:#edf4e9}.leaflet-popup-content{font-size:10px}.leaflet-popup-content b{color:#8be779}@media(max-width:760px){.mapFrame #navMap{height:310px}.vehicleGrid{grid-template-columns:repeat(2,1fr)}}