/* Sportello contatti RADODAN: una pagina sola, per un telefono, con i guanti.
   Stessa tavolozza del Portale Cantieri (prototypes/portale-cantieri/css). */
:root {
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --sfondo: #F3F1EC;
  --superficie: #FFFFFF;
  --controllo: #EFEDE7;
  --bordo: #DEDCD4;
  --bordo-forte: #B4B2A9;
  --testo: #191917;
  --testo-debole: #5C5A54;
  --acc-pieno: #185FA5;
  --acc-scuro: #042C53;
  --ok-bg: #DFF3E4;
  --ok-testo: #14532D;
  --ko-bg: #FBE3E3;
  --ko-testo: #7F1D1D;
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--sfondo); color: var(--testo); font-family: var(--font); }
body { padding: 16px; }
.scheda { max-width: 520px; margin: 0 auto; background: var(--superficie); border: 1px solid var(--bordo); border-radius: 14px; padding: 20px 18px 24px; }
.marchio { margin: 0; letter-spacing: .18em; font-weight: 700; color: var(--acc-scuro); font-size: 14px; }
h1 { margin: 6px 0 4px; font-size: 26px; line-height: 1.15; }
.sotto { margin: 0 0 18px; color: var(--testo-debole); }
label { display: block; font-weight: 600; margin: 14px 0 6px; }
.nota { font-weight: 400; color: var(--testo-debole); }
input, textarea { width: 100%; font: inherit; font-size: 18px; padding: 14px; border: 1px solid var(--bordo-forte); border-radius: 10px; background: var(--controllo); color: var(--testo); }
input:focus, textarea:focus { outline: 3px solid var(--acc-pieno); outline-offset: 1px; background: var(--superficie); }
textarea { resize: vertical; min-height: 96px; }
.nascosto { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.informativa { margin: 18px 0 8px; font-size: 15px; color: var(--testo-debole); }
.informativa summary { cursor: pointer; color: var(--acc-pieno); font-weight: 600; }
.informativa p { margin: 8px 0 0; line-height: 1.45; }
.versione { font-size: 13px; }
button { width: 100%; margin-top: 16px; min-height: 64px; font: inherit; font-size: 20px; font-weight: 700; color: #fff; background: var(--acc-pieno); border: 0; border-radius: 12px; cursor: pointer; }
button:disabled { opacity: .6; cursor: default; }
.esito { margin: 14px 0 0; padding: 0; min-height: 1.4em; border-radius: 10px; font-weight: 600; }
.esito.ok { padding: 14px; background: var(--ok-bg); color: var(--ok-testo); }
.esito.ko { padding: 14px; background: var(--ko-bg); color: var(--ko-testo); }