/* Cobertura: estilos con el sistema visual común (antes eran un bloque <style> en la página). */
.audit-main{max-width:1320px}
.back-link{margin:0 0 8px;font-size:var(--fs-sm)}
.audit-intro h1{margin-bottom:10px}
.audit-intro p{max-width:850px;color:var(--muted)}
.audit-controls{display:flex;gap:14px;flex-wrap:wrap;align-items:end;margin:18px 0}
.audit-controls label{display:grid;gap:6px;min-width:150px}
.audit-controls select,.audit-controls input{max-width:260px;width:100%}
.audit-controls input{min-width:220px}
.audit-controls>a{font-size:var(--fs-sm);font-weight:600;padding-bottom:10px}
.audit-section{margin:34px 0;padding-top:24px;border-top:1px solid var(--line)}
.audit-section h2{margin-bottom:8px}
.audit-section>p{font-size:var(--fs-sm);color:var(--muted);max-width:950px}
.audit-table{overflow:auto;border:1px solid var(--line);border-radius:var(--radius);max-height:620px;background:var(--surface)}
.audit-table table{min-width:1000px;white-space:normal;table-layout:fixed}
.audit-table th,.audit-table td{padding:11px 13px;text-align:left;vertical-align:top;font-size:var(--fs-sm);border-bottom:1px solid var(--line)}
.audit-table thead th{position:sticky;top:0;background:var(--surface-2);z-index:1;color:var(--ink);font-size:var(--fs-xs)}
.audit-table td{overflow-wrap:anywhere}
#roster tr:nth-child(even),#matrix tr.alt{background:color-mix(in srgb,var(--surface-2) 55%,transparent)}
.audit-table small{display:block;color:var(--muted);font-size:var(--fs-xs);margin-top:3px}
.audit-value{color:var(--accent-ink);font-weight:700}
.audit-kpis{display:flex;gap:28px;flex-wrap:wrap;margin:20px 0}
.audit-kpis strong{font-size:32px;font-weight:800;font-stretch:125%;display:block;line-height:1.1}
.audit-kpis span{font-size:var(--fs-sm);color:var(--muted)}
.audit-status{font-size:var(--fs-sm);color:var(--muted);overflow-wrap:anywhere}
.attribution{font-size:var(--fs-xs)!important;line-height:1.7;color:var(--muted)}
.audit-count{font-size:var(--fs-sm);color:var(--muted)}
.audit-gap{border-left:3px solid var(--warn-line);padding-left:12px}
@media (max-width:600px){
  .audit-controls input{min-width:0}
  .audit-controls{gap:12px}
  .audit-controls label{flex:1;min-width:130px}
  .audit-controls select,.audit-controls input{max-width:100%}
  .audit-table{max-height:550px}
}