/* IA de revalidação da foto do alarme (parte D, docs/ia-alarme.md). */
.ia-chip.ia-person { background: rgba(242, 109, 109, .20); }
.ia-chip.ia-vehicle { background: rgba(79, 140, 247, .20); }
.ia-chip.ia-animal { background: rgba(245, 196, 83, .22); }
.ia-chip.ia-nothing { background: transparent; border: 1px dashed var(--border); color: var(--muted); }

.ia-pill { background: var(--panel2); border: 1px solid var(--border); font-size: 12px; }
.ia-pill.ia-person { border-color: var(--critical, #F26D6D); }
.ia-pill.ia-vehicle { border-color: #4f8cf7; }
.ia-pill.ia-animal { border-color: var(--warning, #F5C453); }
.ia-pill.ia-nothing, .ia-pill.ia-sem { border-style: dashed; color: var(--muted); }

.aed-ia-detalhe { margin-top: 10px; }
.aed-ia-detalhe .ia-restaurar { margin-top: 6px; }
.aed-ia-detalhe .ia-aviso { font-size: 11.5px; margin-top: 4px; }

.ia-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 8px; margin: 10px 0; }
.ia-kpi { background: var(--panel2); border: 1px solid var(--border); border-radius: 10px; padding: 8px 10px; display: flex; flex-direction: column; gap: 2px; }
.ia-kpi b { font-size: 20px; font-variant-numeric: tabular-nums; }
.ia-kpi span { font-size: 12px; color: var(--muted); }
.ia-kpi-alerta { border-color: var(--critical, #F26D6D); }
.ia-perigo { color: var(--critical, #F26D6D); font-weight: 700; }
.ia-tabela td, .ia-tabela th { white-space: nowrap; }
.ia-tabela td:first-child { white-space: normal; }
#ia-qual-corpo { overflow-x: auto; }

.ia-dias { display: flex; align-items: flex-end; gap: 3px; height: 120px; padding: 4px 0; overflow-x: auto; }
.ia-dia { flex: 1 0 14px; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; }
.ia-dia small { font-size: 10px; color: var(--muted); }
.ia-dia-barra { width: 100%; display: flex; flex-direction: column-reverse; border-radius: 3px 3px 0 0; overflow: hidden; min-height: 2px; background: var(--panel2); }
.ia-seg { display: block; min-height: 0; }
.ia-seg.ia-person { background: #F26D6D; }
.ia-seg.ia-vehicle { background: #4f8cf7; }
.ia-seg.ia-animal { background: #F5C453; }
.ia-seg.ia-nothing { background: var(--offline, #6E7479); }
.ia-legenda { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 12px; color: var(--muted); }
.ia-legenda span { display: inline-flex; align-items: center; gap: 4px; }
.ia-legenda i { width: 10px; height: 10px; border-radius: 2px; display: inline-block; }
@media (max-width: 600px) {
  .ia-tabela th { white-space: normal; }
  .ia-kpi b { font-size: 17px; }
}