  /* ===== ABBINAMENTO E MODO VERO ===== */
  .pagina.centrata{align-items:center;justify-content:center;text-align:center;gap:calc(2.2*var(--s))}
  .marchio-grande{display:flex;align-items:center;gap:calc(1.8*var(--s))}
  .marchio-grande img{inline-size:calc(9*var(--s));block-size:calc(9*var(--s))}
  .marchio-grande .targa{font-size:calc(3.6*var(--s))}
  .pagina.centrata h1{margin:0;font-size:calc(4.6*var(--s));font-weight:650;letter-spacing:-.03em}
  .codice{font-size:calc(13*var(--s));font-weight:700;letter-spacing:.06em;color:var(--oro-chiaro);line-height:1;padding:calc(2.4*var(--s)) calc(5*var(--s));border-radius:calc(3*var(--s));border:calc(.35*var(--s)) solid rgba(198,161,91,.6);background:rgba(110,23,52,.35)}
  .istruzioni{margin:0;font-size:calc(3.1*var(--s));line-height:1.35;color:var(--sabbia)}
  .istruzioni b{color:var(--oro-chiaro);font-weight:650}
  .stato-abbina{margin:0;font-size:calc(2.5*var(--s));color:var(--sabbia-2);min-block-size:1.3em}
  .proposte.centro{justify-content:center}
  .chip-chiedi{background:var(--oro);color:var(--profondo);border-color:var(--oro)}
  .chip-chiedi:focus{background:#fff;color:var(--profondo);border-color:#fff}
  .cella.spenta{opacity:.5}
  .cella.spenta .esa-forma{fill:rgba(27,9,15,.6);stroke:rgba(242,228,208,.45);stroke-dasharray:4 3}
  .cella.spenta .ico{stroke:var(--sabbia-2)}
  .cella.spenta.su{opacity:.9;filter:none}
  .cella.spenta.su .esa-forma{fill:rgba(242,228,208,.18);stroke:var(--sabbia)}
  .cella.spenta.su .ico{stroke:var(--sabbia)}
  .vuoto{font-size:calc(3*var(--s));color:var(--sabbia-2);text-align:center;padding:calc(4*var(--s)) 0}
  .risposta.pensa{color:var(--sabbia-2);font-style:italic}

  /* ===== STRUMENTI E SCHEDE ===== */
  .titoletto{font-size:calc(2.3*var(--s));font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--oro);margin:calc(1.6*var(--s)) 0 calc(.2*var(--s));padding-inline:calc(.6*var(--s))}
  .titoletto:first-child{margin-top:0}
  .titoletto.sub{font-size:calc(2.2*var(--s));letter-spacing:.04em;text-transform:none;color:var(--sabbia-2);margin-top:calc(.6*var(--s))}
  .vuoto.piccolo{padding:calc(1.4*var(--s)) 0;font-size:calc(2.6*var(--s))}
  .riga .freccia{margin-left:auto;font-size:calc(5*var(--s));line-height:1;color:var(--oro);flex:none;padding-left:calc(1.5*var(--s))}
  .riga .n.rosso{color:var(--urgente)}
  .riga.voce .t{font-size:calc(3*var(--s))}
  .riga.voce.senza{opacity:.8}
  .campi{display:flex;flex-direction:column;gap:calc(.9*var(--s));padding:calc(2*var(--s)) calc(2.4*var(--s));border-radius:calc(2.4*var(--s));background:rgba(242,228,208,.06);border:calc(.25*var(--s)) solid rgba(242,228,208,.14)}
  .campi:focus{outline:none;border-color:var(--oro);background:rgba(198,161,91,.12)}
  .campo{display:flex;gap:calc(2*var(--s));align-items:baseline;justify-content:space-between}
  .campo span{font-size:calc(2.4*var(--s));color:var(--sabbia-2);flex:none}
  .campo b{font-size:calc(3*var(--s));font-weight:600;text-align:right;overflow-wrap:anywhere}
  .testo-scheda{font-size:calc(2.9*var(--s));line-height:1.4;white-space:pre-line;padding:calc(2*var(--s)) calc(2.4*var(--s));border-radius:calc(2.4*var(--s));border:calc(.25*var(--s)) solid rgba(242,228,208,.14);max-block-size:calc(40*var(--s));overflow:auto}
  .testo-scheda:focus{outline:none;border-color:var(--oro)}
  .riga.azione{justify-content:center;text-align:center}
  .riga.azione .t{font-size:calc(3.4*var(--s))}
  .riga.azione.si{border-color:rgba(124,196,138,.6)}
  .riga.azione.no{border-color:rgba(224,96,90,.5)}
  .riga.azione.pronta.si{background:rgba(124,196,138,.28);border-color:var(--ok)}
  .riga.azione.pronta.no{background:rgba(224,96,90,.28);border-color:var(--urgente)}
  .riga.azione.pronta small{color:var(--sabbia);font-weight:700}
  .riga.azione.in-corso{opacity:.6}
  .avviso-toast.errore{background:var(--urgente);color:#fff;white-space:normal;inline-size:max-content;max-inline-size:84%;text-align:center;border-radius:calc(3*var(--s))}
  .elenco>*{flex:none}
  /* Il dato di un'azione */
  .pannello{display:flex;flex-direction:column;gap:calc(1.4*var(--s));padding:calc(2*var(--s));border-radius:calc(2.4*var(--s));border:calc(.25*var(--s)) dashed rgba(198,161,91,.55);background:rgba(198,161,91,.06)}
  .etichetta-campo{font-size:calc(2.6*var(--s));color:var(--sabbia);line-height:1.3}
  .campo-dato{block-size:calc(11*var(--s))}
  .riga.opzione{padding-block:calc(1.4*var(--s))}
  .riga.opzione .t{font-size:calc(3*var(--s))}
  .riga.opzione.pronta{background:rgba(224,96,90,.22);border-color:var(--urgente)}
