/* ==========================================================================
   Alise — il tema teal di Alise Editore, con i segni del logo
   Da caricare SOLO con il tema Alise, DOPO style.css, documenti.css (finestra.css se usato)
   e migliorie.css. Con il tema Eden al suo posto si carica eden.css.

   Due segni, presi dai tracciati del logo approvato ("Logo Alise Approvato.pdf"):
   - la A: la grande A con le grazie, gamba sinistra sottile e destra doppia, attraversata
     dall'onda che sfuma verso destra (design/alise/ornamenti/filigrana-a.svg);
   - l'onda: quella singola sotto ALISE EDITORE, un filo e una banda che sfuma al 40%
     verso destra (design/alise/ornamenti/onda.svg).
   Sono maschere a tinta unita: forma qui, colore dal CSS. Tono su tono sui fondi teal
   (bianco tra il 7 e il 16%); sui fondi chiari l'onda sfuma dal teal all'oro, come nel logo.
   Colori: solo quelli di Alise (#187F9D, #176F87, #157996, oro #A49677, sabbia #E6E3DE)
   e i token di style.css (--brand, --gold… che nel tema scuro si schiariscono da soli).
   Solo CSS e pseudo-elementi su classi che esistono già: nessun cambio ai template.
   ========================================================================== */

:root {
  --alise-a: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 229.8 191.0' width='229.8' height='191.0'%3E%3Cdefs%3E%3ClinearGradient id='onda' gradientUnits='userSpaceOnUse' x1='76.04' y1='119.58' x2='219.86' y2='147.68'%3E%3Cstop offset='0' stop-opacity='1'/%3E%3Cstop offset='0.389' stop-opacity='1'/%3E%3Cstop offset='0.542' stop-opacity='0.834'/%3E%3Cstop offset='0.695' stop-opacity='0.675'/%3E%3Cstop offset='0.847' stop-opacity='0.526'/%3E%3Cstop offset='1.0' stop-opacity='0.4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M143.92 183.04C148.35 178.34 150.57 174.03 150.57 170.14C150.57 167.33 149.17 162.89 146.36 156.82L145 153.83L92.70 36.05L100.44 18.25L158.73 149.35C162.71 158.14 166.20 165 169.19 169.93C172.18 174.87 175.71 179.24 179.78 183.04ZM45.15 183.04L17.57 183.04C22.19 179.60 25.86 176.23 28.58 172.92C31.30 169.62 34.06 165.25 36.87 159.81C36.77 160.72 36.73 161.94 36.73 163.48C36.73 166.92 37.36 170.12 38.63 173.06C39.90 176 42.07 179.33 45.15 183.04M190.11 178.70C185.94 175.35 182.23 170.36 178.97 163.75L172.99 151.39C172.72 150.85 172.47 150.35 172.24 149.90C172.02 149.44 171.84 149.01 171.70 148.60C171.56 148.20 171.40 147.95 171.22 147.86L105.88 1L102.35 1L42.30 136.85C35.51 152.16 29.05 163.44 22.94 170.68C16.83 177.93 9.51 183 1 185.90L1 189.97L71.51 189.97L71.51 185.76C64.62 184.40 59.08 182.61 54.87 180.39C50.65 178.18 47.48 175.37 45.36 171.97C43.23 168.57 42.16 164.52 42.16 159.81C42.16 154.29 43.97 147.27 47.60 138.75L89.85 41.89L140.25 155.74C143.15 162.53 144.60 167.42 144.60 170.41C144.60 176.48 141.34 180.73 134.82 183.18C131.64 184.36 126.39 185.22 119.06 185.76L119.06 189.97L205.73 189.97L205.73 185.76C199.48 184.40 194.27 182.05 190.11 178.70'/%3E%3Cpath d='M103.86 126.29C82.55 121.45 63.73 121.73 47.68 124.62L43.64 133.69C58.78 133.15 77.20 135 99.36 140.98C184.78 164.05 205.59 117.60 205.59 117.60C205.59 117.60 188.81 145.57 103.86 126.29'/%3E%3Cpath d='M114.39 131.41C87.05 124.39 64.75 123.79 46.88 126.42L46.88 126.42L41.96 137.48C59.05 136.71 80.85 138.76 108.33 146.06L108.33 146.06C202.30 171.05 228.82 124.87 228.82 124.87L228.82 124.87C228.82 124.87 207.19 155.24 114.39 131.41' fill='url(%23onda)'/%3E%3C/svg%3E");
  --alise-onda: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 244.0 65.5' width='244.0' height='65.5'%3E%3Cdefs%3E%3ClinearGradient id='o' gradientUnits='userSpaceOnUse' x1='1.00' y1='0' x2='243.03' y2='0'%3E%3Cstop offset='0' stop-opacity='1.0'/%3E%3Cstop offset='0.35699' stop-opacity='1.0'/%3E%3Cstop offset='0.464' stop-opacity='0.929'/%3E%3Cstop offset='0.571' stop-opacity='0.838'/%3E%3Cstop offset='0.678' stop-opacity='0.737'/%3E%3Cstop offset='0.786' stop-opacity='0.63'/%3E%3Cstop offset='0.893' stop-opacity='0.517'/%3E%3Cstop offset='1.0' stop-opacity='0.4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M117.07 19.38C63.16 7.14 25.17 27.64 7.82 40.39L7.82 40.48C22.88 30.78 55.20 18.58 112.57 34.07C197.99 57.14 218.79 10.69 218.79 10.69C218.79 10.69 202.02 38.66 117.07 19.38'/%3E%3Cpath d='M128.59 24.83C35.79 1 1 51.07 1 51.07L1 51.07C1 51.07 28.52 14.49 122.54 39.49L122.54 39.49C216.50 64.47 243.03 18.29 243.03 18.29L243.03 18.29C243.03 18.29 221.40 48.66 128.59 24.83' fill='url(%23o)'/%3E%3C/svg%3E");
  /* l'onda sui fondi chiari: teal pieno che si apre nell'oro verso destra */
  --alise-onda-colore: linear-gradient(90deg, var(--brand) 0%, var(--brand-mid) 38%, var(--gold) 100%);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --alise-onda-colore: linear-gradient(90deg, var(--brand) 0%, var(--brand) 38%, var(--gold) 100%); }
}

