.flotgps-natural-map .leaflet-tile-pane{filter:none!important}.flotgps-natural-map{background:#dfe9e4!important}.leaflet-control-layers{color:#173449!important;background:#fff!important;border-radius:12px!important;padding:8px!important}.leaflet-control-layers label{margin:5px 0;font-weight:500}.leaflet-control-layers input{width:auto;padding:0}.fleet-pin{display:grid;place-items:center;width:42px;height:42px;border:3px solid #fff;border-radius:15px;background:var(--vehicle-color);color:#fff;box-shadow:0 4px 14px #061e3c66;position:relative}.fleet-pin svg{width:27px;height:27px}.fleet-pin:after{content:'';position:absolute;bottom:-6px;width:10px;height:10px;background:var(--vehicle-color);transform:rotate(45deg);z-index:-1}.fleet-pin.status-moving{outline:3px solid #20cf88}.fleet-pin.status-stopped{outline:3px solid #f6bf43}.fleet-pin.status-offline{outline:3px solid #8d9aaa}.fleet-pin.status-alert{outline:4px solid #ff535c;box-shadow:0 0 0 8px #ff535c22}.fleet-state{display:inline-flex;align-items:center;gap:6px;font-size:12px;margin:7px 0;color:#c8e0e8}.fleet-state:before{content:'';width:8px;height:8px;background:var(--state-color);border-radius:50%}.fleet-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 12px}.fleet-tools input{width:190px;max-width:100%}.fleet-tools select{width:auto;max-width:100%}.fleet-legend{font-size:12px;color:#a6c0cb;padding:10px 0;line-height:1.7}.fleet-legend span{display:inline-block;margin-right:12px}.fleet-config{width:min(470px,calc(100% - 28px));border:1px solid #365770;border-radius:20px;padding:25px;background:#102638;color:#e8f4f7;box-shadow:0 25px 90px #0007}.fleet-config::backdrop{background:#04121bb3;backdrop-filter:blur(3px)}.fleet-config h2{margin:0 0 6px;font-size:22px}.fleet-config p{color:#a8c2cc;line-height:1.5}.fleet-config input,.fleet-config select{background:#18384c!important;color:#edf9ff!important;border:1px solid #446073!important}.fleet-config input[type=color]{height:46px;padding:5px}.fleet-config input[type=checkbox]{width:auto}.fleet-config .config-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fleet-config .actions{justify-content:flex-end;margin-top:22px}.fleet-config .error{color:#ff9a9a}.fleet-config button:focus-visible,.fleet-tools button:focus-visible{outline:3px solid #86e9d9;outline-offset:3px}.fleet-preview{display:flex;align-items:center;gap:18px;margin:18px 0}.fleet-limit{font-size:12px;color:#9bb4c3}.fleet-excess{color:#ff9a9a;font-weight:bold}.fleet-config label{font-weight:500}.fleet-config .checkline{display:flex;gap:9px;align-items:center}.fleet-config .checkline input{margin:0}.fleet-tools button{white-space:nowrap}.fleet-config .smallprint{font-size:12px}.fleet-config input:disabled{opacity:.45}
@media(max-width:520px){.fleet-tools input{width:100%}.fleet-tools{gap:7px}.fleet-tools select{flex:1}.fleet-config{padding:20px}.fleet-config .config-grid{gap:10px}}
.leaflet-control-layers label,.leaflet-control-layers span{color:#173449!important}.leaflet-control-layers label>span{display:flex;align-items:center;gap:7px}.leaflet-control-layers input[type=radio]{width:14px!important;height:14px!important;margin:0!important;padding:0!important;min-height:0;border:0!important;box-shadow:none!important}.leaflet-control-layers label{padding:4px!important;line-height:1.4!important}.leaflet-control-layers-list{margin:0!important}.fleet-tools input[type=search]{min-width:190px;flex:1}.fleet-tools input::placeholder{color:#a7bac9}