/* GLI SPAZI (docs/spazi.md): ogni azienda cliente ha la sua casa nella piattaforma. Stesso vestito di scena.css (vetro, luce); il COLORE D'ACCENTO dello spazio
   (--sp-accento, scritto sul <body> dal server) prende il posto del viola. Telefono a 390 px curato come il computer. Solo transform/opacity nelle animazioni.
   Le regole delle pagine stanno TUTTE sotto «.sp-pagina» (fatture.css e spese.css usano nomi simili, «.sp-importo», «.sp-selettori»: nello spazio si caricano insieme). */

body.sp-spazio { --viola: var(--sp-accento); --blu: var(--sp-accento); --blu-scuro: color-mix(in srgb, var(--sp-accento) 78%, #000); --viola-scuro: color-mix(in srgb, var(--sp-accento) 78%, #000);
  --luce-viola: 0 0 22px color-mix(in srgb, var(--sp-accento) 50%, transparent); --bagliore-viola: 0 0 18px color-mix(in srgb, var(--sp-accento) 50%, transparent); }

/* il marchio dello spazio nella testata e nelle pagine */
.sp-logo { width: 1.9rem; height: 1.9rem; border-radius: .5rem; object-fit: contain; background: rgba(255, 255, 255, .06); flex: none; }
.sp-iniziale { display: inline-grid; place-items: center; width: 1.9rem; height: 1.9rem; border-radius: .5rem; font-weight: 800; font-size: 1rem; line-height: 1; color: #fff; background: linear-gradient(135deg, var(--sp-accento, #7C5CFF), color-mix(in srgb, var(--sp-accento, #7C5CFF) 55%, #000)); flex: none; text-transform: uppercase; }
.sp-iniziale-grande { width: 3.2rem; height: 3.2rem; border-radius: .8rem; font-size: 1.5rem; vertical-align: middle; margin-right: .3rem; }
.sp-logo-anteprima { width: 3.5rem; height: 3.5rem; object-fit: contain; border-radius: .8rem; background: rgba(255, 255, 255, .06); border: 1px solid var(--bordo); }
.sp-logo-riga { display: flex; align-items: center; gap: .9rem; flex-wrap: wrap; }
.sp-logo-riga input[type="file"] { width: auto; flex: 1 1 14rem; min-width: 0; }

/* il banner fisso dell'assistenza */
.sp-assistenza { position: sticky; top: 0; z-index: 60; display: flex; align-items: center; justify-content: space-between; gap: .8rem; flex-wrap: wrap; padding: .55rem 1.25rem;
  background: linear-gradient(90deg, #7a4a00, #a86a00); color: #fff; border-bottom: 1px solid rgba(255, 255, 255, .25); font-size: .92rem; }
.sp-assistenza-sotto { opacity: .85; }
.sp-assistenza form { margin: 0; }
.sp-assistenza-esci { background: rgba(0, 0, 0, .3); border: 1px solid rgba(255, 255, 255, .45); color: #fff; padding: .3rem .8rem; font-size: .85rem; border-radius: .5rem; }
.sp-assistenza-esci:hover { background: rgba(0, 0, 0, .5); }

/* il portale dei suoi clienti: il marchio dell'azienda e il piede piccolo */
.p-marchio-spazio { display: inline-flex; align-items: center; gap: .6rem; min-width: 0; }
.p-marchio-spazio img { display: block; max-height: 2.2rem; width: auto; max-width: 11rem; object-fit: contain; }
.p-marchio-spazio.grande img { max-height: 2.8rem; max-width: 14rem; }
.p-marchio-spazio .p-marchio-nome { font-weight: 800; letter-spacing: -.01em; overflow-wrap: anywhere; }
.p-marchio-spazio.grande .sp-iniziale { width: 2.6rem; height: 2.6rem; font-size: 1.3rem; }
.p-piede-spazio { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .4rem 1.2rem; }
.p-piede-spazio .p-con-theailab { opacity: .6; font-size: .8em; }

/* il portale prende il colore dell'azienda al posto del viola della piattaforma */
body.sp-spazio { --p-viola: var(--sp-accento, #8B5CF6); --p-viola-2: color-mix(in srgb, var(--sp-accento, #8B5CF6) 70%, #000); }
body.sp-spazio .p-btn.viola { background: linear-gradient(180deg, color-mix(in srgb, var(--sp-accento) 82%, #fff), var(--sp-accento)); box-shadow: 0 10px 26px -14px color-mix(in srgb, var(--sp-accento) 80%, transparent); }
body.sp-spazio .p-avatar { background: linear-gradient(135deg, var(--sp-accento), color-mix(in srgb, var(--sp-accento) 55%, #000)); }
body.sp-spazio .p-chip.viola { background: color-mix(in srgb, var(--sp-accento) 20%, transparent); color: color-mix(in srgb, var(--sp-accento) 45%, #fff); border-color: color-mix(in srgb, var(--sp-accento) 40%, transparent); }

/* ---------- pagine ---------- */
.sp-pagina { max-width: 1200px; }
.sp-pagina .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.sp-pagina .sp-stretta, .sp-stretta { max-width: 40rem; }
.sp-pagina .sp-saluto { margin: 0 0 .15rem; color: var(--grigio); font-size: .95rem; }
.sp-pagina .sp-intesta h1 { margin-bottom: .15rem; }
.sp-pagina .intesta { margin-bottom: 1.1rem; }
.sp-pagina .intesta h1 { display: flex; align-items: center; gap: .55rem; flex-wrap: wrap; }
.sp-pagina .intesta .comandi { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.sp-pagina .intesta .comandi .bottone { white-space: nowrap; }
.sp-pagina .sp-briciole { margin: 0 0 .5rem; font-size: .85rem; color: var(--grigio); overflow-wrap: anywhere; }
.sp-pagina .sp-due { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 1rem; align-items: start; }
.sp-pagina .sp-colonna { display: flex; flex-direction: column; gap: 1rem; min-width: 0; }
.sp-pagina .sp-nessuno { color: var(--grigio); font-style: normal; }
.sp-pagina h2 { margin-bottom: .6rem; }
.sp-pagina .pannello h3 { margin: 1.1rem 0 .4rem; font-size: .8rem; }
.sp-pagina .pannello input[type="text"][readonly] { font-size: .88rem; }

/* Oggi: i riquadri */
.sp-pagina .sp-griglia { display: grid; grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr)); gap: 1rem; }
.sp-pagina .sp-riquadro { display: flex; flex-direction: column; gap: .5rem; min-width: 0; }
.sp-pagina .sp-riquadro-testa { display: flex; align-items: center; gap: .6rem; }
.sp-pagina .sp-riquadro-testa h2 { margin: 0; font-size: 1.05rem; flex: 1; }
.sp-riquadro-icona { display: inline-grid; place-items: center; width: 2rem; height: 2rem; border-radius: .6rem; background: color-mix(in srgb, var(--sp-accento, var(--viola)) 22%, transparent); color: var(--testo); flex: none; }
.sp-riquadro-icona svg { width: 1.1rem; height: 1.1rem; }
.sp-pagina .sp-icona-titolo { width: 2.2rem; height: 2.2rem; border-radius: .7rem; }
.sp-pagina .sp-conta { display: inline-grid; place-items: center; min-width: 1.6rem; height: 1.6rem; padding: 0 .45rem; border-radius: 999px; background: var(--viola); color: #fff; font-size: .78rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.sp-pagina .sp-elenco { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.sp-pagina .sp-elenco li + li { border-top: 1px solid rgba(42, 34, 56, .7); }
.sp-pagina .sp-voce { display: flex; flex-direction: column; gap: .1rem; padding: .6rem .3rem; min-height: 2.75rem; color: var(--testo); border-radius: .5rem; justify-content: center; }
.sp-pagina .sp-voce:hover { text-decoration: none; background: linear-gradient(90deg, color-mix(in srgb, var(--sp-accento, var(--viola)) 14%, transparent), transparent 85%); }
.sp-pagina .sp-voce small { color: var(--grigio); }
.sp-pagina .sp-voce.sp-ritardo .sp-voce-testo { color: var(--errore); }
.sp-pagina .sp-voce.sp-nuovo .sp-voce-testo::after { content: " ●"; color: var(--ambra); font-size: .7em; }
.sp-pagina .sp-vuoto { color: var(--grigio); margin: .3rem 0; }
.sp-pagina .sp-sommario { color: var(--grigio); margin: -.1rem 0 .3rem; font-size: .9rem; }
.sp-pagina .sp-tutti { margin: auto 0 0; padding-top: .4rem; font-size: .9rem; }
.sp-pagina .sp-vuoto-pagina { max-width: 40rem; }

/* le schede delle tabelle */
.sp-pagina .sp-carte { display: grid; grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr)); gap: 1rem; margin-bottom: 1rem; }
.sp-pagina .sp-carta { display: flex; flex-direction: column; gap: .35rem; min-width: 0; }
.sp-pagina .sp-carta header { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; }
.sp-pagina .sp-carta h2 { margin: 0; font-size: 1.15rem; flex: 1; min-width: 0; }
.sp-pagina .sp-carta h2 a { color: var(--ciano); }
.sp-pagina .sp-carta .didascalia { margin: 0; }
.sp-pagina .sp-carta-azioni { display: flex; gap: .5rem; flex-wrap: wrap; margin: .5rem 0 0; }
.sp-pagina .sp-nuova { margin-top: 1rem; scroll-margin-top: 5rem; }
.sp-pagina .sp-nuova[data-sp-chiuso] { display: none; }
.sp-pagina .sp-icone { border: 0; padding: 0; margin: 0; min-width: 0; display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; }
.sp-pagina .sp-icone legend { color: var(--grigio); font-size: .85rem; padding: 0; margin: 0 0 .4rem; float: left; width: 100%; }
.sp-pagina .sp-icona-scelta { position: relative; display: inline-grid; place-items: center; width: 2.75rem; height: 2.75rem; margin: 0; border-radius: .7rem; border: 1px solid var(--bordo); color: var(--grigio); cursor: pointer; background: transparent; }
.sp-pagina .sp-icona-scelta input { position: absolute; width: 1px; height: 1px; opacity: 0; margin: 0; padding: 0; pointer-events: none; }
.sp-pagina .sp-icona-scelta svg { width: 1.25rem; height: 1.25rem; }
.sp-pagina .sp-icona-scelta:hover { color: var(--testo); background: var(--pannello-2); }
.sp-pagina .sp-icona-scelta:has(input:checked) { color: var(--testo); border-color: var(--sp-accento, var(--viola)); background: color-mix(in srgb, var(--sp-accento, var(--viola)) 28%, transparent); }
.sp-pagina .sp-icona-scelta:has(input:focus-visible) { outline: 2px solid var(--ciano); outline-offset: 2px; }

/* cerca e filtra */
.sp-pagina .sp-filtri { margin-bottom: 1rem; padding: 1rem; }
.sp-pagina .sp-filtri-modulo { display: flex; flex-direction: column; gap: .8rem; }
.sp-pagina .sp-cerca { min-width: 0; }
.sp-pagina .sp-selettori { display: grid; grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr)); gap: .6rem .8rem; }
.sp-pagina .sp-selettori > div { min-width: 0; }
.sp-pagina .sp-intervallo span { display: flex; gap: .4rem; min-width: 0; }
.sp-pagina .sp-intervallo input { flex: 1 1 0; min-width: 0; width: 100%; }
@media (min-width: 701px) { .sp-pagina .sp-intervallo { grid-column: span 2; } } /* 14/10/2026: due date in una cella da 10.5rem sbordavano sulla tendina accanto */
.sp-pagina .sp-azioni { display: flex; gap: .6rem; flex-wrap: wrap; align-items: center; margin-top: .3rem; }
.sp-pagina .sp-togli-filtri { font-size: .9rem; }
.sp-pagina .sp-stati { display: flex; flex-wrap: wrap; gap: .4rem; }
.sp-pagina .sp-stati a { display: inline-flex; gap: .4rem; align-items: center; padding: .35rem .8rem; border-radius: 999px; border: 1px solid var(--bordo); color: var(--grigio); font-size: .9rem; }
.sp-pagina .sp-stati a:hover { text-decoration: none; color: var(--testo); background: var(--pannello-2); }
.sp-pagina .sp-stati a.attivo { color: var(--testo); border-color: var(--sp-accento, var(--viola)); background: color-mix(in srgb, var(--sp-accento, var(--viola)) 22%, transparent); }
.sp-pagina .sp-stati b { font-variant-numeric: tabular-nums; }

/* l'elenco delle righe (tabella su misura e console): sul computer colonne, sul telefono una carta per riga */
.sp-pagina .sp-lista { padding: .4rem .5rem; overflow: hidden; }
.sp-pagina .sp-testa, .sp-pagina .sp-riga { display: flex; align-items: center; gap: .75rem; padding: .65rem .55rem; min-width: 0; }
.sp-pagina .sp-testa { color: var(--grigio); font-size: var(--testo-min); font-weight: 700; text-transform: uppercase; letter-spacing: .07em; border-bottom: 1px solid var(--bordo); padding-bottom: .5rem; }
.sp-pagina .sp-testa a { color: var(--grigio); } .sp-pagina .sp-testa a:hover { color: var(--testo); text-decoration: none; }
.sp-pagina .sp-testa em { font-style: normal; color: var(--ciano); }
.sp-pagina .sp-riga { color: var(--testo); border-radius: .6rem; }
.sp-pagina .sp-riga + .sp-riga, .sp-pagina .sp-riga-scelta + .sp-riga-scelta, .sp-pagina .sp-riga-scelta + .sp-riga { border-top: 1px solid rgba(42, 34, 56, .7); }
/* azioni in blocco (16/10/2026): la casella sta FUORI dal link della riga; le caselle appartengono al modulo in fondo (attributo form=) */
.sp-pagina .sp-riga-scelta { display: flex; align-items: stretch; min-width: 0; }
.sp-pagina .sp-riga-scelta > .sp-riga { flex: 1 1 auto; min-width: 0; }
.sp-pagina .sp-c-sel { flex: 0 0 2rem; display: flex; align-items: center; justify-content: center; margin: 0; cursor: pointer; }
.sp-pagina .sp-testa > .sp-c-sel { flex: 0 0 2rem; }
.sp-pagina .sp-c-sel input { width: 1.05rem; height: 1.05rem; accent-color: var(--sp-accento, var(--viola)); cursor: pointer; }
.sp-pagina .sp-in-blocco { display: flex; flex-wrap: wrap; gap: .6rem 1.2rem; align-items: center; margin-top: .8rem; padding: .8rem 1rem; position: sticky; bottom: .6rem; z-index: 3; }
.sp-pagina .sp-in-blocco[hidden] { display: none; }
.sp-pagina .sp-in-blocco-gesto { display: inline-flex; gap: .5rem; align-items: center; }
.sp-pagina .sp-in-blocco-gesto label { color: var(--grigio); font-size: .9rem; }
.sp-pagina .sp-in-blocco-gesto select { max-width: 14rem; }
.sp-pagina .sp-in-blocco-togli { margin-left: auto; }
.sp-pagina .bottone.sp-rosso { color: var(--rosso, #f87171); border-color: color-mix(in srgb, var(--rosso, #f87171) 50%, transparent); }
.sp-pagina .sp-riga:hover { text-decoration: none; background: linear-gradient(90deg, color-mix(in srgb, var(--sp-accento, var(--viola)) 14%, transparent), transparent 90%); }
.sp-pagina .sp-testa > span, .sp-pagina .sp-riga > span { flex: 1 1 0; min-width: 0; overflow-wrap: anywhere; }
.sp-pagina .sp-testa > span:nth-child(2), .sp-pagina .sp-riga > span:nth-child(2) { flex-grow: 2.2; }
.sp-pagina .sp-testa > .sp-c-num, .sp-pagina .sp-riga > .sp-c-num { flex: 0 0 2.4rem; color: var(--grigio); font-variant-numeric: tabular-nums; }
.sp-pagina .sp-c-numero, .sp-pagina .sp-c-importo, .sp-pagina .sp-c-calcolo { text-align: right; font-variant-numeric: tabular-nums; padding-right: 1.1rem; }
.sp-pagina .sp-calcolo { margin: 0; padding: .55rem .2rem; } .sp-pagina .sp-calcolo small { display: block; }
.sp-pagina .sp-testa > .sp-c-importo, .sp-pagina .sp-riga > .sp-c-importo, .sp-pagina .sp-testa > .sp-c-calcolo, .sp-pagina .sp-riga > .sp-c-calcolo { flex-grow: 1.5; white-space: nowrap; overflow-wrap: normal; }
.sp-pagina .sp-c-web, .sp-pagina .sp-c-email, .sp-pagina .sp-c-file { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; overflow-wrap: normal; }
.sp-pagina .sp-primo { font-weight: 700; }
.sp-pagina .sp-chip, .sp-pagina .sp-moduli-chip .sp-chip { display: inline-block; padding: .1rem .55rem; border-radius: 999px; font-size: .75rem; background: color-mix(in srgb, var(--sp-accento, var(--viola)) 20%, transparent); color: var(--testo); margin: 0 .25rem .25rem 0; }
.sp-pagina .sp-lista-console .sp-testa > span:nth-child(2), .sp-pagina .sp-lista-console .sp-riga > span:nth-child(2) { flex-grow: 1; }
.sp-pagina .sp-lista-console .sp-testa > span:nth-child(1), .sp-pagina .sp-lista-console .sp-riga > span:nth-child(1) { flex-grow: 2.4; }
.sp-pagina .sp-lista-console .sp-testa > span:nth-child(4), .sp-pagina .sp-lista-console .sp-riga > span:nth-child(4) { flex-grow: 2; }
.sp-pagina .sp-lista-console .sp-primo { display: flex; align-items: center; gap: .7rem; }
.sp-pagina .sp-nome { display: flex; flex-direction: column; min-width: 0; }
.sp-pagina .sp-nome small { color: var(--grigio); font-weight: 400; overflow-wrap: anywhere; }
.sp-pagina .sp-pagine { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; margin: .9rem 0 0; color: var(--grigio); }
.sp-pagina .sp-pagine span { margin-right: auto; }

/* una riga: la scheda, la storia */
.sp-pagina .sp-dati { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: 1rem 1.2rem; margin: 0; }
.sp-pagina .sp-dato { min-width: 0; }
.sp-pagina .sp-dato dt { color: var(--grigio); font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; margin-bottom: .15rem; }
.sp-pagina .sp-dato dd { margin: 0; font-size: 1.02rem; overflow-wrap: anywhere; }
.sp-pagina .sp-testo-lungo { display: block; white-space: normal; }
.sp-pagina .sp-assegna select { width: 100%; }
.sp-pagina .sp-storia { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .7rem; }
.sp-pagina .sp-storia li { display: flex; flex-direction: column; gap: .1rem; padding-left: .9rem; border-left: 2px solid color-mix(in srgb, var(--sp-accento, var(--viola)) 55%, transparent); }
.sp-pagina .sp-storia-quando, .sp-pagina .sp-registro-quando { color: var(--grigio); font-size: .8rem; font-variant-numeric: tabular-nums; }
.sp-pagina .sp-storia-testo { overflow-wrap: anywhere; font-size: .93rem; }
/* «Le mie righe» (17/10/2026) */
.sp-pagina .sp-mie-gruppo h2 { display: flex; align-items: center; gap: .5rem; }
.sp-pagina .sp-mie-persona { display: flex; align-items: center; gap: .5rem; } .sp-pagina .sp-mie-persona label { color: var(--grigio); font-size: .9rem; }
.sp-pagina .sp-voci { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.sp-pagina .sp-voci li { border-top: 1px solid rgba(42, 34, 56, .7); } .sp-pagina .sp-voci li:first-child { border-top: 0; }
.sp-pagina .sp-voci a { display: flex; flex-wrap: wrap; gap: .2rem .8rem; align-items: baseline; padding: .55rem .2rem; color: var(--testo); }
.sp-pagina .sp-voci a:hover { text-decoration: none; background: color-mix(in srgb, var(--sp-accento, var(--viola)) 10%, transparent); }
.sp-pagina .sp-voce-sotto { color: var(--grigio); font-size: .85rem; }
.sp-pagina .sp-voci li.sp-ritardo strong, .sp-pagina .sp-voci li.sp-ritardo .sp-voce-sotto:first-of-type { color: var(--rosso, #f87171); }
.sp-pagina .sp-voci li.sp-oggi .sp-voce-sotto:first-of-type { color: var(--ambra, #fbbf24); }
/* i promemoria (17/10/2026) */
.sp-pagina .sp-promemoria-modulo { display: grid; gap: .6rem; } .sp-pagina .sp-promemoria-modulo .sp-campo { display: grid; gap: .25rem; }
.sp-pagina .sp-promemoria-modulo label { color: var(--grigio); font-size: .85rem; }
.sp-pagina .sp-promemoria-attuale { margin: 0 0 .6rem; } .sp-pagina .sp-promemoria-attuale.sp-ritardo strong { color: var(--rosso, #f87171); }
/* le note nella storia (17/10/2026) */
.sp-pagina .sp-nota-modulo { display: flex; gap: .6rem; align-items: flex-start; margin-bottom: 1rem; }
.sp-pagina .sp-nota-modulo textarea { flex: 1 1 auto; min-width: 0; resize: vertical; }
.sp-pagina .sp-storia li.sp-storia-nota { border-left-color: var(--ambra, #fbbf24); }
.sp-pagina .sp-nota { display: block; margin-top: .25rem; padding: .5rem .7rem; border-radius: .5rem; background: color-mix(in srgb, var(--ambra, #fbbf24) 12%, transparent); quotes: none; white-space: pre-wrap; }
@media (max-width: 700px) { .sp-pagina .sp-nota-modulo { flex-direction: column; align-items: stretch; } }
.sp-pagina .sp-da { color: var(--grigio); text-decoration: line-through; } .sp-pagina .sp-a { color: var(--ok); font-weight: 600; }
.sp-pagina .sp-pericolo { border-color: rgba(248, 113, 113, .35); }
.sp-pagina .sp-pericolo h2 { color: var(--errore); font-size: 1.05rem; }

/* moduli */
.sp-pagina .sp-modulo { display: flex; flex-direction: column; gap: .8rem; }
.sp-pagina .sp-modulo-grande { gap: 1rem; }
.sp-pagina .sp-campi { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: .9rem 1.1rem; }
.sp-pagina .sp-campo { display: flex; flex-direction: column; gap: .15rem; min-width: 0; }
.sp-pagina .sp-campo.sp-tipo-testo_lungo, .sp-pagina .sp-campo.sp-tipo-piu_scelte, .sp-pagina .sp-campo.sp-tipo-file { grid-column: 1 / -1; }
.sp-pagina .sp-campo .didascalia { margin: .1rem 0 0; }
.sp-pagina .sp-campi-due { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.sp-pagina .sp-campi-tre { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.sp-pagina .sp-campo.sp-errore input, .sp-pagina .sp-campo.sp-errore select, .sp-pagina .sp-campo.sp-errore textarea { border-color: var(--errore); }
.sp-pagina .sp-msg { margin: .2rem 0 0; color: var(--errore); font-size: .88rem; }
.sp-pagina .sp-obbl { color: var(--ciano); }
.sp-pagina .sp-importo { display: flex; align-items: stretch; gap: 0; }
.sp-pagina .sp-importo .sp-valuta { display: inline-grid; place-items: center; padding: 0 .8rem; border: 1px solid var(--bordo); border-right: 0; border-radius: var(--raggio-piccolo) 0 0 var(--raggio-piccolo); background: var(--pannello-2); color: var(--grigio); font-size: .85rem; font-weight: 700; }
.sp-pagina .sp-importo input { border-radius: 0 var(--raggio-piccolo) var(--raggio-piccolo) 0; min-width: 0; }
.sp-pagina .sp-spunte { display: flex; flex-wrap: wrap; gap: .3rem .6rem; }
.sp-pagina .sp-cliente { position: relative; }
.sp-pagina .sp-cliente input[type="search"] { padding-right: 2.4rem; }
.sp-pagina .sp-togli { position: absolute; top: .3rem; right: .35rem; }
.sp-pagina .sp-risultati { position: absolute; z-index: 20; left: 0; right: 0; top: calc(100% + .25rem); margin: 0; padding: .25rem; list-style: none; background: var(--pannello-2); border: 1px solid var(--bordo); border-radius: var(--raggio-piccolo); max-height: 15rem; overflow: auto; box-shadow: 0 12px 28px rgba(0, 0, 0, .45); }
.sp-pagina .sp-risultati[hidden] { display: none; }
.sp-pagina .sp-risultati li { padding: .1rem 0; } .sp-pagina li.sp-nessuno { padding: .5rem .6rem; }
.sp-pagina .sp-risultato { display: flex; flex-direction: column; align-items: flex-start; gap: 0; width: 100%; background: transparent; border-radius: .5rem; padding: .5rem .6rem; font-weight: 400; text-align: left; min-height: 2.75rem; justify-content: center; }
.sp-pagina .sp-risultato:hover { background: color-mix(in srgb, var(--sp-accento, var(--viola)) 18%, transparent); }
.sp-pagina .sp-risultato small { color: var(--grigio); }
.sp-pagina .sp-barra-fissa { padding: .8rem 0; margin-top: .4rem; }  /* sul computer sta in fondo al modulo; sul telefono resta in vista (sotto) */

/* disegnare la tabella */
.sp-pagina .sp-colonne, .sp-pagina .sp-colonne-lista { list-style: none; margin: 0 0 .6rem; padding: 0; display: flex; flex-direction: column; }
.sp-pagina .sp-colonna-riga, .sp-pagina .sp-colonne-lista li { display: flex; justify-content: space-between; align-items: center; gap: .8rem; flex-wrap: wrap; padding: .6rem 0; border-top: 1px solid rgba(42, 34, 56, .7); }
.sp-pagina .sp-colonna-riga:first-child, .sp-pagina .sp-colonne-lista li:first-child { border-top: 0; }
.sp-pagina .sp-colonna-testo, .sp-pagina .sp-colonne-lista li { min-width: 0; }
.sp-pagina .sp-colonna-testo { display: flex; flex-direction: column; flex: 1 1 11rem; }
.sp-pagina .sp-colonna-testo small, .sp-pagina .sp-colonne-lista small { color: var(--grigio); font-size: .8rem; overflow-wrap: anywhere; }
.sp-pagina .sp-colonne-lista li { flex-direction: column; align-items: flex-start; gap: 0; }
.sp-pagina .sp-colonna-azioni { display: flex; gap: .35rem; flex-wrap: wrap; align-items: center; }
.sp-pagina .sp-colonna-azioni form { margin: 0; }
.sp-pagina .bottone.piccolo { padding: .3rem .6rem; font-size: .85rem; }
.sp-pagina .sp-nascosta { opacity: .6; }
.sp-pagina .sp-tolte { opacity: .8; }

/* importare */
.sp-pagina .sp-mappa { display: flex; flex-direction: column; margin-bottom: 1rem; }
.sp-pagina .sp-mappa-testa, .sp-pagina .sp-mappa-riga { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: .8rem 1.2rem; padding: .7rem 0; }
.sp-pagina .sp-mappa-testa { color: var(--grigio); font-size: var(--testo-min); font-weight: 700; text-transform: uppercase; letter-spacing: .07em; border-bottom: 1px solid var(--bordo); padding-top: 0; }
.sp-pagina .sp-mappa-riga { border-top: 1px solid rgba(42, 34, 56, .7); align-items: start; }
.sp-pagina .sp-mappa-testa + .sp-mappa-riga { border-top: 0; }
.sp-pagina .sp-mappa-file { display: flex; flex-direction: column; min-width: 0; overflow-wrap: anywhere; }
.sp-pagina .sp-mappa-file small, .sp-pagina .sp-perche { color: var(--grigio); font-size: .8rem; }
.sp-pagina .sp-mappa-dove { display: flex; flex-direction: column; gap: .3rem; min-width: 0; }
.sp-pagina .sp-nuova-colonna { display: none; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: .4rem; }
.sp-pagina .sp-mappa-dove:has(option[value="+"]:checked) .sp-nuova-colonna { display: grid; }  /* il nome e il tipo della colonna nuova si vedono solo se la scelta è «+ Crea una colonna nuova» */
.sp-pagina .sp-anteprima-tabella { overflow-x: auto; margin: .6rem 0; border: 1px solid var(--bordo); border-radius: var(--raggio-piccolo); }
.sp-pagina .sp-anteprima-tabella table { width: 100%; border-collapse: collapse; font-size: .88rem; }
.sp-pagina .sp-anteprima-tabella th, .sp-pagina .sp-anteprima-tabella td { text-align: left; padding: .45rem .7rem; border-top: 1px solid rgba(42, 34, 56, .7); white-space: nowrap; max-width: 18rem; overflow: hidden; text-overflow: ellipsis; }
.sp-pagina .sp-anteprima-tabella th { border-top: 0; color: var(--grigio); font-size: var(--testo-min); text-transform: uppercase; letter-spacing: .06em; }
.sp-pagina .sp-cella-errore { color: var(--errore); background: rgba(248, 113, 113, .1); }
.sp-pagina .sp-saltate { margin-top: .6rem; } .sp-pagina .sp-saltate summary { cursor: pointer; color: var(--attenzione); }
.sp-pagina .sp-saltate ul { margin: .5rem 0 0; padding-left: 1.2rem; font-size: .9rem; color: var(--grigio); }
.sp-pagina .sp-righe-anteprima { display: grid; gap: .6rem; margin: 0 0 .6rem; }
.sp-pagina .sp-righe-anteprima > div { display: grid; grid-template-columns: minmax(9rem, 1fr) minmax(0, 3fr); gap: .3rem 1rem; padding: .5rem 0; border-top: 1px solid rgba(42, 34, 56, .7); }
.sp-pagina .sp-righe-anteprima > div:first-child { border-top: 0; }
.sp-pagina .sp-righe-anteprima dt { font-weight: 700; } .sp-pagina .sp-righe-anteprima dd { margin: 0; color: var(--testo-2); overflow-wrap: anywhere; }

/* la squadra, gli strumenti, i numeri */
.sp-pagina .sp-persone { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.sp-pagina .sp-persone li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .2rem .8rem; align-items: center; padding: .65rem 0; border-top: 1px solid rgba(42, 34, 56, .7); }
.sp-pagina .sp-persone li:first-child { border-top: 0; }
.sp-pagina .sp-persone small { color: var(--grigio); font-size: .8rem; display: block; }
.sp-pagina .sp-persone > li > span:first-child strong { display: block; }
.sp-pagina .sp-persona-link { display: flex; align-items: center; gap: .7rem; min-width: 0; color: var(--testo); }
.sp-pagina .sp-persona-link:hover { text-decoration: none; } .sp-pagina .sp-persona-link:hover strong { color: var(--ciano); }
.sp-pagina .sp-persona-testo { display: flex; flex-direction: column; min-width: 0; overflow-wrap: anywhere; }
.sp-pagina .sp-persona-ruolo { font-size: .78rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--ciano); text-align: right; }
.sp-pagina .sp-persona-accesso { grid-column: 1 / -1; }
.sp-pagina .sp-spenta { opacity: .55; }
.sp-pagina .sp-ruoli { display: flex; flex-direction: column; gap: .5rem; margin: .3rem 0 .4rem; padding: .7rem .9rem; border-radius: var(--raggio-piccolo); background: rgba(255, 255, 255, .03); border: 1px solid var(--bordo); }
.sp-pagina .sp-ruoli dt { font-weight: 700; font-size: .9rem; } .sp-pagina .sp-ruoli dd { margin: 0; color: var(--grigio); font-size: .85rem; }
.sp-pagina .sp-registro { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.sp-pagina .sp-registro li { display: flex; gap: .8rem; padding: .45rem 0; border-top: 1px solid rgba(42, 34, 56, .7); font-size: .92rem; }
.sp-pagina .sp-registro li:first-child { border-top: 0; } .sp-pagina .sp-registro-quando { flex: none; width: 6.5rem; }
/* la pagina «Attività» (16/10/2026): data intera, la persona, il gesto in parole */
.sp-pagina .sp-registro-lungo .sp-registro-quando { width: 8.6rem; }
.sp-pagina .sp-registro-lungo .sp-registro-chi { flex: none; width: 11rem; color: var(--grigio); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sp-pagina .sp-registro-lungo .sp-registro-cosa { flex: 1 1 0; min-width: 0; overflow-wrap: anywhere; }
.sp-pagina .sp-registro-lungo li.sp-esito-errore .sp-registro-cosa strong, .sp-pagina .sp-registro-lungo li.sp-esito-rifiutata .sp-registro-cosa strong { color: var(--rosso, #f87171); }
@media (max-width: 700px) { .sp-pagina .sp-registro-lungo li { flex-wrap: wrap; } .sp-pagina .sp-registro-lungo .sp-registro-chi { width: auto; } .sp-pagina .sp-registro-lungo .sp-registro-cosa { flex-basis: 100%; } }
.sp-pagina .sp-moduli-lista, .sp-pagina .sp-moduli-console, .sp-pagina .sp-moduli-scelta, .sp-pagina .sp-tabelle-console { list-style: none; margin: 0 0 .6rem; padding: 0; display: flex; flex-direction: column; }
.sp-pagina .sp-moduli-lista li, .sp-pagina .sp-moduli-console li { display: grid; grid-template-columns: 1.4rem minmax(0, 1fr) auto; gap: .6rem; align-items: center; padding: .55rem 0; border-top: 1px solid rgba(42, 34, 56, .7); }
.sp-pagina .sp-moduli-lista li:first-child, .sp-pagina .sp-moduli-console li:first-child { border-top: 0; }
.sp-pagina .sp-moduli-lista small, .sp-pagina .sp-moduli-console small, .sp-pagina .sp-moduli-scelta small, .sp-pagina .sp-tabelle-console small { display: block; color: var(--grigio); font-size: .8rem; }
.sp-pagina .sp-moduli-console form { margin: 0; }
.sp-pagina .sp-spento, .sp-pagina .sp-spento-console { opacity: .6; }
.sp-pagina .sp-modulo-stato { color: var(--ok); font-weight: 800; text-align: center; } .sp-pagina .sp-spento .sp-modulo-stato, .sp-pagina .sp-spento-console .sp-modulo-stato { color: var(--grigio); }
.sp-pagina .sp-modulo-parola { font-size: .75rem; letter-spacing: .06em; text-transform: uppercase; color: var(--grigio); }
.sp-pagina .sp-scelta-modulo { display: flex; align-items: flex-start; gap: .7rem; margin: 0; padding: .55rem .2rem; color: var(--testo); font-size: 1rem; cursor: pointer; border-top: 1px solid rgba(42, 34, 56, .7); }
.sp-pagina .sp-moduli-scelta li:first-child .sp-scelta-modulo { border-top: 0; }
.sp-pagina .sp-scelta-modulo input { width: 1.15rem; height: 1.15rem; margin: .2rem 0 0; flex: none; }
.sp-pagina .sp-scelta-modulo strong { display: block; }
.sp-pagina .sp-tabelle-console li { display: flex; justify-content: space-between; gap: .8rem; padding: .5rem 0; border-top: 1px solid rgba(42, 34, 56, .7); }
.sp-pagina .sp-tabelle-console li:first-child { border-top: 0; }
.sp-pagina .sp-numeri { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin: 0 0 1rem; }
.sp-pagina .sp-numeri > div { min-width: 0; }
.sp-pagina .sp-numeri dt { color: var(--grigio); font-size: .8rem; } .sp-pagina .sp-numeri dd { margin: 0; font-size: 1.5rem; font-weight: 800; } .sp-pagina .sp-numeri small { font-size: .8rem; color: var(--grigio); font-weight: 400; }
.sp-pagina .sp-assistenze { list-style: none; margin: .4rem 0 0; padding: 0; } .sp-pagina .sp-assistenze li { display: flex; justify-content: space-between; gap: .6rem; flex-wrap: wrap; padding: .35rem 0; border-top: 1px solid rgba(42, 34, 56, .7); font-size: .9rem; } .sp-pagina .sp-assistenze small { color: var(--grigio); }
.sp-pagina .sp-gesti { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.sp-pagina .sp-gesti form { margin: 0; }
.sp-pagina .spia.sp-stato-ATTIVO { color: var(--ok); border-color: rgba(52, 211, 153, .4); }
.sp-pagina .spia.sp-stato-IN_PREPARAZIONE { color: var(--attenzione); border-color: rgba(251, 191, 36, .4); }
.sp-pagina .spia.sp-stato-SOSPESO { color: var(--ciano); border-color: rgba(245, 165, 36, .45); }
.sp-pagina .spia.sp-stato-CHIUSO { color: var(--errore); border-color: rgba(248, 113, 113, .4); }
.sp-pagina .sp-dal-progetto { margin: 0 0 1rem; display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; }
.sp-dal-progetto { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; margin: 0 0 1rem; }

@media (max-width: 900px) {
  .sp-pagina .sp-due { grid-template-columns: minmax(0, 1fr); }
  .sp-assistenza { padding: .5rem .75rem; font-size: .85rem; }
}
/* telefono: l'elenco diventa una carta per riga, le intestazioni sparite (restano per chi legge con la voce), i bottoni larghi */
@media (max-width: 700px) {
  .sp-pagina .sp-testa { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
  .sp-pagina .sp-lista { padding: .3rem; }
  .sp-pagina .sp-riga { display: grid; grid-template-columns: minmax(0, 1fr); gap: .25rem; padding: .8rem .7rem; }
  .sp-pagina .sp-c-sel { flex-basis: 2.2rem; align-items: flex-start; padding-top: .9rem; }
  .sp-pagina .sp-in-blocco { bottom: 4.6rem; }  /* sopra la barra del telefone */
  .sp-pagina .sp-in-blocco-togli { margin-left: 0; }
  .sp-pagina .sp-riga > span, .sp-pagina .sp-riga > span:nth-child(2) { flex: none; }
  .sp-pagina .sp-riga > .sp-c-num { order: -1; font-size: .75rem; }
  .sp-pagina .sp-riga > .sp-primo { font-size: 1.05rem; }
  .sp-pagina .sp-riga > .sp-cella[data-nome] { display: block; position: relative; padding-left: 7.4rem; min-height: 1.3rem; font-size: .92rem; text-align: left; }
  .sp-pagina .sp-riga > .sp-cella[data-nome]::before { content: attr(data-nome); position: absolute; left: 0; top: .15rem; width: 7rem; color: var(--grigio); font-size: .78rem; }
  .sp-pagina .sp-riga > .sp-primo[data-nome] { padding-left: 0; font-size: 1.05rem; }
  .sp-pagina .sp-riga > .sp-primo[data-nome]::before { content: none; }
  .sp-pagina .sp-c-web, .sp-pagina .sp-c-email, .sp-pagina .sp-c-file { white-space: normal; overflow-wrap: anywhere; }
  .sp-pagina .sp-c-numero, .sp-pagina .sp-c-importo, .sp-pagina .sp-c-calcolo { text-align: left; padding-right: 0; }
  .sp-pagina .sp-lista-console .sp-primo { display: flex; }
  .sp-pagina .intesta .comandi { width: 100%; }
  .sp-pagina .intesta .comandi .bottone { flex: 1 1 auto; justify-content: center; min-height: 2.75rem; }
  .sp-pagina .sp-campi-due, .sp-pagina .sp-campi-tre { grid-template-columns: 1fr; }
  .sp-pagina .sp-campi { grid-template-columns: 1fr; }
  .sp-pagina .sp-mappa-testa { display: none; }
  .sp-pagina .sp-mappa-riga { grid-template-columns: 1fr; gap: .4rem; }
  .sp-pagina .sp-righe-anteprima > div { grid-template-columns: 1fr; }
  .sp-pagina .sp-griglia { grid-template-columns: minmax(0, 1fr); }
  .sp-pagina .sp-numeri dd { font-size: 1.25rem; }
  .sp-pagina .sp-azioni .bottone, .sp-pagina .sp-azioni button { flex: 1 1 auto; justify-content: center; min-height: 2.75rem; }
  .sp-pagina .sp-barra-fissa { position: sticky; bottom: 0; z-index: 30; padding-bottom: calc(.8rem + env(safe-area-inset-bottom, 0px)); background: linear-gradient(0deg, var(--fondo) 65%, transparent); }
  .sp-pagina .sp-registro-quando { width: 5.2rem; }
  .sp-pagina .sp-colonna-azioni { width: 100%; }
  .sp-pagina .sp-persone li { grid-template-columns: 1fr; }
  .sp-pagina .sp-persona-ruolo { text-align: left; }
}

/* modelli per settore (14/10/2026; docs/spazi.md «Modelli per settore») */
.sp-pagina .sp-modelli { margin-bottom: 1rem; }
.sp-pagina .sp-modelli > .didascalia { margin: 0 0 .8rem; }
.sp-pagina .sp-modello { border: 1px solid var(--bordo, rgba(127,127,127,.25)); border-radius: .6rem; padding: .9rem; }
.sp-pagina .sp-modello h3 { margin: 0; font-size: 1.1rem; flex: 1; min-width: 0; text-transform: none; letter-spacing: normal; color: var(--testo); }
.sp-pagina .sp-modello-tabelle { list-style: none; margin: .3rem 0 0; padding: 0; display: grid; gap: .3rem; }
.sp-pagina .sp-modello-tabelle li { display: flex; align-items: center; gap: .45rem; min-width: 0; overflow-wrap: anywhere; }
.sp-pagina .sp-modello-tabelle li.c-e { opacity: .6; }
.sp-pagina .sp-modello-tabelle .sp-riquadro-icona { flex: none; }

/* «stesso valore per tutte le righe» nell'importazione (14/10/2026; docs/spazi.md «Importare un foglio») */
.sp-pagina .sp-fissi summary { cursor: pointer; list-style: none; }
.sp-pagina .sp-fissi summary::-webkit-details-marker { display: none; }
.sp-pagina .sp-fissi summary h2 { display: inline; margin: 0; }
.sp-pagina .sp-fissi summary::before { content: "▸ "; color: var(--grigio); }
.sp-pagina .sp-fissi details[open] summary::before { content: "▾ "; }
.sp-pagina .sp-fissi-griglia { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: .6rem 1rem; margin-top: .6rem; }
.sp-pagina .sp-fissi .sp-dal-file { opacity: .55; }
.sp-pagina .sp-fissi label small { color: var(--grigio); font-weight: 400; }
.sp-pagina .sp-anteprima-tabella td.sp-cella-fissa { color: var(--grigio); font-style: italic; }

/* le righe collegate nella scheda di una riga (14/10/2026; docs/spazi.md «Le righe collegate») */
.sp-pagina .sp-collegate-testa { display: flex; align-items: center; justify-content: space-between; gap: .6rem; flex-wrap: wrap; }
.sp-pagina .sp-collegate-testa h2 { margin: 0; }
.sp-pagina .sp-conteggio { display: inline-block; min-width: 1.6em; padding: 0 .4em; border-radius: 1em; background: rgba(127, 127, 127, .2); font-size: .8rem; text-align: center; vertical-align: middle; }
.sp-pagina .sp-collegate-sommario { display: flex; flex-wrap: wrap; gap: .3rem 1rem; margin: .5rem 0 .2rem; color: var(--testo-2); }
.sp-pagina .sp-collegate-lista { list-style: none; margin: .3rem 0 0; padding: 0; }
.sp-pagina .sp-collegate-lista li { display: flex; justify-content: space-between; gap: .6rem; flex-wrap: wrap; padding: .4rem 0; border-top: 1px solid rgba(42, 34, 56, .7); min-width: 0; }
.sp-pagina .sp-collegate-lista li:first-child { border-top: 0; }
.sp-pagina .sp-collegate-lista li a { overflow-wrap: anywhere; }
.sp-pagina .sp-collegate-lista li small { color: var(--grigio); }

/* i totali delle colonne importo sulle righe filtrate (14/10/2026) */
.sp-pagina .sp-totali { font-weight: 600; border-top: 2px solid var(--bordo); background: rgba(127, 127, 127, .06); }
.sp-pagina .sp-totali .sp-totali-etichetta { white-space: nowrap; }
.sp-pagina .sp-totali .sp-totali-etichetta small { font-weight: 400; color: var(--grigio); }
@media (max-width: 700px) {
  .sp-pagina .sp-riga.sp-totali > .sp-cella.sp-vuota[data-nome], .sp-pagina .sp-riga.sp-totali > .sp-c-num { display: none; }
  .sp-pagina .sp-riga.sp-totali > .sp-cella.sp-totali-etichetta[data-nome] { padding-left: 0; font-size: 1.05rem; }
  .sp-pagina .sp-riga.sp-totali > .sp-cella.sp-totali-etichetta[data-nome]::before { content: none; }
}

/* il contrassegno di un filtro su una colonna collegata (14/10/2026) */
.sp-pagina .sp-filtro-collegato { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: 0 0 .8rem; }
.sp-pagina .sp-collegate-azioni { display: flex; gap: .4rem; flex-wrap: wrap; }

/* la pagina «Migrazione» della console (14/10/2026) */
.sp-pagina .sp-passi { list-style: none; margin: 0; padding: 0; }
.sp-pagina .sp-passo { display: grid; grid-template-columns: 2rem minmax(0, 1fr) auto; gap: .6rem .8rem; align-items: center; padding: .7rem 0; border-top: 1px solid var(--bordo); }
.sp-pagina .sp-passo:first-child { border-top: 0; }
.sp-pagina .sp-passo-segno { font-size: 1.3rem; text-align: center; }
.sp-pagina .sp-passo-fatto .sp-passo-segno { color: #3ddc97; }
.sp-pagina .sp-passo-dafare .sp-passo-segno { color: var(--arancio, #f7b955); }
.sp-pagina .sp-passo-niente { opacity: .55; }
.sp-pagina .sp-passo-testo { display: flex; flex-direction: column; min-width: 0; overflow-wrap: anywhere; }
.sp-pagina .sp-passo-testo small { color: var(--grigio); }
.sp-pagina .sp-passo-azioni { display: flex; gap: .4rem; flex-wrap: wrap; }
@media (max-width: 640px) { .sp-pagina .sp-passo { grid-template-columns: 2rem minmax(0, 1fr); } .sp-pagina .sp-passo-azioni { grid-column: 2; } }
.sp-pagina .spia.sp-dafare { color: var(--arancio, #f7b955); border-color: currentColor; }
.sp-pagina .spia.sp-ok { color: #3ddc97; border-color: currentColor; }
/* stile (03/11/2026): sul telefono il banner dell'assistenza occupava 113 px fissi: una riga sola, la spiegazione sparisce, il bottone resta */
@media (max-width: 700px) {
  .sp-assistenza { padding: .3rem .75rem; gap: .4rem .6rem; flex-wrap: nowrap; min-height: 2.75rem; max-height: 3rem; font-size: .82rem; }
  .sp-assistenza-testo { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sp-assistenza-sotto { display: none; }
  .sp-assistenza-esci { padding: .25rem .6rem; white-space: nowrap; min-height: 2.25rem; }
}