/* --------------------------------------------------------------------------
   1. Barra laterale: la A in filigrana (approvata, invariata)
   La grande "A" del marchio con la sua onda, bianco al 5% sul teal della barra, enorme, con la
   punta fuori a sinistra: se ne vede la gamba destra, che poggia sul fondo della barra e sale
   verso sinistra uscendo dal bordo, attraversata dall'onda.
   -------------------------------------------------------------------------- */
.sidebar { isolation: isolate; }
.sidebar::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: #FFFFFF;
  opacity: .05;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 229.8 191.0' width='229.8' height='191.0'%3E%3Ctitle%3EA di Alise Editore con l'onda (dal logo approvato)%3C/title%3E%3Cdefs%3E%3ClinearGradient id='onda' gradientUnits='userSpaceOnUse' x1='76.04' y1='119.58' x2='219.86' y2='147.68'%3E%3Cstop offset='0' stop-opacity='1'/%3E%3Cstop offset='0.389' stop-opacity='1'/%3E%3Cstop offset='0.542' stop-opacity='0.834'/%3E%3Cstop offset='0.695' stop-opacity='0.675'/%3E%3Cstop offset='0.847' stop-opacity='0.526'/%3E%3Cstop offset='1.0' stop-opacity='0.4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M143.92 183.04C148.35 178.34 150.57 174.03 150.57 170.14C150.57 167.33 149.17 162.89 146.36 156.82L145 153.83L92.70 36.05L100.44 18.25L158.73 149.35C162.71 158.14 166.20 165 169.19 169.93C172.18 174.87 175.71 179.24 179.78 183.04ZM45.15 183.04L17.57 183.04C22.19 179.60 25.86 176.23 28.58 172.92C31.30 169.62 34.06 165.25 36.87 159.81C36.77 160.72 36.73 161.94 36.73 163.48C36.73 166.92 37.36 170.12 38.63 173.06C39.90 176 42.07 179.33 45.15 183.04M190.11 178.70C185.94 175.35 182.23 170.36 178.97 163.75L172.99 151.39C172.72 150.85 172.47 150.35 172.24 149.90C172.02 149.44 171.84 149.01 171.70 148.60C171.56 148.20 171.40 147.95 171.22 147.86L105.88 1L102.35 1L42.30 136.85C35.51 152.16 29.05 163.44 22.94 170.68C16.83 177.93 9.51 183 1 185.90L1 189.97L71.51 189.97L71.51 185.76C64.62 184.40 59.08 182.61 54.87 180.39C50.65 178.18 47.48 175.37 45.36 171.97C43.23 168.57 42.16 164.52 42.16 159.81C42.16 154.29 43.97 147.27 47.60 138.75L89.85 41.89L140.25 155.74C143.15 162.53 144.60 167.42 144.60 170.41C144.60 176.48 141.34 180.73 134.82 183.18C131.64 184.36 126.39 185.22 119.06 185.76L119.06 189.97L205.73 189.97L205.73 185.76C199.48 184.40 194.27 182.05 190.11 178.70'/%3E%3Cpath d='M103.86 126.29C82.55 121.45 63.73 121.73 47.68 124.62L43.64 133.69C58.78 133.15 77.20 135 99.36 140.98C184.78 164.05 205.59 117.60 205.59 117.60C205.59 117.60 188.81 145.57 103.86 126.29'/%3E%3Cpath d='M114.39 131.41C87.05 124.39 64.75 123.79 46.88 126.42L46.88 126.42L41.96 137.48C59.05 136.71 80.85 138.76 108.33 146.06L108.33 146.06C202.30 171.05 228.82 124.87 228.82 124.87L228.82 124.87C228.82 124.87 207.19 155.24 114.39 131.41' fill='url(%23onda)'/%3E%3C/svg%3E") no-repeat left -1010px bottom -8px / auto 1300px;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 229.8 191.0' width='229.8' height='191.0'%3E%3Ctitle%3EA di Alise Editore con l'onda (dal logo approvato)%3C/title%3E%3Cdefs%3E%3ClinearGradient id='onda' gradientUnits='userSpaceOnUse' x1='76.04' y1='119.58' x2='219.86' y2='147.68'%3E%3Cstop offset='0' stop-opacity='1'/%3E%3Cstop offset='0.389' stop-opacity='1'/%3E%3Cstop offset='0.542' stop-opacity='0.834'/%3E%3Cstop offset='0.695' stop-opacity='0.675'/%3E%3Cstop offset='0.847' stop-opacity='0.526'/%3E%3Cstop offset='1.0' stop-opacity='0.4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M143.92 183.04C148.35 178.34 150.57 174.03 150.57 170.14C150.57 167.33 149.17 162.89 146.36 156.82L145 153.83L92.70 36.05L100.44 18.25L158.73 149.35C162.71 158.14 166.20 165 169.19 169.93C172.18 174.87 175.71 179.24 179.78 183.04ZM45.15 183.04L17.57 183.04C22.19 179.60 25.86 176.23 28.58 172.92C31.30 169.62 34.06 165.25 36.87 159.81C36.77 160.72 36.73 161.94 36.73 163.48C36.73 166.92 37.36 170.12 38.63 173.06C39.90 176 42.07 179.33 45.15 183.04M190.11 178.70C185.94 175.35 182.23 170.36 178.97 163.75L172.99 151.39C172.72 150.85 172.47 150.35 172.24 149.90C172.02 149.44 171.84 149.01 171.70 148.60C171.56 148.20 171.40 147.95 171.22 147.86L105.88 1L102.35 1L42.30 136.85C35.51 152.16 29.05 163.44 22.94 170.68C16.83 177.93 9.51 183 1 185.90L1 189.97L71.51 189.97L71.51 185.76C64.62 184.40 59.08 182.61 54.87 180.39C50.65 178.18 47.48 175.37 45.36 171.97C43.23 168.57 42.16 164.52 42.16 159.81C42.16 154.29 43.97 147.27 47.60 138.75L89.85 41.89L140.25 155.74C143.15 162.53 144.60 167.42 144.60 170.41C144.60 176.48 141.34 180.73 134.82 183.18C131.64 184.36 126.39 185.22 119.06 185.76L119.06 189.97L205.73 189.97L205.73 185.76C199.48 184.40 194.27 182.05 190.11 178.70'/%3E%3Cpath d='M103.86 126.29C82.55 121.45 63.73 121.73 47.68 124.62L43.64 133.69C58.78 133.15 77.20 135 99.36 140.98C184.78 164.05 205.59 117.60 205.59 117.60C205.59 117.60 188.81 145.57 103.86 126.29'/%3E%3Cpath d='M114.39 131.41C87.05 124.39 64.75 123.79 46.88 126.42L46.88 126.42L41.96 137.48C59.05 136.71 80.85 138.76 108.33 146.06L108.33 146.06C202.30 171.05 228.82 124.87 228.82 124.87L228.82 124.87C228.82 124.87 207.19 155.24 114.39 131.41' fill='url(%23onda)'/%3E%3C/svg%3E") no-repeat left -1010px bottom -8px / auto 1300px;
}

