/* ════════════════════════════════════════════════════════════════════════
   #sosms/flota · Bloque "Incidentes" (w.493, consolidado en tarjetas por
   persona en w.504)
   Una tarjeta por colaborador con incidentes (ver js/sosms.js,
   _sosflotaIncPersonas* y la lógica documentada en _SOSFLOTA_INC_TIPOS),
   arriba del grid de dispositivos existente. Filtros simples por
   severidad y por tipo arriba de la lista. Prefijo .sosflota-inc-*
   (piezas compartidas con el item) y .sosflota-incp-*/.sosflota-incf-*
   (tarjeta por persona y barra de filtros).

   Severidad alta = rojo de marca Inversiones AD #B42318 en texto chico
   (mismo criterio que css/sosms_briefing.css .sdb-fresh.is-bad: AA 6.6:1
   sobre blanco). Media = var(--wn). Baja = neutro var(--tx3).

   .shell prefijo obligatorio en los botones: el reset global
   `.shell button{padding:0;border:0;background:transparent}` (main.css)
   pesa más que una clase sola y los dejaría como texto suelto sin look de
   botón (ya documentado varias veces en main.css, mismo patrón acá).
   ════════════════════════════════════════════════════════════════════════ */
.sosflota-inc-card{margin-bottom:14px}
.sosflota-inc-vacio{display:flex;align-items:center;gap:10px;color:var(--tx2);font-size:13px;padding:4px 0}
.sosflota-inc-vacio b{color:var(--ok)}

/* Barra de filtros: severidad (siempre) + tipo (solo si hay incidentes de
   ese tipo hoy). Click re-toggle: activo → inactivo, sin recargar nada
   salvo la lista de tarjetas. */
.sosflota-incf-bar{display:flex;flex-direction:column;gap:7px;padding:11px 13px;
  border-bottom:1px solid var(--bdr)}
.sosflota-incf-grp{display:flex;flex-wrap:wrap;gap:6px}
.shell .sosflota-incf-chip{font-size:11px;font-weight:700;padding:4px 10px;
  border:1px solid var(--bdr2);border-radius:999px;background:var(--sur);color:var(--tx2);
  cursor:pointer;white-space:nowrap}
.shell .sosflota-incf-chip:hover{background:var(--hov)}
.shell .sosflota-incf-chip.is-active{background:var(--ac);color:#fff;border-color:var(--ac)}
.shell .sosflota-incf-chip.sev-alta.is-active{background:#B42318;border-color:#B42318}
.shell .sosflota-incf-chip.sev-media.is-active{background:var(--wn);border-color:var(--wn)}
.shell .sosflota-incf-chip.sev-baja.is-active{background:var(--tx3);border-color:var(--tx3)}

.sosflota-incp-vacio{padding:13px;color:var(--tx3);font-size:12.5px}

/* Grid de tarjetas: 2+ columnas en desktop, colapsa a 1 en mobile. */
.sosflota-incp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));
  gap:10px;padding:11px 13px}
.sosflota-incp-card{border:1px solid var(--bdr);border-radius:var(--rsm);padding:10px 11px;
  display:flex;flex-direction:column;gap:8px;background:var(--sur)}
.sosflota-incp-card.sev-alta{border-left:3px solid #B42318}
.sosflota-incp-card.sev-media{border-left:3px solid var(--wn)}
.sosflota-incp-card.sev-baja{border-left:3px solid var(--tx3)}

.sosflota-incp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.sosflota-incp-id{display:flex;flex-direction:column;gap:1px;min-width:0}
.sosflota-incp-nom{font-weight:700;font-size:13px;color:var(--tx)}
.sosflota-incp-plaza{font-size:11px;color:var(--tx3)}
.sosflota-incp-badge{font-size:10.5px;font-weight:800;padding:2px 9px;border-radius:999px;
  white-space:nowrap;flex-shrink:0}
.sev-alta .sosflota-incp-badge{background:#FEF3F2;color:#B42318}
.sev-media .sosflota-incp-badge{background:var(--wn-bg);color:var(--wn)}
.sev-baja .sosflota-incp-badge{background:var(--sur2);color:var(--tx2)}

.sosflota-incp-list{display:flex;flex-direction:column}
.sosflota-incp-item{display:flex;flex-wrap:wrap;align-items:center;gap:7px;
  padding:7px 0;border-top:1px solid var(--bdr)}
.sosflota-incp-item:first-child{border-top:0;padding-top:0}

.sosflota-inc-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.sev-alta .sosflota-inc-dot{background:#B42318}
.sev-media .sosflota-inc-dot{background:var(--wn)}
.sev-baja .sosflota-inc-dot{background:var(--tx3)}

.sosflota-inc-pdet{font-size:11.5px;color:var(--tx2);flex:1;min-width:160px}
/* Subdato de causa dentro del episodio "Sin datos" (revisión de producto
   ronda 2, 2026-10-01): distingue causa CONFIRMADA (evidencia directa, ej.
   permiso denegado) de PROBABLE (inferida, ej. batería) y de DESCONOCIDA
   (ninguna de las anteriores explica el corte), en vez de un solo texto
   genérico que mezclaba las 3 situaciones. */
.sosflota-inc-pcausa{flex-basis:100%;font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:999px;width:fit-content}
.sosflota-inc-pcausa.is-confirmada{background:var(--er-bg,#FEF3F2);color:#B42318}
.sosflota-inc-pcausa.is-probable{background:var(--wn-bg,#FFFAEB);color:var(--wn)}
.sosflota-inc-pcausa.is-desconocida{background:var(--sur2);color:var(--tx3)}
.sosflota-inc-ptip{flex-basis:100%;font-size:10.5px;color:var(--tx3)}
.shell .sosflota-inc-btn{font-size:11px;font-weight:700;padding:5px 11px;
  border:1px solid var(--bdr2);border-radius:7px;background:var(--sur);color:var(--tx1);
  cursor:pointer;white-space:nowrap;align-self:flex-start}
.shell .sosflota-inc-btn:hover{background:var(--hov)}

@media (max-width:420px){
  .sosflota-incp-grid{grid-template-columns:1fr}
}