/* Aspetto chiaro delle pagine interne della nuova app (passo 21c, schermate approvate da Francesco il 13/10).
   Si carica DOPO lo stile di ogni pagina e ne ridefinisce solo l'aspetto: testi, domande e regole restano quelli della pagina.
   Fondo chiaro come la plancia della schermata principale; titoli in Anybody, testo in Figtree; pulsante principale
   arancione scuro #C2410C (contrasto sufficiente con il bianco), alto almeno 60 px. */
:root{
  --ink:#F3F5F8; --night:#1F2A38; --steel:#3A4656; --orange:#C2410C; --apricot:#B8420A;
  --mist:#141B24; --muted:#4B5563; --line:#D5DBE3; --glass:#FFFFFF;
  --rosso:#B42318; --verde:#067647;
  --display:"Anybody","Arial Narrow",system-ui,sans-serif;
  --body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:light;
}
html{background:var(--ink)}
body{background:var(--ink);color:var(--mist);font-family:var(--body)}

/* Testata: "‹ Indietro" e titolo con l'icona del comando */
.testata{max-width:520px;margin:0 auto;padding:14px 2px 0;display:flex;align-items:center;gap:10px;min-height:44px}
.indietro{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;color:var(--mist);font:600 15px/1 var(--body);text-decoration:none}
.indietro:focus-visible{outline:3px solid var(--night);outline-offset:2px;border-radius:8px}
.testata .spazio{flex:1}
.titolo-pagina{max-width:520px;margin:6px auto 0;display:flex;align-items:center;gap:14px}
.titolo-pagina img{width:52px;height:52px;border-radius:13px;flex:none}
.titolo-pagina .tp{font:700 30px/1.05 var(--display);font-stretch:110%;margin:0;color:var(--mist)}
.titolo-pagina .tp small{display:block;margin-top:4px;font:500 15px/1.3 var(--body);color:var(--muted);font-stretch:100%}
/* Il vecchio marchio in alto non serve più nelle pagine interne */
.top{display:none}

main{max-width:520px;margin:14px auto 0}
.card{background:transparent;border:0;border-radius:0;padding:4px 2px 8px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.eyebrow{font:700 11px/1 var(--body);letter-spacing:.12em;color:var(--apricot)}
h1{font:700 24px/1.15 var(--display);font-stretch:108%;color:var(--mist)}
p{color:var(--mist)}
.muted,.aiuto,.aiuto2,.facolt{color:var(--muted)}
.nota{color:var(--muted)}

/* Campi */
.campo>label,.domanda,.riga label{color:var(--mist);font-weight:600;font-size:15px}
input[type=text],input[type=tel],input[type=email],input[type=number],input[type=date],textarea,select{
  background:#FFFFFF;color:var(--mist);border:2px solid #C9D1DC;border-radius:14px;min-height:56px;font-family:var(--body)}
textarea{min-height:120px}
input::placeholder,textarea::placeholder{color:#8A94A3}
input:focus,textarea:focus,select:focus{border-color:var(--night);box-shadow:0 0 0 3px rgba(31,42,56,.15);outline:none}
.scelta span{background:#FFFFFF;border:2px solid #C9D1DC;color:var(--mist);min-height:44px;display:inline-flex;align-items:center;font-weight:600}
.scelta input:checked+span{background:var(--night);border-color:var(--night);color:#fff}
.scelta input:focus-visible+span{box-shadow:0 0 0 3px rgba(31,42,56,.25)}
.riquadro{background:#FFF4EC;border:1px solid #F6C8A8;color:var(--mist)}
.suggerimento{background:#FFF4EC;border:1px solid #F6C8A8;color:var(--mist)}
.campo>label.file,.file{background:#FFFFFF;border:2px dashed #AEB8C6;color:var(--muted)}
.file b{color:var(--mist)}
.file input{color:var(--mist)}
.barra{background:#DDE2E9}
.barra div{background:#067647}

/* Pulsanti: principale arancione scuro, secondario chiaro con bordo */
button{min-height:60px;background:var(--orange);box-shadow:none;border-radius:16px;font:700 18px/1 var(--body)}
button:disabled{opacity:1;background:#C9D1DC;color:#5F6976}
button.secondario{background:#FFFFFF;border:2px solid #C9D1DC;color:var(--mist);font-weight:700}
button:focus-visible{outline:3px solid var(--night);outline-offset:2px}

/* Messaggi */
.errore{color:var(--rosso)}
.avviso{background:#FFF4EC;border:1px solid #F6C8A8;color:#7A2E0A}
.esito{color:var(--mist)}
.esito.manca{background:#FFF4EC;border-color:#F6C8A8}
.esito.err{background:#FEF3F2;border-color:#FDA29B}
.esito.info{background:#EFF4FF;border-color:#B2CCFF}
.esito.ok{background:#ECFDF3;border-color:#ABEFC6}

/* Accesso: dati dell'impresa e prova dei permessi */
.dati li{border-color:var(--line)}
.prova{background:#FFFFFF;border:1px solid var(--line);color:var(--mist)}
.prova.ok{background:#ECFDF3;border-color:#ABEFC6}
.prova.ko{background:#FEF3F2;border-color:#FDA29B}
.link{color:var(--apricot)}

/* Pagina del QR */
.cantiere-qr{background:#FFFFFF;border:1px solid var(--line)}
.cantiere-qr b{color:var(--apricot)}
.elenco-file li{background:#FFFFFF;border:1px solid var(--line)}
.elenco-file li.no{border-color:#FDA29B}
.elenco-file li.no span:last-child{color:var(--rosso)}
.elenco-file li.ok span:last-child{color:var(--verde)}
.campo>label.consenso{background:#FFFFFF;border:1px solid var(--line);border-radius:14px;padding:14px}
.esito.ko{background:#FEF3F2;border-color:#FDA29B;color:var(--rosso)}
.obbl{color:var(--apricot)}

/* I miei cantieri */
.cantiere{background:#FFFFFF;border:1px solid var(--line);box-shadow:0 1px 2px rgba(20,27,36,.04)}
.codice{color:var(--muted)}
.indirizzo{color:var(--mist)}
.dettagli,.spiega{color:var(--muted)}
.carica-doc{border:2px solid #C9D1DC;color:var(--mist);background:#FFFFFF;min-height:52px;display:flex;align-items:center;justify-content:center;font-weight:700}
.stato.pronto{color:#7A4B00;border-color:#F5D08A;background:#FEF6E7}
.stato.attesa{color:#3538CD;border-color:#C7D7FE;background:#EEF4FF}