/* Janna Lab · temi Chiaro e Blu (scelti dal selettore in testata; Cyber = nessun data-tema).
   Generato da _bozze/temi/*.css con crea_temi.py: modificare le bozze e rigenerare. */
html:is([data-tema="chiaro"],[data-tema="blu"]){--notte:#f4f7fb; --abisso:#ffffff; --pannello:#ffffff; --pannello2:#eef3f9;
  --luce:#13294b; --ciano:#0b63ce; --ciano-forte:#0a56b3; --ambra:#e8a33d;
  --muted:#5b6b82; --linea:#e1e7ef; --linea-forte:#c9d4e2; --accento2:#0b63ce; --accento2-rgb:11,99,206;
  color-scheme:light;}
html:is([data-tema="chiaro"],[data-tema="blu"]) body{background:#fff;color:#13294b}
html:is([data-tema="chiaro"],[data-tema="blu"]) .fx-tela,html:is([data-tema="chiaro"],[data-tema="blu"]) .hud-strato,html:is([data-tema="chiaro"],[data-tema="blu"]) .fx-apri,html:is([data-tema="chiaro"],[data-tema="blu"]) .fx-pannello{display:none!important}
html:is([data-tema="chiaro"],[data-tema="blu"]) .fx-entra{opacity:1!important;transform:none!important}
html:is([data-tema="chiaro"],[data-tema="blu"]) .mono{color:#0b63ce;filter:none}
html:is([data-tema="chiaro"],[data-tema="blu"]) .wm{color:#13294b;text-shadow:none}
html:is([data-tema="chiaro"],[data-tema="blu"]) .nav{background:rgba(255,255,255,.95);border-bottom:1px solid #e1e7ef;box-shadow:0 1px 0 rgba(19,41,75,.04)}
html:is([data-tema="chiaro"],[data-tema="blu"]) .links a{color:#34465f}
html:is([data-tema="chiaro"],[data-tema="blu"]) .links a:hover{color:#0b63ce}
html:is([data-tema="chiaro"],[data-tema="blu"]) .lock{border-color:#0b63ce;color:#0b63ce}
html:is([data-tema="chiaro"],[data-tema="blu"]) .lock:hover{background:#eef4fd}
html:is([data-tema="chiaro"],[data-tema="blu"]) .lang button[aria-pressed="true"]{background:#0b63ce;color:#fff}
html:is([data-tema="chiaro"],[data-tema="blu"]) .hero{background:linear-gradient(180deg,#ffffff 0,#eef4fb 100%);border-bottom:1px solid #e1e7ef}
html:is([data-tema="chiaro"],[data-tema="blu"]) .hero::before{background-image:radial-gradient(#c9d6e8 1px,transparent 1px);background-size:22px 22px;opacity:.6}
html:is([data-tema="chiaro"],[data-tema="blu"]) .hero h1{color:#13294b}
html:is([data-tema="chiaro"],[data-tema="blu"]) .hero h1 em{color:#0b63ce;text-shadow:none}
html:is([data-tema="chiaro"],[data-tema="blu"]) .kicker{color:#0b63ce}
html:is([data-tema="chiaro"],[data-tema="blu"]) .lead{color:#46566d}
html:is([data-tema="chiaro"],[data-tema="blu"]) .stat{--stat-fondo:rgba(255,255,255,.72);--stat-bordo:#dbe3ee;--stat-luce:rgba(11,99,206,.6);--stat-n1:#13294b;--stat-n2:rgba(11,99,206,.62);--stat-n3:rgba(11,99,206,.12);--stat-filo:rgba(19,41,75,.25);box-shadow:0 2px 6px rgba(19,41,75,.06)}
html:is([data-tema="chiaro"],[data-tema="blu"]) .stat span{color:#5b6b82}
html:is([data-tema="chiaro"],[data-tema="blu"]) .atlas{background:#fff;border:1px solid #dbe3ee;box-shadow:0 10px 30px rgba(19,41,75,.10)}
html:is([data-tema="chiaro"],[data-tema="blu"]) .atlas-piano{opacity:.35}
html:is([data-tema="chiaro"],[data-tema="blu"]) .atlas-id h2{color:#13294b;text-shadow:none}
html:is([data-tema="chiaro"],[data-tema="blu"]) .atlas-stato{color:#0b63ce}
html:is([data-tema="chiaro"],[data-tema="blu"]) .atlas-msg.a{background:#f1f5fb;border-color:#e1e7ef;color:#13294b}
html:is([data-tema="chiaro"],[data-tema="blu"]) .atlas-msg.u{background:#0b63ce;color:#fff}
html:is([data-tema="chiaro"],[data-tema="blu"]) .atlas-sugg button{color:#34465f;border-color:#d3dcea;background:#fff}
html:is([data-tema="chiaro"],[data-tema="blu"]) .atlas-form input{background:#fff;color:#13294b;border-color:#c9d4e2}
html:is([data-tema="chiaro"],[data-tema="blu"]) .atlas-form input::placeholder{color:#8a98ad}
html:is([data-tema="chiaro"],[data-tema="blu"]) .atlas-form button{background:#0b63ce;color:#fff}
html:is([data-tema="chiaro"],[data-tema="blu"]) .atlas-form .atlas-mic{background:#fff;color:#13294b;border-color:#c9d4e2}
html:is([data-tema="chiaro"],[data-tema="blu"]) .atlas-nota{color:#7a889d}
html:is([data-tema="chiaro"],[data-tema="blu"]) .fl-alone{opacity:.35}
html:is([data-tema="chiaro"],[data-tema="blu"]) .mon{border-color:#d3dcea!important;box-shadow:0 10px 30px rgba(19,41,75,.12)!important}
html:is([data-tema="chiaro"],[data-tema="blu"]) .mon::before,html:is([data-tema="chiaro"],[data-tema="blu"]) .mon::after,html:is([data-tema="chiaro"],[data-tema="blu"]) .mon-led{display:none!important}
html:is([data-tema="chiaro"],[data-tema="blu"]) .reel{background:#0d1b2e}
html:is([data-tema="chiaro"],[data-tema="blu"]) .catalogo{background:#e4eaf3}
html:is([data-tema="chiaro"],[data-tema="blu"]) .search input{background:#fff;color:#13294b;border-color:#c9d4e2}
html:is([data-tema="chiaro"],[data-tema="blu"]) .search input::placeholder{color:#8a98ad}
html:is([data-tema="chiaro"],[data-tema="blu"]) .filters button{color:#34465f;border-color:#c9d4e2;background:#fff}
html:is([data-tema="chiaro"],[data-tema="blu"]) .filters button[aria-pressed="true"]{background:#13294b;border-color:#13294b;color:#fff}
html:is([data-tema="chiaro"],[data-tema="blu"]) .card{background:#fff;border-color:#e1e7ef;box-shadow:0 2px 8px rgba(19,41,75,.06)}
html:is([data-tema="chiaro"],[data-tema="blu"]) .card:hover,html:is([data-tema="chiaro"],[data-tema="blu"]) .card:focus-within{border-color:#0b63ce;box-shadow:0 10px 28px rgba(19,41,75,.14)}
html:is([data-tema="chiaro"],[data-tema="blu"]) .art{background:linear-gradient(135deg,#eef4fb,#e3ecf7);border-bottom-color:#e1e7ef}
html:is([data-tema="chiaro"],[data-tema="blu"]) .art::before{background-image:none}
html:is([data-tema="chiaro"],[data-tema="blu"]) .art svg{stroke:#0b63ce;filter:none}
html:is([data-tema="chiaro"],[data-tema="blu"]) .art .ai-badge{background:#0b63ce;color:#fff}
html:is([data-tema="chiaro"],[data-tema="blu"]) .card h3{color:#13294b}
html:is([data-tema="chiaro"],[data-tema="blu"]) .riga{color:#5b6b82}
html:is([data-tema="chiaro"],[data-tema="blu"]) .tag{color:#34465f;border-color:#d3dcea;background:#f6f8fb}
html:is([data-tema="chiaro"],[data-tema="blu"]) .tag.ai{background:#e8f1fd;border-color:#9cc2f1;color:#0b4fa6}
html:is([data-tema="chiaro"],[data-tema="blu"]) .foot{border-top-color:#eef2f7}
html:is([data-tema="chiaro"],[data-tema="blu"]) .foot .rt{color:#13294b}
html:is([data-tema="chiaro"],[data-tema="blu"]) .prev,html:is([data-tema="chiaro"],[data-tema="blu"]) .card .prev{color:#0b63ce!important;border-color:#9cc2f1!important;background:#fff!important}
html:is([data-tema="chiaro"],[data-tema="blu"]) .legenda{background:#fff;border-color:#e1e7ef}
html:is([data-tema="chiaro"],[data-tema="blu"]) .legenda h2{color:#13294b}
html:is([data-tema="chiaro"],[data-tema="blu"]) .legenda dt{color:#0b63ce}
html:is([data-tema="chiaro"],[data-tema="blu"]) .chi{background:#e4eaf3;border-bottom-color:#e1e7ef}
html:is([data-tema="chiaro"],[data-tema="blu"]) .chi h2,html:is([data-tema="chiaro"],[data-tema="blu"]) .fond-h{color:#13294b}
html:is([data-tema="chiaro"],[data-tema="blu"]) .chi-lead{color:#46566d}
html:is([data-tema="chiaro"],[data-tema="blu"]) .mvv>div{background:#fff;border-color:#e1e7ef;border-top-color:#0b63ce;box-shadow:0 2px 8px rgba(19,41,75,.05)}
html:is([data-tema="chiaro"],[data-tema="blu"]) .mvv p{color:#34465f}
html:is([data-tema="chiaro"],[data-tema="blu"]) .fondatore{background:#fff;border-color:#e1e7ef;box-shadow:0 2px 10px rgba(19,41,75,.06)}
html:is([data-tema="chiaro"],[data-tema="blu"]) .ritratto{background:#e3ecf7}
html:is([data-tema="chiaro"],[data-tema="blu"]) .ritratto::before{background-image:none}
html:is([data-tema="chiaro"],[data-tema="blu"]) .fondatore h3,html:is([data-tema="chiaro"],[data-tema="blu"]) .f-motto{color:#13294b}
html:is([data-tema="chiaro"],[data-tema="blu"]) .f-percorso{background:#f1f5fb}
html:is([data-tema="chiaro"],[data-tema="blu"]) .f-percorso dd,html:is([data-tema="chiaro"],[data-tema="blu"]) .f-pilastri li{color:#34465f}
html:is([data-tema="chiaro"],[data-tema="blu"]) .f-pilastri svg{stroke:#0b63ce}
html:is([data-tema="chiaro"],[data-tema="blu"]) .privata,html:is([data-tema="chiaro"],[data-tema="blu"]) .contatti{background:#13294b}
html:is([data-tema="chiaro"],[data-tema="blu"]) .privata::before,html:is([data-tema="chiaro"],[data-tema="blu"]) .contatti::before{opacity:.25}
html:is([data-tema="chiaro"],[data-tema="blu"]) .privata h2,html:is([data-tema="chiaro"],[data-tema="blu"]) .contatti h2{color:#fff}
html:is([data-tema="chiaro"],[data-tema="blu"]) .privata p,html:is([data-tema="chiaro"],[data-tema="blu"]) .contatti p{color:#c9d6e8}
html:is([data-tema="chiaro"],[data-tema="blu"]) .terminal{background:#0d1b2e;border-color:#27456d;box-shadow:none}
html:is([data-tema="chiaro"],[data-tema="blu"]) .btn.p{background:#0b63ce;color:#fff}
html:is([data-tema="chiaro"],[data-tema="blu"]) .btn.p:hover{background:#0a56b3}
html:is([data-tema="chiaro"],[data-tema="blu"]) .btn.g{color:#0b63ce;border-color:#9cc2f1}
html:is([data-tema="chiaro"],[data-tema="blu"]) .privata .btn.g,html:is([data-tema="chiaro"],[data-tema="blu"]) .contatti .btn.g{color:#fff;border-color:#7da3d6}
html:is([data-tema="chiaro"],[data-tema="blu"]) a.btn[href^="mailto:"]{background:#e8a33d!important;color:#1d1300!important;border-color:#e8a33d!important;box-shadow:none!important}
html:is([data-tema="chiaro"],[data-tema="blu"]) footer{background:#0d1b2e;color:#9fb1c8;border-top:0}
html:is([data-tema="chiaro"],[data-tema="blu"]) footer .wm{color:#fff}
html:is([data-tema="chiaro"],[data-tema="blu"]) footer .mono{color:#7db2f0}
html:is([data-tema="chiaro"],[data-tema="blu"]).fx-circuito .hero{background:linear-gradient(180deg,#ffffff 0,#eef4fb 100%)}
html:is([data-tema="chiaro"],[data-tema="blu"]).fx-circuito .catalogo{background:#e4eaf3}
html:is([data-tema="chiaro"],[data-tema="blu"]).fx-circuito .legenda{background:#e4eaf3}
html:is([data-tema="chiaro"],[data-tema="blu"]).fx-circuito .chi{background:#e4eaf3}
html:is([data-tema="chiaro"],[data-tema="blu"]) .atlas.mon{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}
html:is([data-tema="chiaro"],[data-tema="blu"]) .atlas-id h2,html:is([data-tema="chiaro"],[data-tema="blu"]) .atlas-id h2 *{color:#13294b!important;-webkit-text-fill-color:#13294b!important;background:none!important;text-shadow:none!important}
html:is([data-tema="chiaro"],[data-tema="blu"]) .catalogo,html:is([data-tema="chiaro"],[data-tema="blu"]) .chi,html:is([data-tema="chiaro"],[data-tema="blu"]) .legenda{background:#e4eaf3}
html:is([data-tema="chiaro"],[data-tema="blu"]) .card,html:is([data-tema="chiaro"],[data-tema="blu"]) .mvv>div,html:is([data-tema="chiaro"],[data-tema="blu"]) .fondatore{border-color:#b3c2d6;box-shadow:0 2px 4px rgba(19,41,75,.16),0 14px 34px rgba(19,41,75,.26)}
html:is([data-tema="chiaro"],[data-tema="blu"]) .card:hover,html:is([data-tema="chiaro"],[data-tema="blu"]) .card:focus-within{box-shadow:0 3px 6px rgba(19,41,75,.18),0 22px 44px rgba(19,41,75,.32)}
html:is([data-tema="chiaro"],[data-tema="blu"]) .stat{border-color:#b3c2d6;box-shadow:0 2px 4px rgba(19,41,75,.14),0 10px 24px rgba(19,41,75,.22)}
html:is([data-tema="chiaro"],[data-tema="blu"]) .atlas{box-shadow:0 3px 6px rgba(19,41,75,.16),0 20px 46px rgba(19,41,75,.30)}
html[data-tema="blu"]{--ciano:#2f7bf6;--ciano-forte:#1f66dc;--luce:#10233f;--accento2:#f2a93b}
html[data-tema="blu"] .nav{background:#0e2a54;border-bottom:1px solid #1d4178;box-shadow:none}
html[data-tema="blu"] .wm,html[data-tema="blu"] .links a{color:#e6eefb}
html[data-tema="blu"] .links a:hover{color:#fff}
html[data-tema="blu"] .mono{color:#6fb0ff}
html[data-tema="blu"] .lock{border-color:#6fb0ff;color:#fff}
html[data-tema="blu"] .lock:hover{background:#163b72}
html[data-tema="blu"] .lang{border-color:#35609c}
html[data-tema="blu"] .lang button{color:#a9c1e4}
html[data-tema="blu"] .lang button[aria-pressed="true"]{background:#2f7bf6;color:#fff}
html[data-tema="blu"] .hero{background:linear-gradient(160deg,#123a73 0,#0e2a54 55%,#0b2246 100%);border-bottom:0}
html[data-tema="blu"] .hero::before{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;opacity:1}
html[data-tema="blu"] .hero h1{color:#fff}
html[data-tema="blu"] .hero h1 em{color:#8cc4ff}
html[data-tema="blu"] .kicker{color:#f2a93b}
html[data-tema="blu"] .hero .lead{color:#c8d8f0}
html[data-tema="blu"] .hero .stat{--stat-fondo:rgba(255,255,255,.07);--stat-bordo:rgba(255,255,255,.18);--stat-luce:rgba(255,196,84,.8);--stat-n1:#fff;--stat-n2:rgba(169,193,228,.65);--stat-n3:rgba(169,193,228,.12);--stat-filo:rgba(255,255,255,.3);box-shadow:none}
html[data-tema="blu"] .hero .stat span{color:#a9c1e4}
html[data-tema="blu"] .atlas{box-shadow:0 18px 44px rgba(3,14,34,.45);border-color:#d9e3f2}
html[data-tema="blu"] .atlas-form button,html[data-tema="blu"] .atlas-msg.u,html[data-tema="blu"] .btn.p,html[data-tema="blu"] .art .ai-badge{background:#2f7bf6}
html[data-tema="blu"] .filters button[aria-pressed="true"]{background:#0e2a54;border-color:#0e2a54}
html[data-tema="blu"] .mvv>div{border-top-color:#2f7bf6}
html[data-tema="blu"] .privata,html[data-tema="blu"] .contatti{background:linear-gradient(160deg,#123a73,#0b2246)}
html[data-tema="blu"] footer{background:#081a36}
html[data-tema="blu"].fx-circuito .hero{background:linear-gradient(160deg,#123a73 0,#0e2a54 55%,#0b2246 100%)}

/* scheda prodotto nei temi chiari */
html:is([data-tema="chiaro"],[data-tema="blu"]) dialog{background:#fff;color:#13294b;box-shadow:0 20px 60px rgba(19,41,75,.25)}
html:is([data-tema="chiaro"],[data-tema="blu"]) dialog::backdrop{background:rgba(19,41,75,.45)}
html:is([data-tema="chiaro"],[data-tema="blu"]) .d-info h2,html:is([data-tema="chiaro"],[data-tema="blu"]) .d-info h3,html:is([data-tema="chiaro"],[data-tema="blu"]) .rating .big-n{color:#13294b}
html:is([data-tema="chiaro"],[data-tema="blu"]) .d-tagline{color:#46566d}
html:is([data-tema="chiaro"],[data-tema="blu"]) .d-area{color:#0b63ce}
html:is([data-tema="chiaro"],[data-tema="blu"]) .nota{background:#f1f5fb;border-left-color:#0b63ce;color:#46566d}
html:is([data-tema="chiaro"],[data-tema="blu"]) .close{color:#13294b;border-color:#c9d4e2}
html:is([data-tema="chiaro"],[data-tema="blu"]) .dlg.con-foto .d-art{background:#f4f7fb}
html:is([data-tema="chiaro"],[data-tema="blu"]) .legenda-in>div+div{border-left-color:#e1e7ef}
html:is([data-tema="chiaro"],[data-tema="blu"]) .legenda p,html:is([data-tema="chiaro"],[data-tema="blu"]) .legenda dd{color:#5b6b82}
/* il cinema delle anteprime e il monitor LIVE restano "sala buia" in tutti i temi */
html:is([data-tema="chiaro"],[data-tema="blu"]) .cinema,html:is([data-tema="chiaro"],[data-tema="blu"]) .reel{--notte:#04101f;--abisso:#05090f;--pannello:#071a30;--pannello2:#0a2340;--luce:#bfe6ff;--ciano:#4cc3ff;--ciano-forte:#7fd3ff;--muted:#8fb3cf;--linea:rgba(76,195,255,.16);--linea-forte:rgba(76,195,255,.38);color-scheme:dark}
/* niente effetti Cyber nei temi chiari: il pulsante Stile appare solo con Cyber */
html:is([data-tema="chiaro"],[data-tema="blu"]) .fx-apri,html:is([data-tema="chiaro"],[data-tema="blu"]) .fx-pannello{display:none!important}


/* selettore del tema in testata (tutti i temi) */
.tema{display:flex;border:1px solid var(--linea-forte);border-radius:999px;overflow:hidden}
.tema button{display:flex;align-items:center;gap:6px;font:600 12.5px var(--display);letter-spacing:.06em;background:none;border:0;color:var(--muted);padding:6px 11px;cursor:pointer}
.tema button i{width:10px;height:10px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.tema button[data-tema="cyber"] i{background:linear-gradient(135deg,#04101f 50%,#4cc3ff 50%)}
.tema button[data-tema="chiaro"] i{background:linear-gradient(135deg,#fff 50%,#0b63ce 50%)}
.tema button[data-tema="blu"] i{background:linear-gradient(135deg,#0e2a54 50%,#2f7bf6 50%)}
.tema button[aria-pressed="true"]{background:var(--ciano);color:#fff}
html:not([data-tema]) .tema button[aria-pressed="true"]{color:#03203a}
.tema button:hover{color:var(--luce)}
html[data-tema="blu"] .tema{border-color:#35609c}
html[data-tema="blu"] .tema button{color:#a9c1e4}
html[data-tema="blu"] .tema button[aria-pressed="true"]{color:#fff}
@media (max-width:980px){.tema button span{display:none}.tema button{padding:7px 8px}}