/* RFX Audit Engine, styles partages (page /audit et /audit/resultat). Herite de la charte RFX. */
.audit-form{max-width:720px;margin:34px auto 0;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:clamp(20px,3vw,34px);backdrop-filter:blur(8px)}
.audit-form .row{display:flex;flex-wrap:wrap;gap:14px}
.audit-form .fld{flex:1 1 240px;display:flex;flex-direction:column;gap:7px}
.audit-form label{font-size:.82rem;color:var(--metal);font-weight:600;letter-spacing:.02em}
.audit-form input[type=url],.audit-form input[type=email]{width:100%;padding:15px 16px;border-radius:13px;border:1px solid rgba(255,255,255,.14);background:rgba(5,5,5,.55);color:#fff;font-family:inherit;font-size:1rem}
.audit-form input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,121,0,.18)}
.audit-form .consent{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:.82rem;color:var(--metal)}
.audit-form .consent a{color:var(--orange-glow)}
.audit-form .act{margin-top:20px;display:flex;justify-content:center}
.audit-note{margin-top:16px;text-align:center;font-size:.8rem;color:var(--metal)}
.audit-status{display:none;margin:26px auto 0;max-width:720px;text-align:center;color:var(--metal)}
.audit-status.on{display:block}
.audit-spin{width:38px;height:38px;border-radius:50%;border:3px solid rgba(255,121,0,.25);border-top-color:var(--orange);margin:0 auto 14px;animation:aspin 1s linear infinite}
@keyframes aspin{to{transform:rotate(360deg)}}
.report{display:none;max-width:960px;margin:40px auto 0}
.report.on{display:block}
.gauge-wrap{display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:30px}
.gauge{--v:0;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--orange) calc(var(--v)*1%),rgba(255,255,255,.08) 0);position:relative}
.gauge::before{content:"";position:absolute;inset:12px;border-radius:50%;background:#0a0a0a}
.gauge b{position:relative;font-size:2.2rem;font-weight:800;color:#fff}
.gauge b span{font-size:.9rem;color:var(--metal);font-weight:600}
.gauge-meta{flex:1 1 280px;min-width:260px}
.gauge-meta h2{margin:0 0 6px}
.gauge-meta .host{color:var(--orange-glow);font-weight:700;word-break:break-all}
.cat-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-top:24px}
.cat{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:15px;padding:16px}
.cat h4{margin:0 0 10px;font-size:.82rem;letter-spacing:.04em;color:var(--metal);text-transform:uppercase}
.cat .bar{height:9px;border-radius:6px;background:rgba(255,255,255,.09);overflow:hidden}
.cat .bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--orange),var(--orange-glow))}
.cat .sc{display:flex;justify-content:space-between;align-items:baseline;margin-top:9px}
.cat .sc b{font-size:1.4rem;font-weight:800}
.cat .sc small{color:var(--metal)}
.block{margin-top:34px}
.block > h3{font-size:1.2rem;margin:0 0 16px}
.prio{display:flex;flex-direction:column;gap:12px}
.prio .item{display:flex;gap:14px;align-items:flex-start;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-left-width:4px;border-radius:13px;padding:15px 17px}
.prio .item.fail{border-left-color:#ff5a5a}
.prio .item.warn{border-left-color:#ffb020}
.prio .rank{font-weight:800;color:var(--orange);min-width:26px}
.prio .txt b{display:block;margin-bottom:3px}
.prio .txt small{color:var(--metal)}
.tag{display:inline-block;font-size:.68rem;padding:2px 8px;border-radius:20px;margin:2px 4px 0 0;border:1px solid rgba(255,255,255,.14);color:var(--metal)}
.findings{display:grid;gap:10px}
.f{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:13px 15px}
.f .top{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.f .dot{width:11px;height:11px;border-radius:50%;flex:none}
.dot.ok{background:#37d67a}.dot.warn{background:#ffb020}.dot.fail{background:#ff5a5a}.dot.unknown{background:#7a7a7a}
.f .name{font-weight:600}
.f .val{margin-left:auto;color:#fff;font-weight:600}
.f .val.unknown{color:#8a8a8a;font-style:italic}
.f .ev{margin-top:8px;font-size:.72rem;color:#8a8a8a;display:flex;flex-wrap:wrap;gap:8px}
.f .ev span::before{content:"• ";color:var(--orange)}
.grp-title{margin:22px 0 10px;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;color:var(--orange-glow)}
.disclaimer{margin-top:28px;font-size:.8rem;color:var(--metal);background:rgba(255,121,0,.06);border:1px solid rgba(255,121,0,.2);border-radius:13px;padding:15px 17px}
.err{display:none;max-width:720px;margin:26px auto 0;text-align:center;color:#ff9a9a;background:rgba(255,60,60,.08);border:1px solid rgba(255,60,60,.25);border-radius:13px;padding:16px}
.err.on{display:block}
.pro-cta{margin-top:30px;text-align:center}
.share-row{display:flex;gap:10px;flex-wrap:wrap}
.share-row input{flex:1 1 320px;padding:12px 14px;border-radius:11px;border:1px solid rgba(255,255,255,.14);background:rgba(5,5,5,.55);color:#fff;font-family:inherit;font-size:.9rem}