/* FZ Calor – tema «Menta» dell'area del gestore (v1.5.30): sfondo verde chiaro, rilassante, in TUTTE le sezioni del gestionale (cruscotto, Chat, Clienti,
   Interventi, Pagamenti, Preventivi, accesso). Scelto dall'utente fra tre anteprime (Menta, Salvia, Pistacchio) il 19 ott 2026.
   base.html lo carica solo per gli indirizzi /admin, DOPO il foglio della pagina (menu-vr.css, incassi.css, interventi.css…): così a parità di selettore
   vince questo e il fondale buio con gli aloni di luce del cruscotto e di Interventi diventa una stanza chiara. La chat pubblica (app-chat) resta scura,
   la testata «notte e fuoco» resta com'è. Niente immagini né librerie esterne (CSP: solo file nostri).
   v1.5.35: più glicine (#8f72dc, scelto dall'utente fra tre anteprime: «Azzurro + glicine»). L'arancio dei pulsanti (token --fuoco, --grad-fuoco, --grad-bolla)
   e l'azzurro (--ghiaccio, --grad-ghiaccio) diventano sfumature azzurro-glicine in tutto il gestore; i tasti secondari hanno il bordo glicine; lo sfondo va dal
   verde menta a un po' di lavanda in basso a destra; la fascia in fondo alla testata sfuma dall'azzurro al glicine.
   v1.5.40: la fascia Incassi diventa un velo di vetro smerigliato in glicine, fine (filo da 1 px in rilievo, cifre leggere), senza glitter.
   v1.6.9: lo stile della barra Incassi si sposta in incassi.css (linea del tempo). */

