/*
|--------------------------------------------------------------------------
| Lo scarico dell'Agent dal sito pubblico
|--------------------------------------------------------------------------
|
| Erano righe di <style> dentro la pagina, e tests/tema.php legge soltanto i
| FOGLI: non le controllava in nessuno dei due versi — ne' le variabili di
| tinta, ne' le soglie responsive, ne' le classi orfane (C42 della decima
| ricognizione, 17/09/2026).
|
| Il CSS e' quello di prima, riga per riga.
*/
body{
    font-family:var(--font-ui);
    background:var(--page-bg);
    margin:0;
    color:var(--text);
}
.wrap{
    max-width:760px;
    margin:0 auto;
    padding:60px 20px;
    text-align:center;
}
.agent-logo{
    width:72px;
    height:72px;
    margin:0 auto 20px;
    border-radius:16px;
    background:var(--accent);
    color:#fff;
    font-size:34px;
    font-weight:bold;
    line-height:72px;
}
h1{font-size:26px;margin:0 0 10px;}
p.lead{color:var(--muted);margin:0 0 30px;}
.steps-title{font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 14px;font-weight:600;}
.agent-button{
    display:inline-block;
    padding:16px 34px;
    background:var(--accent);
    color:#fff;
    text-decoration:none;
    border-radius:8px;
    font-size:16px;
    font-weight:bold;
}
.agent-button:hover{background:var(--accent-hover);}
.note{
    margin-top:18px;
    font-size:14px;
    color:var(--muted);
}
/*
| Invito rivolto ai tecnici. Riquadro sobrio e staccato: non deve competere
| con "Scarica Agent", che e' cio' per cui il 99% dei visitatori e' qui.
*/
.signup{
    max-width:520px;
    margin:44px auto 0;
    padding:14px 18px;
    border:1px solid var(--border);
    border-radius:10px;
    background:var(--surface);
    font-size:14px;
    line-height:1.6;
    color:var(--muted);
}
.signup a{color:var(--accent);font-weight:600;}
.agent-links{
    margin-top:26px;
    font-size:14px;
}
.agent-links a{color:var(--accent);margin:0 10px;}
.agent-footer{margin-top:40px;font-size:12px;color:var(--muted);line-height:1.75;}
.agent-footer a{color:var(--muted);}
.agent-footer a:hover{color:var(--accent);}
.agent-footer p{margin:0;}
.agent-footer strong{color:var(--muted);font-weight:600;}
/*
| Il punto medio che separa i recapiti e' un segno di servizio: piu' chiaro
| del testo, cosi' l'occhio legge le voci e non i separatori.
*/
.agent-footer .sep{color:var(--muted);padding:0 2px;}
/*
| I recapiti e la localita' non si spezzano al loro interno: un a capo
| dentro "(OR), Italia" o dentro un indirizzo email lascia sulla riga
| successiva un frammento che non significa nulla.
*/
.agent-footer .nowrap{white-space:nowrap;}
.agent-footer .build{color:var(--muted);}
/*
| 620px tiene le tre righe di ciascun soggetto — nome, sede, recapiti —
| entro una larghezza in cui non vanno a capo sui monitor da scrivania,
| restando comunque piu' strette della colonna del contenuto.
*/
.agent-footer .credits{
    max-width:620px;
    margin:18px auto 0;
    padding-top:18px;
    border-top:1px solid var(--border);
}
.agent-footer .credits p{margin-bottom:14px;}
.agent-footer .credits p:last-child{margin-bottom:0;}
.agent-footer .copyright{margin-top:18px;color:var(--muted);}
.agent-form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:0;}
/*
| Il campo del codice, largo abbastanza per l'unica cosa che ci va dentro.
|
| Era largo 220px con dentro un testo di esempio lungo tre volte tanto: il
| suggerimento arrivava troncato a meta' parola, che su una pagina rivolta a
| chi non sa cosa sta facendo e' peggio di nessun suggerimento. Adesso il
| testo e' corto e il campo un po' piu' largo, cosi' ci sta anche il codice
| di otto cifre battuto in grande.
*/
.agent-form input[type=text]{padding:14px 16px;border:1px solid var(--border);border-radius:8px;background:var(--campo);color:var(--text);font-size:18px;width:260px;letter-spacing:.05em;text-align:center;}
.agent-form .agent-button{border:none;cursor:pointer;}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;text-align:left;margin:0 auto 30px;}
.steps .step{min-height:112px;box-sizing:border-box;padding:18px;border:1px solid var(--accent);border-radius:10px;background:var(--accent-soft);font-size:14px;line-height:1.45;color:var(--text);}
.steps .step:nth-child(2){border-color:var(--avviso-bordo);background:var(--avviso-fondo);}
.steps .step:nth-child(3){border-color:var(--esito-ok-testo);background:var(--esito-ok-fondo);}
.steps .step b{display:block;margin-bottom:10px;color:var(--accent);font-size:12px;letter-spacing:.08em;text-transform:uppercase;}
.steps .step:nth-child(2) b{color:var(--avviso-testo);}
.steps .step:nth-child(3) b{color:var(--esito-ok-testo);}
@media (max-width:768px), (max-height:500px) and (max-width:1023px){
    .steps{grid-template-columns:1fr;}
    .steps .step{min-height:0;}
    .wrap{padding-top:70px;}
}