/* public/css/infracao.css */
.inf-kpi-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1rem; margin-bottom:1.25rem; }
.inf-kpi{ background:#fff; border:1px solid var(--gray-200); border-radius:var(--radius); padding:1rem 1.1rem; box-shadow:var(--shadow-sm); display:flex; gap:.9rem; align-items:center; }
.inf-kpi .ic{ width:46px; height:46px; border-radius:12px; display:grid; place-items:center; color:#fff; font-size:1.3rem; flex-shrink:0; }
.inf-kpi.k1 .ic{ background:linear-gradient(135deg,#dc2626,#991b1b); }
.inf-kpi.k2 .ic{ background:linear-gradient(135deg,#f59e0b,#b45309); }
.inf-kpi.k3 .ic{ background:linear-gradient(135deg,#16a34a,#15803d); }
.inf-kpi.k4 .ic{ background:linear-gradient(135deg,#64748b,#334155); }
.inf-kpi .lbl{ font-size:.72rem; text-transform:uppercase; color:var(--gray-500); font-weight:700; letter-spacing:.04em; }
.inf-kpi .val{ font-size:1.4rem; font-weight:800; color:var(--gray-900); line-height:1.1; }
.inf-kpi .sub{ font-size:.72rem; color:var(--gray-500); }

.gravidade{ padding:.18rem .55rem; border-radius:.35rem; font-size:.7rem; font-weight:700; text-transform:uppercase; }
.gravidade-leve{ background:#dbeafe; color:#1e40af; }
.gravidade-media{ background:#fef3c7; color:#92400e; }
.gravidade-grave{ background:#fee2e2; color:#b91c1c; }
.gravidade-critica{ background:#7f1d1d; color:#fff; }

.estado-inf{ padding:.18rem .55rem; border-radius:.35rem; font-size:.7rem; font-weight:700; text-transform:uppercase; }
.estado-pendente{ background:#fef3c7; color:#92400e; }
.estado-paga{ background:#dcfce7; color:#166534; }
.estado-perdoada{ background:#e0e7ff; color:#3730a3; }
.estado-contestada{ background:#fee2e2; color:#b91c1c; }

.inf-tabs{ display:flex; gap:.5rem; flex-wrap:wrap; margin-bottom:1.25rem; border-bottom:2px solid var(--gray-200); }
.inf-tabs button{ border:0; background:transparent; color:var(--gray-700); padding:.65rem 1.3rem; font-weight:600; font-size:.92rem; cursor:pointer; border-bottom:3px solid transparent; margin-bottom:-2px; }
.inf-tabs button:hover{ color:var(--blue-700); }
.inf-tabs button.on{ color:var(--blue-700); border-bottom-color:var(--blue-700); }
.inf-section{ display:none; }
.inf-section.on{ display:block; animation:fadeIn .2s ease; }