/* Небольшие кастомные стили для демо */
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; }
#mapPlaceholder { min-height: 360px; }
.task-card { transition: box-shadow .14s ease, transform .08s ease, opacity .12s ease; background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%); border: 1px solid rgba(15,23,42,0.04); }
.task-card:hover { transform: translateY(-6px); box-shadow: 0 10px 30px rgba(2,6,23,0.08); }
.fade-in { animation: fadeIn .18s ease both; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }

/* Убираем стандартный «Leaflet» текст (оставляем только OSM, если нужно можно вернуть) */
.leaflet-control-attribution a[href*="leaflet"] { display: none !important; }
.leaflet-control-attribution { font-size: 11px; }

/* Left nav & layout tweaks */
.navItem{transition:background-color .15s,color .15s;}
.navItem:hover{background:#f1f5f9;}

/* Compact list mode */
body.compact-list #vehiclesList .border{padding:2px 6px;}
/* (Tailwind utility .text-[10px] не переопределяем напрямую в plain CSS) */

/* Leaflet draw toolbar */
.leaflet-draw-toolbar a{background:#fff;border:1px solid #cbd5e1;}
.leaflet-draw-toolbar a:hover{background:#f8fafc;}

/* Geofence list */
.geofence-item{border:1px solid #e2e8f0;padding:.5rem .75rem;border-radius:.5rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:#fff;}
.geofence-item:hover{background:#f8fafc;}
.geofence-badge{font-size:10px;padding:2px 6px;border-radius:999px;background:#e0e7ff;color:#4338ca;font-weight:500;}