/* ---------- I colori del tema: sostituiscono quelli scuri di app.css (riga «Tema scuro sempre») solo nell'area del gestore ---------- */
:root {
  color-scheme: light;
  --testo: #12301f; --testo-tenue: #46675a;
  --sfondo: #d6f1e3; --carta: #fbfffd; --bordo: #b3dfc8;
  --ghiaccio-chiaro: #eceefc; --verde-chiaro: #d6f2e2;
  --ghiaccio: #4a55c4; --blu-scuro: #174a8b; --verde: #0f8a5f;
  --puntini: rgba(143, 114, 220, .1);
  --ombra: 0 1px 2px rgba(23, 48, 31, .06), 0 12px 28px -16px rgba(23, 80, 50, .3);
  /* il glicine prende il posto dell'arancio (pulsanti, contatori, lettere dell'elenco clienti, bolle di chat, bordi di focus): i pulsanti pieni sfumano
     dall'azzurro al glicine e restano abbastanza scuri da reggere il testo bianco (3,74:1 sul glicine puro #8f72dc, qui da 4,6:1 in su) */
  --gl: #8f72dc; --gl-scuro: #5f43b0; --gl-chiaro: #f1ecfc;
  --fuoco: #7d5fd0; --fuoco-scuro: #5f43b0; --fuoco-chiaro: #f1ecfc; --fuoco-bordo: #cfc0f2;
  --grad-fuoco: linear-gradient(135deg, #356fc6 0%, #5b60cf 50%, #7252c8 100%);
  --grad-bolla: var(--grad-fuoco);
  --grad-ghiaccio: linear-gradient(135deg, #4aa9f0 0%, #6f8cf0 50%, #8f72dc 100%);
  --grad-barra: linear-gradient(90deg, #1f5fae 0%, #1f8fe0 30%, #8f72dc 72%, #b79cf5 100%);
  --ombra-calda: 0 12px 26px -12px rgba(80, 90, 200, .55);
  /* lo sfondo: verde menta con un po' di lavanda in basso a destra */
  --tv-pagina: radial-gradient(70% 50% at 85% 100%, rgba(150, 125, 230, .34) 0%, rgba(150, 125, 230, 0) 72%), linear-gradient(168deg, #d6f1e3 0%, #dbeee9 45%, #e1dbf7 100%);
  --tv-scena: radial-gradient(70% 55% at 85% 100%, rgba(150, 125, 230, .4) 0%, rgba(150, 125, 230, 0) 72%), linear-gradient(168deg, #e9fbf2 0%, #d9efe6 50%, #dcd5f6 100%);
  --tv-alone-1: rgba(110, 190, 245, .5); --tv-alone-2: rgba(160, 135, 235, .5); --tv-alone-3: rgba(255, 255, 255, .8);
  --tv-vetro: linear-gradient(160deg, rgba(255, 255, 255, .85), rgba(236, 251, 243, .6));
  --tv-vetro-bordo: #c3e6d4;
  --tv-scheda: #fbfffd;
  --tv-piede: #c1e6d2;
}
body, body.vr-pagina, body.int-pagina { background: var(--tv-pagina); background-attachment: fixed; }

/* ---------- Piede ---------- */
.piede { background: var(--tv-piede); color: var(--testo-tenue); }
.piede a, .piede-marchio b { color: var(--testo); }
.piede-marchio img { box-shadow: 0 0 0 1px var(--bordo); }

/* ---------- Cruscotto (menu-vr.css): la stanza buia diventa luminosa, gli aloni restano ma chiari ---------- */
.vr-scena { color: var(--testo); }
.vr-sfondo { background: var(--tv-scena); }
.vr-alone { opacity: .85; }
.vr-alone-blu { --c: var(--tv-alone-1); }
.vr-alone-fuoco { --c: var(--tv-alone-2); }
.vr-alone-brace { --c: var(--tv-alone-3); }

/* ---------- Barra Incassi: dalla v1.6.9 lo stile (velo di vetro «Nebbia di glicine», linea del tempo) sta tutto in incassi.css; qui non ci sono più regole .inc-* ---------- */

/* ---------- Zaza nel cruscotto (cruscotto-zaza.css) ---------- */
.vr-saluto { text-shadow: none; }
.vr-saluto-nome { background: linear-gradient(90deg, #8f72dc, #4a8be0); -webkit-background-clip: text; background-clip: text; color: transparent; }
.vr-zaza-testo { color: var(--testo-tenue); }

/* ---------- Interventi (interventi.css): stessa luce del cruscotto, righe chiare col bordo a sinistra del colore dello stato ---------- */
.int-quanti { color: var(--testo-tenue); }
.int-col { background: var(--tv-vetro); border-color: var(--tv-vetro-bordo); }
.int-tab tbody tr.int-riga { border: 1px solid var(--tv-vetro-bordo); border-left: 5px solid var(--c2); background: var(--tv-scheda); box-shadow: 0 10px 22px -18px rgba(20, 70, 40, .5); }
.int-capo:hover { background: color-mix(in srgb, var(--c1) 14%, transparent); }
.int-tab td.importo { background: color-mix(in srgb, var(--verde) 8%, transparent); }
.int-cifra.evidenziata { background: color-mix(in srgb, var(--brace) 10%, transparent); }


/* ---------- Glicine (v1.5.35): bordi dei tasti, fuoco da tastiera, tondo dei clienti, testata ---------- */
input:focus, select:focus, textarea:focus { box-shadow: 0 0 0 4px rgba(143, 114, 220, .22); }   /* era l'alone arancio scritto a mano in app.css */
.btn.secondario, .mess-filtri button, .clienti-indice a, .clienti-indice span { border: 1.5px solid #b3a6ee; }
.btn.secondario:hover, .mess-filtri button:hover, .clienti-indice a:hover { border-color: var(--gl); background: var(--gl-chiaro); }
.btn.secondario { color: var(--gl-scuro); }
.sc-tondo { box-shadow: 0 8px 18px -8px rgba(111, 100, 230, .7); }
/* testata «notte e fuoco»: il bagliore arancio in basso a destra diventa glicine (restano il bagliore azzurro e un velo di rosso) */
.testata.testata-colore { background: radial-gradient(34% 160% at 0% 0%, rgba(31, 143, 224, .6), transparent 70%), radial-gradient(38% 180% at 100% 100%, rgba(143, 114, 220, .7), transparent 70%),
                                      radial-gradient(22% 120% at 100% 0%, rgba(211, 32, 42, .3), transparent 70%), #0a1d3b; }

/* v1.7.15: nessuna barra di scorrimento verticale della pagina in nessuna sezione del gestore (si scorre comunque con rotella e dito) */
html, body { scrollbar-width: none; -ms-overflow-style: none; }
html::-webkit-scrollbar, body::-webkit-scrollbar { display: none; width: 0; height: 0; }