/* ─────────────────────────────────────────────────────────────
   OL-IA — tema chiaro delle prove gratuite (03/10/2026).
   Collegato per ultimo nelle quattro pagine di automazioni/demo/.
   Stesso metodo di olia-chiaro.css: le prove sono scritte con variabili
   di colore, qui si ridefiniscono e poi si correggono i colori fissi.
   Nelle prove «--gold» è già il blu del marchio (ex accento oro).
   ───────────────────────────────────────────────────────────── */

html:root {
  /* fatture, preventivi, assistente operativo */
  --accent: #1e50d4;
  --accent-light: #1e50d4;      /* era il blu chiaro per il testo su fondo scuro */
  --gold: #1e50d4;
  --gold-dark: #1e50d4;
  --gold-soft: rgba(30, 80, 212, .08);
  --cream: #fff;                /* fondo pagina */
  --paper: #fafafa;             /* pannelli e card */
  --bg2: #f4f4f4;
  --ink: #1c1a1f;
  --muted: #6b6b76;
  --line: rgba(28, 26, 31, .12);
  --green: #17803f;
  --green-soft: rgba(23, 128, 63, .10);
  --red: #b3261e;
  --blue: #1e50d4;
  --amber: #8a6a00;
  --shadow: 0 1px 2px rgba(28, 26, 31, .06), 0 10px 30px rgba(28, 26, 31, .08);
  --shadow-sm: 0 1px 3px rgba(28, 26, 31, .08);
  /* centro di controllo email */
  --gold-w: #1e50d4;
  --gold-d: #1e50d4;
  --gold-bg: rgba(30, 80, 212, .08);
  --blue-bg: rgba(30, 80, 212, .08);
  --red-bg: rgba(179, 38, 30, .08);
  --amber-bg: rgba(201, 162, 39, .16);
  --green-bg: rgba(23, 128, 63, .10);
  --bg: #fff;
  --panel: #fafafa;
  --panel2: #f4f4f4;
  --panel3: #ececef;
  --text: #1c1a1f;
  --text2: #4a4a55;
  --grey: #8a8a92;
  --line2: rgba(28, 26, 31, .07);
  color-scheme: light;
}
html, body { background: #fff; color: #1c1a1f; }

/* ── menu e footer: olia-demo-chrome.css è collegato dentro il <body>, quindi dopo questo foglio.
      Le regole qui sotto partono da «html» per avere la precedenza senza toccare l'ordine dei fogli. ── */
html .homebar__logoimg {
  aspect-ratio: 390 / 120;
  object-fit: none;
  object-position: -9999px 0;
  background: url(/logo/olia-logo-chiaro.svg) no-repeat center / contain;
  max-width: none;
}
html .homebar--solid { background: rgba(255, 255, 255, .88); border-bottom-color: rgba(28, 26, 31, .12); }
html .homebar__nav { background: #f4f4f4; border-color: #e7e7ea; }
html .homebar__link, html .homebar__link--white { color: #1c1a1f; }
html .homebar__link:hover, html .homebar__link--white:hover { color: #1e50d4; }
html .homebar__link--gold, html .homebar__link--gold:hover { color: #9a7608; }
html .homebar__risorse { color: #17803f; background: rgba(23, 128, 63, .06); border-color: rgba(23, 128, 63, .55); }
html .homebar__risorse:hover { color: #17803f; background: rgba(23, 128, 63, .14); }
html .homebar .btn, html .olia-mm-overlay .btn, html .homebar__cta {
  color: #fff; background: #1c1a1f; border-color: #1c1a1f; box-shadow: none;
}
html .homebar .btn:hover, html .olia-mm-overlay .btn:hover, html .homebar__cta:hover { background: #1e50d4; border-color: #1e50d4; }
html .olia-mm-btn { background: #fff; border-color: rgba(28, 26, 31, .14); }
html .olia-mm-btn span { background: #1c1a1f; }
html .olia-mm-overlay { background: #fff; background-image: none; }
html .olia-mm-link { color: #1c1a1f; }
html .olia-mm-link:hover { color: #1e50d4; }
html .olia-mm-link--verde { color: #17803f; border-color: rgba(23, 128, 63, .55); background: rgba(23, 128, 63, .06); }
html .olia-mm-cta { color: #fff; background: #1c1a1f; box-shadow: none; }

/* footer scuro come quello della home: la cornice gli dà già le sue variabili scure, qui cambia solo il fondo */
html .footer { background: #1c1a1f; --bg: #1c1a1f; --accent: #9db4ff; --platinum-dim: #9a9fa8; --gold: #e8c65a; }

/* ── riquadro «Sicurezza e privacy»: resta un'isola scura con i suoi colori, cambia solo il fondo (inchiostro della home) ── */
html .datasafe { background: #1c1a1f; }

/* ── centro di controllo email ── */
.top { background: rgba(255, 255, 255, .92); }
.dbadge { border-color: rgba(30, 80, 212, .35); }
.btn-o { border-color: rgba(30, 80, 212, .5); background: rgba(30, 80, 212, .08); }
.btn-o:hover { background: rgba(30, 80, 212, .16); }
.dbg { background: rgba(28, 26, 31, .45); }
.toast { background: #1c1a1f; color: #fff; box-shadow: 0 14px 36px rgba(28, 26, 31, .3); }
.toast b { color: #9db4ff; }
/* il pannello laterale chiuso sta fuori schermo: con l'ombra scura del tema vecchio sporcava il bordo destro */
.drawer { box-shadow: none; }
.drawer.open, .drawer.on, .drawer.is-open, .drawer.show { box-shadow: -24px 0 60px rgba(28, 26, 31, .18); }
/* posta: testata del pannello laterale, tracce delle barre e dell'anello (colori fissi del tema scuro) */
.dr__hd { background: rgba(255, 255, 255, .95); }
.kpi__bar, .scan__b, .stack, .vs__b, .fx div { background-color: rgba(28, 26, 31, .07); }
.due:hover { background-color: rgba(28, 26, 31, .06); }
[stroke="rgba(199,205,212,.10)"] { stroke: rgba(28, 26, 31, .10); }
/* documenti: il foglio d'esempio era pensato per il fondo scuro, su bianco gli serve un bordo e un'ombra leggera */
.doc-page { border: 1px solid #e0ddd2; box-shadow: 0 10px 30px rgba(28, 26, 31, .12); }
.modal-overlay { background: rgba(28, 26, 31, .5); }
.modal-box { box-shadow: 0 30px 80px rgba(28, 26, 31, .25); }
.nav-tab.active { box-shadow: 0 1px 3px rgba(28, 26, 31, .12); }
/* preventivi: nel foglio dell'offerta il logo disegnato aveva le lettere chiare del tema scuro */
[fill="#f3f5f7"] { fill: #1c1a1f; }
/* assistente operativo: il foglio (intestazioni e prima colonna fisse) e la chat avevano fondi scuri fissi */
html:root { --platinum: #4a4a55; }
.xl__names th, .xl__names th:nth-child(2) { background: #f4f4f4; }
.xl__grid tbody tr:nth-child(even) td { background: rgba(28, 26, 31, .025); }
.xl__grid tbody tr:nth-child(even) td:nth-child(2) { background: #f7f7f8; }
.xl__grid tbody tr.mark-red td:nth-child(2) { background: #fbeceb; }
.xl__grid tbody tr.mark-green td:nth-child(2) { background: #e9f5ee; }
.xl__grid tbody tr.mark-amber td:nth-child(2) { background: #fbf4dc; }
.xl__scroll::after { background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .92)); }
.chat__msg--tu .chat__bolla { background: #1c1a1f; color: #fff; }
.chat__msg--tu .chat__bolla b { color: #fff; }
/* menu e footer delle prove hanno le loro variabili: lì --platinum resta quello della cornice */