/* Sentinel Dispatch — geofencing, trails and history playback (GPS module).
   Copyright (c) 2026 DonHost Media. All rights reserved. Proprietary; see LICENSE. */

#v-gps.active{display:flex;flex-direction:column;gap:8px;}
#v-gps #map{flex:1 1 auto;min-height:0;}
.geobar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;flex:0 0 auto;}
.geobar .btn{padding:5px 10px;font-size:11.5px;}
.geobar .btn.on{background:linear-gradient(180deg,#f3a941,#df831a);border:0;color:#fff;font-weight:700;}
.geobar .sp{flex:1;}
.geobar .hint{color:var(--mut);font-size:11px;}
.geobar select,.geobar input{padding:5px 8px;border:1px solid var(--line2);border-radius:5px;font:inherit;}
.geobar .lbl{font-weight:600;color:#33475c;font-size:11px;}

/* Playback strip under the map */
.playbar{display:none;align-items:center;gap:8px;flex:0 0 auto;background:#fff;border:1px solid var(--line);border-radius:6px;padding:6px 10px;}
.playbar.show{display:flex;}
.playbar input[type=range]{flex:1;min-width:140px;}
.playbar .t{font-family:"Consolas","DejaVu Sans Mono",monospace;font-size:11px;color:#33475c;min-width:150px;}
.playbar .btn{padding:4px 9px;}
.playbar .btn.on{background:linear-gradient(180deg,#7ed24e,#56a62f);border:0;color:#fff;font-weight:700;}

/* Drawing cursor + ghost marker */
#map.drawing{cursor:crosshair;}
.geo-vertex{width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--blue);}
.geo-ghost{width:14px;height:14px;border-radius:50%;background:#2f6fc0cc;border:2px solid #fff;box-shadow:0 0 0 2px #2f6fc055;}
.geo-ghost .nm{position:absolute;left:16px;top:-3px;white-space:nowrap;font-size:10px;font-weight:600;color:#1f2a36;background:#ffffffd0;padding:0 4px;border-radius:3px;}

/* Zone list in the modal */
.zonelist .r{display:flex;align-items:center;gap:8px;padding:6px 4px;border-bottom:1px solid #eef2f7;}
.zonelist .r .sw{width:12px;height:12px;border-radius:3px;border:1px solid #0003;}
.zonelist .r .g{flex:1;}
.zonelist .r small{color:var(--mut);}
.zonelist .r.off .g{opacity:.55;}
.zonelist .r .btn{padding:3px 8px;font-size:11px;}

/* Event colours for the geofence kinds */
.k-geo{color:#1f6f9f;font-weight:600;}
.k-speed{color:#b05a00;font-weight:700;}

/* Popup extras */
.leaflet-popup-content .geo-act{margin-top:6px;display:flex;gap:4px;flex-wrap:wrap;}
.leaflet-popup-content .geo-act a{cursor:pointer;color:var(--blue-dk);font-weight:600;font-size:11px;}
.leaflet-popup-content .geo-speed{color:#33475c;font-size:11px;}