.mapa-grande { height: calc(100vh - 260px); min-height: 360px; }
.mapa-medio { height: calc(100vh - 380px); min-height: 320px; }
.leaflet-container { background: #1b1f27; font: inherit; }
.punto { display:inline-block; width:9px; height:9px; border-radius:50%; margin-right:5px; vertical-align:middle; }
.est-en_movimiento { background:#22c55e; } .est-detenido { background:#f59e0b; }
.est-apagado { background:#94a3b8; } .est-desconectado { background:#ef4444; }
.punto-vivo { display:inline-block; width:7px; height:7px; border-radius:50%; background:#22c55e; margin-right:3px; animation: latido 1.5s infinite; }
@keyframes latido { 50% { opacity:.2; } }
.marcador { width:34px; height:34px; border-radius:50%; border:2px solid #fff; display:flex; align-items:center; justify-content:center; color:#fff; font-size:16px; box-shadow:0 2px 6px rgba(0,0,0,.5); position:relative; }
.marcador .flechita { position:absolute; top:-9px; left:50%; margin-left:-6px; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:9px solid #fff; transform-origin: 6px 26px; }
.etiqueta-placa { background:rgba(13,17,23,.85); color:#fff; border:0; font-size:11px; padding:1px 5px; box-shadow:none; }
.etiqueta-placa::before { display:none; }
.leaflet-popup-content-wrapper, .leaflet-popup-tip { background:#161b22; color:#e6edf3; }
.leaflet-popup-content { margin:10px 12px; font-size:13px; line-height:1.45; }
.tarjeta-veh { cursor:pointer; transition: transform .15s; }
.tarjeta-veh:hover { transform: translateY(-2px); }
.flujo { display:flex; flex-direction:column; align-items:center; gap:4px; }
.flujo .caja { width:100%; max-width:420px; border:1px solid rgba(255,255,255,.15); border-radius:12px; padding:10px 14px; display:grid; grid-template-columns:32px 1fr; column-gap:8px; }
.flujo .caja i { grid-row: span 2; font-size:22px; color: var(--adminuiux-theme-1); }
.flujo .caja small { opacity:.75; }
.flujo .caja.destacada { border-color: var(--adminuiux-theme-1); background: rgba(var(--adminuiux-theme-1-rgb), .12); }
.flujo .flecha { display:flex; flex-direction:column; align-items:center; opacity:.7; font-size:12px; }
.maxwidth-200 { max-width:220px; }
@media (max-width: 991px) { .mapa-grande { height: calc(100vh - 330px); } }
/* Mapa OSM en modo oscuro */
.leaflet-tile-pane { filter: invert(1) hue-rotate(180deg) brightness(.9) contrast(.9) saturate(.6); }
@media (min-width: 992px) { body footer.adminuiux-mobile-footer { display: none !important; } }