/* tema scuro: la barra è un teal più profondo (#12586E), la filigrana un filo più presente */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .sidebar::before { opacity: .06; }
}

/* telefono: la barra diventa la testata in alto. La A resta, piccola, nell'angolo destro:
   se ne vede la gamba sinistra con l'onda, dietro "Esci", senza toccare il menu. */
@media (max-width: 860px) {
  .sidebar::before {
    opacity: .06;
    -webkit-mask-position: right -150px top -24px;
            mask-position: right -150px top -24px;
    -webkit-mask-size: 300px auto;
            mask-size: 300px auto;
  }
}

/* 8/10/2026 (Alessandro): tolte le onde piccole sparse (titoli, valori in crescita, mesi, timbro "pagata",
   notifiche, stati vuoti, accesso). Restano la A (barra, card principali, accesso, card vuote), l'onda grande del Totale e i filetti. */

/* Banca: tra "Banca" e il saldo resta il puntino (ritocco di Alessandro, 8/10/2026) */

/* --------------------------------------------------------------------------
   3. La KPI principale (Fatturato in Panoramica, Saldo previsto in Scadenze):
   la A del marchio tono su tono, grande, a destra; l'onda esce dal bordo.
   Il teal prende una luce appena più profonda in basso a destra.
   -------------------------------------------------------------------------- */
