/* Portale dimensionatori.paolosavoia.com — colori dello studio */
:root{--carta:#f7f5f0;--ink:#191b1c;--soft:#636669;--terra:#c9502a;--terra2:#9a3a1e;
  --blu:#12507e;--linea:#ded8cc;--bianco:#fff;--errore:#a4231a;--ok:#2f6f3a}
*{box-sizing:border-box}
html,body{margin:0;background:var(--carta);color:var(--ink);
  font:15px/1.5 "Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--blu)}
.testata{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px 24px;background:#1f2225;color:#fff}
.testata img{height:34px;background:#fff;border-radius:4px;padding:3px 6px}
.testata .esci{color:#fff;font-size:13px}
.centro{max-width:430px;margin:48px auto;padding:0 16px}
.riquadro{background:var(--bianco);border:1px solid var(--linea);border-radius:12px;
  padding:26px 28px;box-shadow:0 6px 24px rgba(0,0,0,.06)}
.riquadro h1{font-size:20px;margin:0 0 4px;color:var(--terra)}
.riquadro .sotto{color:var(--soft);font-size:13px;margin:0 0 18px}
label{display:block;font-size:13px;color:var(--soft);margin:12px 0 4px}
input,select,textarea{width:100%;padding:10px 12px;border:1px solid #cfc7b8;border-radius:7px;
  font:inherit;background:#fffef7}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(201,80,42,.35);border-color:var(--terra)}
button{margin-top:18px;width:100%;padding:11px;border:0;border-radius:7px;
  background:var(--terra);color:#fff;font:600 15px/1 inherit;cursor:pointer}
button:hover{background:var(--terra2)}
button:disabled{opacity:.6;cursor:default}
.esito{margin-top:14px;font-size:13.5px;min-height:1.2em}
.esito.errore{color:var(--errore)}
.esito.ok{color:var(--ok)}
.collegamenti{margin-top:16px;font-size:13px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.piede{text-align:center;color:var(--soft);font-size:11.5px;margin:30px 16px}
/* vetrina */
.largo{max-width:1180px;margin:28px auto;padding:0 20px}
.avviso{background:#fff4d6;border:1px solid #e9d39a;color:#6f4708;border-radius:10px;padding:14px 18px;margin-bottom:22px}
h3.fam{font-size:13px;letter-spacing:.5px;text-transform:uppercase;color:var(--blu);
  border-bottom:1px solid var(--linea);padding-bottom:4px;margin:26px 0 12px}
.griglia{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.scheda{background:#fff;border:1px solid var(--linea);border-radius:10px;padding:14px 16px;opacity:.62}
.scheda .ico{width:24px;height:24px;color:var(--blu)}
.scheda .ico svg{width:100%;height:100%}
.scheda h4{margin:8px 0 6px;font-size:14px;color:var(--blu)}
.scheda p{margin:0;font-size:12.5px;color:var(--soft);line-height:1.4}
/* richiesta di accesso */
.centro.medio{max-width:620px}
fieldset{border:1px solid var(--linea);border-radius:9px;margin:14px 0 4px;padding:6px 14px 14px}
legend{font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:var(--blu);padding:0 6px}
.due{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
@media (max-width:520px){.due{grid-template-columns:1fr}.riquadro{padding:20px 16px}}
input[type=file]{padding:8px;background:#fff}
.anteprima{margin-top:8px;font-size:13px;color:var(--soft)}
.anteprima img{max-width:100%;max-height:260px;border:1px solid var(--linea);border-radius:6px}
.nascosto{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.spunta{display:flex;gap:10px;align-items:flex-start;color:var(--ink);margin-top:16px}
.spunta input{width:auto;margin-top:3px}
.informativa{font-size:12.5px;color:var(--soft);margin-top:6px}
.informativa p{margin:6px 0 0}
/* approvazione delle richieste (anche da cellulare) */
.largo.stretto{max-width:760px}
.richiesta{background:#fff;border:1px solid var(--linea);border-radius:10px;padding:14px 16px;margin-bottom:16px}
.richiesta h3{margin:0 0 8px;color:var(--terra);font-size:17px}
.richiesta .corpo{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:640px){.richiesta .corpo{grid-template-columns:1fr}}
.richiesta dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;font-size:13.5px;align-content:start}
.richiesta dt{color:var(--soft)}
.richiesta dd{margin:0;word-break:break-word}
.richiesta img.fattura{width:100%;max-height:380px;object-fit:contain;border:1px solid var(--linea);border-radius:6px;background:#fafafa}
.richiesta a.pdf{display:inline-block;padding:10px 14px;border:1px solid var(--linea);border-radius:7px;background:#fafafa}
.richiesta .decidi{border-top:1px solid var(--linea);margin-top:12px;padding-top:4px}
.richiesta button.rifiuta{background:#fff;color:var(--errore);border:1px solid var(--errore)}
.richiesta button.rifiuta:hover{background:#fbeceb}
.richiesta .nota{background:#fff4d6;border-radius:6px;padding:6px 10px;font-size:13px;margin:0 0 8px}
.richiesta.chiusa{opacity:.85;padding:10px 16px}
.richiesta.chiusa h3{font-size:15px;margin:0}
.stato{font-size:11.5px;font-weight:600;text-transform:uppercase;padding:2px 8px;border-radius:10px;margin-left:6px}
.stato.approvata{background:#e3f1e5;color:var(--ok)}
.stato.rifiutata{background:#fbeceb;color:var(--errore)}
.stato.attivata{background:#e3f1e5;color:var(--ok)}
.stato.annullata{background:#fbeceb;color:var(--errore)}