/* =====================================================================
   Relevamiento de accidentes de tránsito.

   Se carga DESPUÉS de inseguridad.css, que tiene todo el tablero (placas,
   gráfico, mapa, listado, reclamos). Acá va sólo lo propio de accidentes:
   la marca de los fatales y la columna de consecuencias.
   ===================================================================== */

/* Aro de los accidentes con fallecidos. Oscuro sobre las calles en claro; en
   oscuro los mosaicos se invierten, así que el aro pasa a ser claro. */
:root { --fatal: #101614; }
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) { --fatal: #e8efea; }
}
:root[data-tema="oscuro"] { --fatal: #e8efea; }

/* La placa de fallecidos lleva el filete en tinta y no en verde: es la cifra
   que no se tiene que leer como una más. */
.placa-fatal { border-top-color: var(--tinta); }

/* ---------- Leyenda del mapa ---------- */
.muestra-punto { border-radius: 50%; border: 1.5px solid var(--papel); box-shadow: 0 0 0 1px var(--linea-2); }
.muestra-fatal {
  width: 14px; height: 14px; border-radius: 50%;
  background: var(--tenue); border: 3px solid var(--fatal);
}

.leaflet-popup-content .popup-fatal { font-weight: 700; }

/* ---------- Columna de consecuencias ---------- */
td.consecuencias { font-size: 13px; min-width: 150px; }
td.consecuencias strong { display: block; font-weight: 600; }
td.consecuencias small { display: block; color: var(--tenue); font-size: 12.5px; margin-top: 2px; line-height: 1.45; }
td.consecuencias.fatal strong { color: var(--alerta); }
td.consecuencias.sin strong { font-weight: 400; color: var(--apagado); }