/* asksonia 1.3 · pelle «Oracle» (fondatore, 19/09/2026: «copiamo totalmente lo stile di Oracle»).
   Riferimento: il linguaggio Redwood di Oracle / NetSuite — neutri caldi (#F5F4F2 pagina, #312D2A grafite), rosso Oracle
   #C74634 come accento raro, tipografia sans senza serif, raggi corti (4-6), tabelle dense con hover, bottoni primari in
   grafite, barra alta scura. Si applica con body.oracle (cookie sonia_pelle=oracle), sopra sonia.css; la veste soniafattura
   (body.sf) resta separata e non ne e' toccata. Sola pelle: nessuna funzione cambia. */
:root{
  --or-pagina:#F5F4F2;--or-superficie:#FFFFFF;--or-ink:#161513;--or-ink-soft:#3A3632;--or-smoke:#6D6A66;--or-mute:#9C9893;
  --or-linea:#E4E1DE;--or-linea-forte:#C8C4BF;--or-grafite:#312D2A;--or-grafite-hover:#161513;--or-rosso:#C74634;--or-rosso-hover:#A63A2B;
  --or-tinta:#FBEDEB;--or-hover:#F7F5F3;--or-selezione:#EFEBE7;--or-verde:#0F7A4B;--or-verde-bg:#E6F4EA;--or-ambra:#8A5300;--or-ambra-bg:#FFF4E0;
  --or-err:#A63A2B;--or-err-bg:#FDEBE9;--or-info:#1F6F8B;--or-info-bg:#E8F1F5;--or-focus:#1F6F8B;
}
body.oracle{
  --paper:var(--or-pagina);--white:#fff;--surface:var(--or-superficie);--surface-2:var(--or-superficie);--light:var(--or-selezione);
  --line:var(--or-linea);--ink:var(--or-ink);--ink-soft:var(--or-ink-soft);--smoke:var(--or-smoke);--mute:var(--or-mute);
  --accent:var(--or-rosso);--accent-deep:var(--or-rosso);--accent-btn:var(--or-grafite);--srv-primaria:var(--or-grafite);--srv-primaria-hover:var(--or-grafite-hover);
  --cipria:var(--or-tinta);--cipria-soft:var(--or-tinta);--tint:var(--or-hover);--gold:var(--or-ambra);--gold-ink:var(--or-ambra);
  --dark:var(--or-grafite);--on-dark:#F5F4F2;--serif:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ent-line:var(--or-linea);--ent-line-strong:var(--or-linea-forte);--ent-radius:6px;--ent-radius-sm:4px;--ent-shadow:0 1px 2px rgba(22,21,19,.06);
  --ent-head:var(--or-smoke);--ent-err-fg:var(--or-err);
  background:var(--or-pagina)!important;color:var(--or-ink-soft);font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased;line-height:1.45;
}
/* ── tipografia: sans ovunque, gerarchia per peso e misura, non per famiglia ── */
body.oracle h1,body.oracle h2,body.oracle h3,body.oracle .ask-title,body.oracle .t-title,body.oracle .logo,body.oracle .avatar,body.oracle .hero-trust b,body.oracle .acard-q{font-family:'Inter',system-ui,sans-serif!important;letter-spacing:-.01em}
body.oracle h1,body.oracle .ask-title{font-size:22px!important;font-weight:600!important;color:var(--or-ink)}
body.oracle h2{font-size:16px!important;font-weight:600!important}
body.oracle h3{font-size:14px!important;font-weight:600!important}
body.oracle .eyebrow,body.oracle .ent-eyebrow{font-size:11px!important;letter-spacing:.06em!important;color:var(--or-smoke)!important;font-weight:600!important}
body.oracle .ask-sub{color:var(--or-smoke);font-size:13px}
body.oracle a{color:var(--or-info)}body.oracle a:hover{text-decoration:underline}
body.oracle .hero h1 em,body.oracle .hero-lead strong{color:var(--or-rosso)}
/* ── barra alta: grafite, testo chiaro, ricerca scura ── */
body.oracle .topbar,body.oracle .lnav,body.oracle .pubbar{background:var(--or-grafite)!important;height:56px!important;box-shadow:none!important;border-bottom:1px solid #1f1c1a!important}
body.oracle .topbar .row{height:56px!important}
body.oracle .topbar,body.oracle .lnav,body.oracle .pubbar{--barra-testo:#F4EFE9;--barra-bordo:rgba(255,255,255,.45);--barra-bordo-vivo:#fff;--barra-hover:rgba(255,255,255,.12);--barra-fuoco:#fff;--barra-opacita:1}
body.oracle .topbar .logo,body.oracle .topbar .logo .logo-txt{color:#F5F4F2!important;font-size:20px!important;font-weight:700!important}
body.oracle .topbar .logo span{color:#F5A399!important}
body.oracle .topbar a,body.oracle .topbar button,body.oracle .topbar .topnav-link{color:#E9E6E2!important}
body.oracle .topbar .topnav-link:hover,body.oracle .topbar button:hover{color:#fff!important;background:rgba(255,255,255,.08)!important;border-radius:4px}
/* 09/10 (fondatore, utente politi@stilla.it): le TENDINE della barra (menu dell'avatar e menu delle aree) sono bianche;
   la regola sopra, pensata per i link chiari sulla barra scura, le rendeva #E9E6E2 su bianco (contrasto 1,24:1). Dentro
   la tendina i colori tornano ai token della veste: voci --or-ink (18,3:1), Esci e piede legale --or-smoke (5,4:1). */
body.oracle .topbar .av-dropdown a,body.oracle .topbar .av-dropdown button{color:var(--or-ink)!important}
body.oracle .topbar .av-dropdown a:hover,body.oracle .topbar .av-dropdown button:hover{color:var(--or-ink)!important;background:var(--or-hover)!important}
body.oracle .topbar .av-dropdown a.avm-out,body.oracle .topbar .avm-legal a,body.oracle .topbar .avm-lang-opts a{color:var(--or-smoke)!important}
body.oracle .topbar .avm-lang-opts a.on{color:#fff!important}
body.oracle .topbar form.search input,body.oracle .topbar .search input{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;border-radius:4px!important;height:34px}
body.oracle .topbar form.search input::placeholder{color:rgba(255,255,255,.6)}
body.oracle .topbar .ask-cta{background:var(--or-rosso)!important;color:#fff!important;border-radius:4px!important;box-shadow:none!important;height:34px;padding:0 14px!important;font-weight:600}
body.oracle .topbar .ask-cta:hover{background:var(--or-rosso-hover)!important}
body.oracle .topbar .ico::after{background:var(--or-rosso)}
body.oracle .topbar .avatar{background:#5B5551!important;border:1px solid rgba(255,255,255,.25)}
/* ── colonna sinistra: chiara, voce attiva con barra rossa a sinistra ── */
body.oracle .leftrail,body.oracle .app-layout.rail-fixed>.leftrail,body.oracle .toolrail{background:var(--or-superficie)!important;border-right:1px solid var(--or-linea)!important;padding-top:70px!important}
body.oracle .rail-item,body.oracle .toolrail a,body.oracle .toolrail summary{border-radius:0!important;padding:9px 14px 9px 16px!important;font-size:13.5px!important;color:var(--or-ink-soft)!important;border-left:3px solid transparent;transition:background .12s}
body.oracle .rail-item:hover,body.oracle .toolrail a:hover{background:var(--or-hover)!important;color:var(--or-ink)!important}
body.oracle .rail-item.active,body.oracle .toolrail a.on,body.oracle .toolrail a[aria-current="page"]{background:var(--or-tinta)!important;border-left-color:var(--or-rosso)!important;color:var(--or-ink)!important;font-weight:600}
body.oracle .rail-item.active .b{background:var(--or-rosso)!important}
body.oracle .rail-item svg,body.oracle .toolrail svg{color:var(--or-smoke)}
/* ── bottoni: grafite pieno, secondario a bordo, rosso solo per distruttivo o CTA di vendita ── */
body.oracle .btn,body.oracle button.btn{border-radius:4px!important;padding:0 14px!important;height:34px;font-size:13px!important;font-weight:600!important;box-shadow:none!important;border:1px solid var(--or-linea-forte)!important;background:#fff!important;color:var(--or-ink)!important;transition:background .12s,border-color .12s,color .12s;line-height:1}
body.oracle .btn.sm{height:30px;padding:0 10px!important;font-size:12.5px!important}
body.oracle .btn:hover{background:var(--or-hover)!important;border-color:var(--or-smoke)!important}
body.oracle .btn-primary,body.oracle .btn.btn-primary,body.oracle button.btn-primary{background:var(--or-grafite)!important;border-color:var(--or-grafite)!important;color:#fff!important}
body.oracle .btn-primary:hover{background:var(--or-grafite-hover)!important;border-color:var(--or-grafite-hover)!important}
body.oracle .btn.ghost{border-color:transparent!important;background:transparent!important}
body.oracle .btn.dk-danger,body.oracle .btn[data-pericolo]{color:var(--or-err)!important;border-color:var(--or-err)!important}
body.oracle .btn:focus-visible,body.oracle a:focus-visible,body.oracle input:focus-visible,body.oracle select:focus-visible{outline:2px solid var(--or-focus)!important;outline-offset:2px}
/* ── schede e pannelli ── */
body.oracle .card,body.oracle .ent-card,body.oracle .acard,body.oracle .kpi-dd{border-radius:6px!important;border:1px solid var(--or-linea)!important;box-shadow:0 1px 2px rgba(22,21,19,.05)!important;background:#fff}
body.oracle .card:hover{box-shadow:0 2px 6px rgba(22,21,19,.08)!important}
body.oracle .acard-chip{border-radius:4px;box-shadow:none;border:1px solid var(--or-linea);color:var(--or-smoke)}
body.oracle .dot{background:var(--or-rosso)}
/* ── campi ── */
body.oracle .kinp,body.oracle input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),body.oracle select,body.oracle textarea{border:1px solid var(--or-linea-forte)!important;border-radius:4px!important;background:#fff!important;color:var(--or-ink)!important;font-size:13.5px;min-height:34px;padding:6px 10px;font-family:inherit}
body.oracle .kinp:focus,body.oracle input:focus,body.oracle select:focus,body.oracle textarea:focus{border-color:var(--or-focus)!important;box-shadow:0 0 0 2px rgba(31,111,139,.18)!important;outline:none!important}
body.oracle .klbl{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--or-smoke);font-weight:600}
/* ── schede di navigazione e aree ── */
body.oracle .tabs{gap:2px!important;border-bottom:1px solid var(--or-linea-forte);margin:10px 0!important}
body.oracle .tabs .tab,body.oracle .tabs a,body.oracle .erp-tabs .tab{border-radius:0!important;padding:8px 12px!important;font-size:13px!important;text-transform:none!important;letter-spacing:0!important;color:var(--or-smoke)!important;border-bottom:2px solid transparent!important;margin-bottom:-1px}
body.oracle .tabs .tab.on,body.oracle .tabs a.on,body.oracle .erp-tabs .tab.on{color:var(--or-ink)!important;border-bottom-color:var(--or-rosso)!important;background:transparent!important;font-weight:600}
body.oracle .erp-aree{border-bottom:1px solid var(--or-linea)!important}
body.oracle .erp-area{text-transform:none!important;letter-spacing:0!important;font-size:13px!important;font-weight:600!important;color:var(--or-smoke)!important;padding:10px 14px!important}
body.oracle .erp-area.on,body.oracle .erp-area:hover{color:var(--or-ink)!important;border-bottom-color:var(--or-rosso)!important}
/* ── testata /erp: azioni rapide compatte, KPI a scheda ── */
body.oracle .ask-wrap{text-align:left!important;max-width:none!important;padding:8px 0 0!important}
body.oracle .hero-actions{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
body.oracle .ha{flex-direction:row;align-items:center;gap:8px;padding:6px 12px!important;border:1px solid var(--or-linea-forte)!important;border-radius:4px!important;background:#fff;box-shadow:none!important;font-size:13px}
body.oracle .ha:hover{background:var(--or-hover)}
body.oracle .ha small{display:none}
body.oracle .ha .hic{width:22px;height:22px;background:var(--or-selezione);border-radius:4px;display:inline-flex;align-items:center;justify-content:center}
body.oracle .ha .hic svg{width:13px;height:13px}
body.oracle .ent-kpi-row{gap:8px!important;margin:8px 0 12px!important}
body.oracle .ent-kpi{border-radius:6px!important;border:1px solid var(--or-linea)!important;box-shadow:none!important;padding:10px 12px!important;text-align:left!important;align-items:flex-start!important}
body.oracle .ent-kpi .k-lbl{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--or-smoke);order:-1}
body.oracle .ent-kpi .k-val{font-size:20px!important;font-weight:600;color:var(--or-ink);font-variant-numeric:tabular-nums}
body.oracle .ent-kpi .k-delta{font-size:11.5px}
/* ── tabelle dense con hover, intestazioni sobrie, numeri tabulari ── */
body.oracle .ent-table-wrap{border-radius:4px!important;border:1px solid var(--or-linea)!important;box-shadow:none!important}
body.oracle .ent-table{font-size:13px!important;color:var(--or-ink-soft)}
body.oracle .ent-table th{font-size:11px!important;letter-spacing:.05em;text-transform:uppercase;color:var(--or-smoke)!important;background:#FAF9F7!important;border-bottom:1px solid var(--or-linea-forte)!important;padding:8px 10px!important;font-weight:600!important;white-space:nowrap}
body.oracle .ent-table td{padding:7px 10px!important;border-bottom:1px solid var(--or-linea)!important;height:36px}
body.oracle .ent-table tbody tr:hover td{background:var(--or-hover)!important}
body.oracle .ent-table tbody tr[onclick]{cursor:pointer}
body.oracle .ent-table td.doc,body.oracle .ent-table td.mono{font-family:'JetBrains Mono','SF Mono',Menlo,monospace;font-size:12px;color:var(--or-smoke)}
body.oracle .ent-table td.strong{color:var(--or-ink);font-weight:600}
body.oracle .ent-table td.num,body.oracle .num{font-variant-numeric:tabular-nums}
body.oracle .ent-table tfoot td{background:#FAF9F7;font-weight:600}
body.oracle .ent-toolbar .t-search input{border-radius:4px!important;height:34px}
body.oracle .ent-toolbar .t-title{font-family:'Inter',system-ui,sans-serif!important;font-size:15px!important;font-weight:600!important}
/* ── stati: pillole tinte, punto colorato ── */
body.oracle .ent-badge{border-radius:3px!important;padding:3px 8px!important;font-size:11px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important}
body.oracle .ent-badge.ok,body.oracle .ent-badge.success,body.oracle .ent-badge.good{background:var(--or-verde-bg)!important;color:var(--or-verde)!important}
body.oracle .ent-badge.warn{background:var(--or-ambra-bg)!important;color:var(--or-ambra)!important}
body.oracle .ent-badge.err,body.oracle .ent-badge.danger{background:var(--or-err-bg)!important;color:var(--or-err)!important}
body.oracle .ent-badge.info,body.oracle .ent-badge{background:var(--or-info-bg);color:var(--or-info)}
/* ── grafici a barre CSS: rosso Oracle per la misura principale, grafite per la seconda, hover piu' scuro ── */
body.oracle .bar,body.oracle .col .bar{background:var(--or-rosso)!important;border-radius:2px 2px 0 0!important;transition:background .12s}
body.oracle .col:hover .bar{background:var(--or-rosso-hover)!important}
body.oracle .mlbl{font-size:10.5px;color:var(--or-smoke)}
body.oracle [class*="tes-bar"],body.oracle [class*="cf-bar"]{border-radius:2px 2px 0 0}
/* ── cassetti e finestre: bordo netto, ombra corta ── */
body.oracle #inv-ov>div,body.oracle .drawer,body.oracle .inv-panel,body.oracle .modal,body.oracle .dk-sez{border-radius:6px!important;box-shadow:0 8px 24px rgba(22,21,19,.14)!important}
body.oracle .dk-tit{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--or-smoke);font-weight:600}
/* ── piazza e feed: le schede sociali seguono la stessa pelle ── */
body.oracle .hero{background:var(--or-pagina)}
body.oracle .acard{box-shadow:0 1px 2px rgba(22,21,19,.06)!important}
body.oracle .btn-primary.big,body.oracle .hero .btn-primary{background:var(--or-rosso)!important;border-color:var(--or-rosso)!important}
body.oracle .hero .btn-primary:hover{background:var(--or-rosso-hover)!important}
/* ── fumetto Chiedi a SonIA ── */
body.oracle #soniaFab,body.oracle .ask-cta.fab{background:var(--or-grafite)!important;border-radius:4px!important;box-shadow:0 4px 12px rgba(22,21,19,.25)!important}
body.oracle #soniaFab:hover{background:var(--or-grafite-hover)!important}
/* ── tema scuro disattivato dalla pelle: la barra alta e' l unico elemento scuro ── */
body.oracle .theme-toggle{display:none!important}
@media(max-width:768px){body.oracle .topbar{height:52px!important}body.oracle .topbar .row{height:52px!important}}

/* ── veste erp di asksonia (body.sf.erp.oracle): i token cipria della veste densa cedono ai token Redwood ── */
body.sf.oracle{--accent:var(--or-rosso);--accent-deep:var(--or-rosso);--srv-primaria:var(--or-grafite);--cipria-soft:var(--or-tinta);--sf-zebra:#FAF9F7;--sf-head:#F1EFED;--sf-sel:var(--or-tinta);--line:var(--or-linea);--bg:var(--or-pagina);--ink:var(--or-ink);--smoke:var(--or-smoke);background:var(--or-pagina)!important}
body.sf.oracle .topbar{background:var(--or-grafite)!important}
body.sf.oracle .sfc-logo{color:var(--or-ink)}body.sf.oracle .sfc-logo span{color:var(--or-rosso)}body.sf.oracle .sfc-logo small{color:var(--or-smoke);letter-spacing:.12em}
body.sf.oracle a.sfc-v.on{background:var(--or-grafite)!important;color:#fff!important}body.sf.oracle a.sfc-v.on svg{color:#fff!important}
body.sf.oracle .sfc-f a.on{color:var(--or-rosso)!important;background:var(--or-tinta)!important;box-shadow:inset 3px 0 0 var(--or-rosso)}
body.sf.oracle .sfc-v:hover,body.sf.oracle .sfc-f a:hover{background:var(--or-hover)!important}
body.sf.oracle .card,body.sf.oracle .ent-card,body.sf.oracle .sa-card,body.sf.oracle .bk-card{border-top:2px solid var(--or-grafite)!important;border-radius:0!important}
body.sf.oracle .sf-home,body.sf.oracle .ask-cta{border-color:var(--or-rosso)!important}
body.sf.oracle .sf-home:hover,body.sf.oracle .sf-home.on{background:var(--or-rosso)!important}
body.sf.oracle .btn-primary,body.sf.oracle .btn.btn-primary,body.sf.oracle button.btn-primary{background:var(--or-grafite)!important;border-color:var(--or-grafite)!important;color:#fff!important}
body.sf.oracle .ent-table th{background:#F1EFED!important;color:var(--or-smoke)!important}
body.sf.oracle .ent-table tbody tr:hover td{background:var(--or-hover)!important}
body.sf.oracle .ent-badge.err,body.sf.oracle .ent-badge.danger{background:var(--or-err-bg)!important;color:var(--or-err)!important}
body.sf.oracle .ent-badge.ok,body.sf.oracle .ent-badge.success{background:var(--or-verde-bg)!important;color:var(--or-verde)!important}
body.sf.oracle .ent-badge.warn{background:var(--or-ambra-bg)!important;color:var(--or-ambra)!important}
body.sf.oracle .bar,body.sf.oracle .col .bar{background:var(--or-rosso)!important}
body.sf.oracle .cr-sez h2::before,body.sf.oracle .cr-sez .dot{background:var(--or-rosso)}
body.sf.oracle .cr-due td:first-child,body.sf.oracle .cr-due .d{background:var(--or-grafite)!important;color:#fff!important}
body.sf.oracle .eyebrow{color:var(--or-smoke)!important}
/* ── residuo 4 (fondatore 19/09 sera): Cantiere e Regia ai token della pelle, senza toccare cosa fanno ── */
body.oracle .rg-head h1,body.oracle .cant-titolo,body.oracle .rip-box h2{font-family:'Inter',system-ui,sans-serif!important;font-size:22px!important;font-weight:600!important}
body.oracle .rg-flash,body.oracle .rg-preset,body.oracle .rg-inp,body.oracle .rg-sel,body.oracle .rip-panel,body.oracle .rip-box,body.oracle .vic-riga,body.oracle .cant-viva,body.oracle .cant-min,body.oracle [class^="rg-"],body.oracle [class^="cant-"]:not(.cant-bar):not(.cant-bar span){border-radius:4px!important}
body.oracle .cant-bar,body.oracle .cant-bar span{border-radius:2px!important}
body.oracle .cant-bar{background:var(--or-selezione)!important}body.oracle .cant-bar span{background:var(--or-rosso)!important}
body.oracle .rg-inp,body.oracle .rg-sel{height:34px!important;border-color:var(--or-linea-forte)!important}
body.oracle .rg-preset{background:#FAF9F7!important;border-color:var(--or-linea)!important}
body.oracle .rip-panel{border-color:var(--or-grafite)!important;background:#fff!important}
body.oracle .vic-punto{background:var(--or-rosso)!important}
body.oracle #firmaOv>div,body.oracle [style*="box-shadow:0 30px"],body.oracle [style*="box-shadow:0 20px"],body.oracle [style*="box-shadow:0 18px"]{box-shadow:0 8px 24px rgba(22,21,19,.14)!important;border-radius:6px!important}
body.oracle [style*="border-radius:16px"],body.oracle [style*="border-radius:14px"],body.oracle [style*="border-radius:12px"],body.oracle [style*="border-radius:10px"]{border-radius:4px!important}
body.oracle [style*="background:var(--accent-deep)"]{background:var(--or-grafite)!important}