.card.kpi.accent, .card:has(> .kpi.accent) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(155deg, #187F9D 0%, #187F9D 42%, #176F87 100%);
}
.card > .kpi.accent { background: transparent; }
.card.kpi.accent::before, .card:has(> .kpi.accent)::before {
  content: "";
  position: absolute;
  z-index: -1;
  right: -76px;
  bottom: -34px;
  width: 248px;
  height: 206px;
  pointer-events: none;
  background: #FFFFFF;
  opacity: .085;
  -webkit-mask: var(--alise-a) no-repeat right bottom / contain;
          mask: var(--alise-a) no-repeat right bottom / contain;
}
a.card.kpi.accent:hover { box-shadow: 0 2px 4px rgba(23, 111, 135, .10), 0 22px 40px -22px rgba(23, 111, 135, .70); }

/* --------------------------------------------------------------------------
   4. Le altre cifre evidenziate in teal: l'onda tono su tono
   Totale nelle schede documento (.cifra.principale) e nella nuova fattura (.totali .finale)
   -------------------------------------------------------------------------- */
.cifra.principale, .totali .finale {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(155deg, #187F9D 0%, #187F9D 45%, #176F87 100%);
}
/* 8/10/2026 (Alessandro): tolta anche l'onda nel Totale; resta solo la leggera sfumatura del teal */


/* --------------------------------------------------------------------------
   5. Valori in crescita (utile, incassi del mese, IVA a credito): una piccola onda
   subito dopo la cifra, come un'onda che sale; la cifra resta com'è
   -------------------------------------------------------------------------- */

/* trimestre IVA in corso: un filetto in cima che va dal teal all'oro */
.card.kpi.iva-corrente {
  background-image: linear-gradient(90deg, var(--brand) 0%, var(--brand-mid) 40%, var(--gold) 100%);
  background-size: 100% 2px;
  background-repeat: no-repeat;
  background-position: top left;
}

/* --------------------------------------------------------------------------
   6. Schede e mesi
   -------------------------------------------------------------------------- */
/* scheda attiva: la riga sotto parte teal e finisce in oro (Vendite e Acquisti tengono i loro colori) */
.tab.active::after { }


/* --------------------------------------------------------------------------
   7. Notifiche: il pannello ha in cima un filo teal-oro; il segno delle non lette è un'onda
   -------------------------------------------------------------------------- */
.campanella-pannello {
  background-image: linear-gradient(90deg, var(--brand) 0%, var(--brand-mid) 40%, var(--gold) 100%);
  background-size: 100% 2px;
  background-repeat: no-repeat;
}

/* --------------------------------------------------------------------------
   8. Stati vuoti e pagina di errore: l'onda, calma, dove non c'è ancora niente
   -------------------------------------------------------------------------- */
/* una card che contiene solo lo stato vuoto (pagina di errore, elenchi senza risultati):
   la A grande in filigrana, a destra, appena percettibile */
.card:has(> .card-body.empty:only-child) { position: relative; isolation: isolate; overflow: hidden; }
.card:has(> .card-body.empty:only-child)::before {
  content: "";
  position: absolute;
  z-index: -1;
  right: -60px;
  bottom: -70px;
  width: 360px;
  height: 300px;
  pointer-events: none;
  background: var(--brand);
  opacity: .05;
  -webkit-mask: var(--alise-a) no-repeat right bottom / contain;
          mask: var(--alise-a) no-repeat right bottom / contain;
}

/* --------------------------------------------------------------------------
   9. Accesso e attivazione: la A in filigrana e un'onda larga sul teal
   Al posto dei cerchi concentrici: la grande A del marchio dietro la scheda, centrata, come un
   portale (bianco al 5,5%): le gambe si aprono ai lati, l'onda passa sotto la scheda.
   Sotto "Gestionale", l'onda piccola.
   -------------------------------------------------------------------------- */
.login-onde { opacity: 1; background: none; }
.login-onde::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -9vh;
  height: 112vh;
  width: calc(112vh * 1.203);
  transform: translateX(-45.6%);
  background: #FFFFFF;
  opacity: .055;
  -webkit-mask: var(--alise-a) no-repeat center bottom / contain;
          mask: var(--alise-a) no-repeat center bottom / contain;
}

