.grid-ia{display:grid;grid-template-columns:1fr;gap:12px}
.kpis-ia{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:8px}
.box{border:1px solid var(--border);border-radius:10px;padding:8px;background:var(--card)}
.tbl{width:100%;border-collapse:collapse}
.tbl th,.tbl td{border-bottom:1px solid var(--border);padding:8px;vertical-align:top;text-align:left}
.tbl th{font-size:.76rem;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}
.actions-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.status-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.brand-ia{display:flex;gap:10px;align-items:center}
.brand-ia-logo{width:42px;height:42px;border-radius:9px;object-fit:cover;border:1px solid var(--border)}
.badge-rojo{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}
.badge-amarillo{background:#fef9c3;color:#854d0e;border:1px solid #fde68a}
.badge-verde{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
.json-box{background:#0b1220;color:#d5e3ff;border:1px solid #1f2f57;border-radius:10px;padding:10px;max-height:360px;overflow:auto;font-size:.82rem;line-height:1.4}
.msg.err{color:#991b1b}

@media (max-width:860px){
  .tbl,.tbl thead,.tbl tbody,.tbl th,.tbl td,.tbl tr{display:block}
  .tbl thead{position:absolute;left:-9999px;top:-9999px}
  .tbl tr{border:1px solid var(--border);border-radius:10px;padding:8px;margin-bottom:8px;background:color-mix(in srgb, var(--card) 90%, transparent)}
  .tbl td{border:0;padding:5px 4px}
}