/* MagnetRadar — foglio di stile unico. Palette ottanio/ottone. */
:root{
  --ott:#2f6f6f; --ott-scuro:#1f4f4f; --ottone:#c08a2e;
  --testo:#1d2321; --tenue:#6b7570; --bordo:#dfe4e1;
  --sfondo:#f7f8f7; --bianco:#fff;
  --ok:#2f7d4f; --medio:#c08a2e; --basso:#b04a3a; --info:#3a6ab0;
}
*{box-sizing:border-box}
body{margin:0;font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--testo);background:var(--sfondo)}
a{color:var(--ott);text-decoration:none}
a:hover{text-decoration:underline}
main{max-width:1100px;margin:0 auto;padding:24px 20px 60px}

.barra{display:flex;align-items:center;gap:24px;padding:12px 20px;
  background:var(--ott-scuro);color:#fff;flex-wrap:wrap}
.barra a{color:#fff}
.logo{font-weight:700;font-size:18px;letter-spacing:-.3px}
.logo span{color:var(--ottone)}
.nav-prog{display:flex;gap:16px;flex:1}
.nav-prog a{opacity:.75;font-size:14px;padding:4px 0;border-bottom:2px solid transparent}
.nav-prog a.attivo,.nav-prog a:hover{opacity:1;border-color:var(--ottone);text-decoration:none}
.utente{font-size:13px;opacity:.85;display:flex;gap:12px}
.piede{text-align:center;color:var(--tenue);font-size:12px;padding:20px}

h1{font-size:26px;margin:0 0 18px;font-weight:650;letter-spacing:-.4px}
h1 .dom{font-size:14px;color:var(--tenue);font-weight:400}
h2{font-size:18px;margin:32px 0 12px;font-weight:600}
h2 small{color:var(--tenue);font-weight:400}

.griglia{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.scheda{background:var(--bianco);border:1px solid var(--bordo);border-radius:8px;padding:14px 16px}
.scheda h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--tenue)}
.scheda .num{font-size:26px;font-weight:650}
.scheda small{color:var(--tenue);font-size:12px}

.tab{width:100%;border-collapse:collapse;background:var(--bianco);
  border:1px solid var(--bordo);border-radius:8px;overflow:hidden;font-size:14px}
.tab th{text-align:left;padding:10px 12px;background:#eef1ef;font-size:12px;
  text-transform:uppercase;letter-spacing:.4px;color:var(--tenue);font-weight:600}
.tab td{padding:10px 12px;border-top:1px solid var(--bordo);vertical-align:top}
.tab tr.spenta{opacity:.45}
.tab.compatta td,.tab.compatta th{padding:6px 10px;font-size:13px}

.badge{display:inline-block;padding:2px 9px;border-radius:20px;font-weight:600;
  font-size:13px;color:#fff;background:var(--tenue)}
.badge.ok{background:var(--ok)} .badge.medio{background:var(--medio)}
.badge.basso{background:var(--basso)} .badge.info{background:var(--info)}
.badge small{font-weight:400;opacity:.9}

.alert{background:#fdf3e3;border-left:4px solid var(--ottone);padding:12px 16px;
  border-radius:4px;margin:0 0 18px}
.alert.info{background:#eaf1fb;border-color:var(--info)}
.alert.warn{background:#fbf0ee;border-color:var(--basso)}
.msg{background:#e8f4ec;border-left:4px solid var(--ok);padding:10px 14px;border-radius:4px}
.errore{background:#fbe9e7;border-left:4px solid var(--basso);padding:10px 14px;border-radius:4px}
.vuoto,.nota{color:var(--tenue);font-size:14px}
.nota{margin:8px 0 20px}

form label{display:block;margin:0 0 12px;font-size:13px;color:var(--tenue)}
form label small{font-weight:400}
input,select,textarea{width:100%;padding:8px 10px;border:1px solid var(--bordo);
  border-radius:6px;font:inherit;background:var(--bianco);margin-top:3px}
button{background:var(--ott);color:#fff;border:0;padding:9px 18px;border-radius:6px;
  font:inherit;font-weight:600;cursor:pointer}
button:hover{background:var(--ott-scuro)}
button.mini{padding:4px 10px;font-size:12px;font-weight:500}
.form-blocco{background:var(--bianco);border:1px solid var(--bordo);border-radius:8px;
  padding:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 16px}
.form-blocco button{grid-column:1/-1;justify-self:start;margin-top:8px}
.form-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}
.form-inline input,.form-inline select{width:auto;margin:0}
.inline{display:inline}
.riga-azioni{display:flex;gap:12px;align-items:center;margin:0 0 18px}
.riga-azioni small{color:var(--tenue)}

.box-login{max-width:340px;margin:60px auto;background:var(--bianco);
  border:1px solid var(--bordo);border-radius:10px;padding:28px}
.box-login h1{margin:0;font-size:24px}
.sottotitolo{color:var(--tenue);font-size:13px;margin:2px 0 20px}

.azione{background:var(--bianco);border:1px solid var(--bordo);border-left:4px solid var(--ottone);
  border-radius:6px;padding:14px 16px;margin:0 0 12px}
.azione.stato-fatta{border-left-color:var(--ok);opacity:.7}
.azione.stato-scartata{opacity:.45;border-left-color:var(--tenue)}
.azione .testa{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.azione .area{background:var(--ott);color:#fff;font-size:11px;padding:2px 8px;border-radius:4px;
  text-transform:uppercase;letter-spacing:.4px}
.pill{font-size:11px;color:var(--tenue);border:1px solid var(--bordo);padding:1px 7px;border-radius:10px}
.azione p{margin:6px 0 10px;font-size:14px}
.azione select{width:auto;font-size:13px;padding:4px 8px}

.motivazioni{padding-left:18px;font-size:14px}
.motivazioni li{margin-bottom:6px}
.lista{padding-left:18px;font-size:14px}
.legenda{font-size:12px;color:var(--tenue);margin-top:6px}
.legenda span{display:inline-block;width:14px;height:3px;vertical-align:middle}
.l1{background:#2f6f6f}.l2{background:#c08a2e}.l3{background:#8a8a8a}
canvas{background:var(--bianco);border:1px solid var(--bordo);border-radius:8px;max-width:100%}

.diag{list-style:none;padding:0;font-size:14px}
.diag li{padding:5px 10px;border-bottom:1px solid var(--bordo)}
.diag li.ok strong{color:var(--ok)} .diag li.ko strong{color:var(--basso)}

@media(max-width:700px){
  .barra{gap:12px}.nav-prog{order:3;width:100%;overflow-x:auto}
  .form-blocco{grid-template-columns:1fr}
  .tab{display:block;overflow-x:auto}
}

.tab tr.dettaglio td{background:#fafbfa;padding-top:0;border-top:0}
.tab tr.dettaglio .motivazioni{margin:0;font-size:13px;color:var(--tenue)}
.tab tr.dettaglio em{color:var(--ott);font-style:normal}

/* dettaglio problemi estraibilità */
tr.dettaglio td{background:#fbfcfb;border-top:0;padding-top:0}
.problemi{margin:0;padding-left:18px;font-size:13px;color:var(--tenue)}
.problemi li{margin-bottom:4px}
.problemi em{color:var(--ott)}

/* pagina audit pubblica */
body.pubblico{background:#fff}
main.audit{max-width:760px;margin:0 auto;padding:48px 20px 60px}
main.audit h1{font-size:32px;line-height:1.2;margin-bottom:14px}
.intro{font-size:17px;color:var(--tenue);margin-bottom:26px}
.form-audit{display:flex;gap:10px;margin:0 0 10px}
.form-audit input{flex:1;padding:13px 14px;font-size:16px}
.form-audit button{padding:13px 26px;font-size:16px;white-space:nowrap}
.metodo{border-top:1px solid var(--bordo);padding-top:14px;margin-top:34px;font-size:12px;line-height:1.5}
@media(max-width:600px){.form-audit{flex-direction:column}main.audit h1{font-size:26px}}