/* --------------------------------------------------------------------------
   10. Piccole cose
   -------------------------------------------------------------------------- */
::selection { background: rgba(24, 127, 157, .18); }
/* tema scuro: il selettore dell'anno prende il grigio scuro della campanella (prima restava chiaro) */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .anno-sel select { background-color: #262A2E; color: #DADFE3; box-shadow: none; }
  :root:not([data-theme="light"]) .anno-sel select:hover { background-color: #30353A; }
  :root:not([data-theme="light"]) .card.kpi.accent, :root:not([data-theme="light"]) .card:has(> .kpi.accent),
  :root:not([data-theme="light"]) .cifra.principale, :root:not([data-theme="light"]) .totali .finale {
    background: linear-gradient(155deg, #1C5C70 0%, #1C5C70 45%, #12586E 100%);
  }
  :root:not([data-theme="light"]) .card > .kpi.accent { background: transparent; }
  :root:not([data-theme="light"]) ::selection { background: rgba(79, 166, 193, .3); }
  /* accesso e attivazione: i campi erano bianchi sulla scheda scura; il bottone torna nel teal pieno
     del marchio (il bianco sul teal chiaro del tema scuro si leggeva poco) */
  :root:not([data-theme="light"]) .login .login-card input { background: var(--surface-2); border-color: var(--line-strong); color: var(--ink); }
  :root:not([data-theme="light"]) .login .login-card input:focus { background: var(--surface); border-color: var(--brand); }
  :root:not([data-theme="light"]) .login .login-card input::placeholder { color: var(--ink-4); }
  :root:not([data-theme="light"]) .login-entra { background: #187F9D; }
  :root:not([data-theme="light"]) .login-entra:hover { background: #157996; }
}

/* --------------------------------------------------------------------------
   11. Telefono
   -------------------------------------------------------------------------- */
@media (max-width: 860px) {
  .login-onde::before { bottom: -3vh; height: 64vh; width: calc(64vh * 1.203); opacity: .06; }
  .card.kpi.accent::before, .card:has(> .kpi.accent)::before { right: -30px; bottom: -40px; width: 230px; height: 192px; }
}

@media print {
  .card.kpi.accent::before, .card:has(> .kpi.accent)::before,
  .cifra.principale::after, .totali .finale::after,
  .card:has(> .card-body.empty:only-child)::before { display: none; }
  .sidebar::before { display: none; }
}

/* Accesso (28/10/2026 sera, Alessandro): solo il logo ALISE centrato e sotto «GESTIONALE», come in alto nella barra a sinistra */
/* 28/10/2026 sera: misure della barra a sinistra (logo alto 24 px, «GESTIONALE» 11 px) */
.login-marchio { display: flex; flex-direction: column; align-items: center; gap: 6px; margin-bottom: var(--s-6); }
.login-logo-alise { height: 24px; width: auto; }
.login-marchio-sub { font-size: 11px; line-height: 12px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase;
  color: rgba(255, 255, 255, .8); padding-left: .2em; }   /* il rientro compensa la spaziatura dopo l'ultima lettera */