/* paso-audit — LAYOUT partagé des outils d'audit (préfixe .pa-*).
   Les COMPOSANTS viennent de paso-ui.css (.pui-*). Ici : uniquement conteneurs/grilles. */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:var(--font);color:var(--navy);background:var(--gray-50);-webkit-font-smoothing:antialiased}
.pa-wrap{max-width:880px;margin:0 auto;padding:30px 20px 64px}
.pa-intro{margin-bottom:6px}
.pa-intro h1{font:800 clamp(24px,4vw,33px)/1.15 var(--font);letter-spacing:-.02em;margin:8px 0 10px;color:var(--navy)}
.pa-intro h1 .dot{color:var(--amber)}
.pa-stack{display:flex;flex-direction:column;gap:14px}
.pa-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}
@media(max-width:620px){.pa-kpis{grid-template-columns:1fr}}
.pa-kpi-focus{box-shadow:0 0 0 1.5px var(--amber), var(--shadow-sm)}
.pa-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:16px}
.pa-err{color:var(--error);font-size:13px;margin-top:10px;min-height:18px}
.pa-sec-label{margin:26px 0 10px}
.pa-find-wrap{display:flex;flex-direction:column;gap:10px}
.pa-res{display:none}.pa-res.on{display:block;animation:paUp .35s ease}
@keyframes paUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.pa-foot{max-width:880px;margin:0 auto;padding:0 20px 40px;color:var(--gray-600);font-size:12px}
.pa-mod{margin-top:10px}

/* Checklist de best-practices groupée (paramétrage / le socle) — PA.render.checklist */
.pa-chk-groups{display:grid;grid-template-columns:1fr 1fr;gap:6px 26px;margin-top:6px}
@media(max-width:640px){.pa-chk-groups{grid-template-columns:1fr}}
.pa-chk-grp{padding:4px 0}
.pa-chk-gh{display:flex;align-items:center;justify-content:space-between;gap:8px;font:700 10px/1 var(--font);text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400);margin:8px 0 7px}
.pa-chk-gs{font:800 12px/1 var(--font);color:var(--navy);font-variant-numeric:tabular-nums}
.pa-chk{display:flex;align-items:flex-start;gap:9px;padding:4px 0;font:500 13px/1.4 var(--font);color:var(--navy)}
.pa-chk-i{flex:0 0 auto;width:17px;height:17px;border-radius:5px;display:flex;align-items:center;justify-content:center;font:800 11px/1 var(--font);margin-top:1px}
.pa-chk--pass .pa-chk-i{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}
.pa-chk--warn .pa-chk-i{background:color-mix(in srgb,var(--amber) 18%,transparent);color:var(--amber-dark)}
.pa-chk--fail .pa-chk-i{background:color-mix(in srgb,var(--error) 13%,transparent);color:var(--error)}
.pa-chk--na .pa-chk-i{background:var(--gray-100);color:var(--gray-400)}
.pa-chk--na{color:var(--gray-600)}
.pa-chk-l{flex:1}
.pa-chk-tag{flex:0 0 auto;font:700 8px/1.4 var(--font);text-transform:uppercase;letter-spacing:.05em;color:var(--navy-mid);background:var(--gray-100);padding:2px 5px;border-radius:3px;white-space:nowrap}

/* Impression / export PDF : on ne garde que le résultat (cache saisie, nav, intro, pied). */
@media print {
  @page { margin: 14mm; }
  body { background: #fff; }
  .pui-topbar, .pa-intro, .pa-actions, .pa-err, .pa-foot, .pa-noprint { display: none !important; }
  .pa-wrap > .pui-card { display: none !important; }
  .pa-wrap { max-width: none; padding: 0; }
  .pa-res { display: block !important; }
  .pa-kpis, .pui-kpi, .pui-action-banner, .pui-table-data-wrap, .pa-mod { break-inside: avoid; page-break-inside: avoid; }
  .pa-sec-label { break-after: avoid; page-break-after: avoid; }
}
