/* BLIP Città: Carta del design B6B (31/10/2026, valida fino al 31/01/2027). Fondo bianco ghiaccio, accento blu Klein, rilievo neomorfico.
   Si carica dopo gli altri fogli: cambia solo l'aspetto. */
:root{--acc:#002FA7;--acc-2:#2453D6;--acc-3:#D6E0FA;--acc-rgb:0,47,167;--acc-testo:#002FA7;
 --g-fondo:#EBEEF3;--g-sup:linear-gradient(150deg,#F5F7FA 0%,#EDF0F4 55%,#E4E8EE 100%);--g-inc:linear-gradient(150deg,#E2E6EC,#EBEEF3 70%);--g-pieno:#F6F8FA;
 --g-sh:150,164,186;
 --g-ril:10px 10px 24px rgba(var(--g-sh),.5),-8px -8px 20px rgba(255,255,255,.95),inset 1px 1px 0 rgba(255,255,255,.9);
 --g-ril-sm:5px 5px 12px rgba(var(--g-sh),.48),-4px -4px 10px rgba(255,255,255,.95),inset 1px 1px 0 rgba(255,255,255,.9);
 --g-incasso:inset 4px 4px 9px rgba(var(--g-sh),.45),inset -4px -4px 9px rgba(255,255,255,.95);
 --g-btn:linear-gradient(145deg,#2453D6 0%,#002FA7 100%);
 --g-btn-sh:0 10px 22px -10px rgba(var(--acc-rgb),.75),5px 5px 12px rgba(var(--g-sh),.4),-4px -4px 10px rgba(255,255,255,.9),inset 0 1px 0 rgba(255,255,255,.3);
 --notte:#EBEEF3;--testo:#26303A;--testo-2:#45515C;--testo-3:#6C7783;
 --vetro:#EEF1F5;--bordo:rgba(150,164,186,.26);--bordo-forte:rgba(150,164,186,.42);
 --ombra:var(--g-ril-sm);color-scheme:light}
html,body{background-color:#EBEEF3!important}
body{background-image:radial-gradient(rgba(110,126,146,.24) 1.1px,transparent 1.3px)!important;background-size:20px 20px!important;color:var(--testo)}
a{color:var(--acc)}
::selection{background:rgba(var(--acc-rgb),.18)}
:focus-visible{outline:2px solid rgba(var(--acc-rgb),.5);outline-offset:2px}

/* marchio: anello e punto nell'accento */
.mark{border-color:var(--acc-2)!important;box-shadow:3px 3px 7px rgba(var(--g-sh),.45),-2px -2px 5px #fff,inset 2px 2px 4px rgba(var(--g-sh),.35),inset -2px -2px 4px #fff}
.mark i{background:var(--acc)!important}
.marchio{color:var(--testo)}

/* campi incassati */
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{background:var(--g-inc)!important;border:0!important;box-shadow:var(--g-incasso)!important;color:var(--testo)!important;border-radius:14px}
input:focus,select:focus,textarea:focus{box-shadow:var(--g-incasso),0 0 0 2px rgba(var(--acc-rgb),.45)!important}
input::placeholder,textarea::placeholder{color:#8C97A3}
input[type=checkbox],input[type=radio]{accent-color:var(--acc)}

/* pulsanti: secondari in rilievo, primari pieni nell'accento */
.bottone{background:var(--g-sup)!important;border:0!important;color:var(--testo)!important;box-shadow:var(--g-ril-sm)!important;border-radius:999px}
.bottone.primario,.bottone.pieno.primario,.manca .a-voce.primario{background:var(--g-btn)!important;color:#fff!important;box-shadow:var(--g-btn-sh)!important}
.bottone.pericolo{color:#B3261E!important}
.bottone:active,.bottone.primario:active{box-shadow:var(--g-incasso)!important;transform:translateY(1px)}
.bottone[disabled]{background:#DDE3EA!important;color:#8A96A2!important;box-shadow:var(--g-incasso)!important}

/* riquadri in rilievo, riquadri chiari incassati */
.vetro,.box,.voce,.scheda,.pannello,.kpi .box,.esempio,.cassetto-test,.finestra,.scheda-cl,.riep,.banner,.vm-scheda,.vetro.tr{background:var(--g-sup)!important;border:1px solid rgba(255,255,255,.75)!important;box-shadow:var(--g-ril)!important;border-radius:22px}
.voce,.kpi .box,.coda,.box{box-shadow:var(--g-ril-sm)!important}
.avorio,.vuoto,.trascr,.nota-foto,.accordo,.prefs,.nota-r{background:var(--g-inc)!important;border:0!important;box-shadow:var(--g-incasso)!important;color:var(--testo)!important}
.avorio .etichetta{color:var(--testo-3)!important}
.etichetta{color:var(--testo-3)}
.pill{box-shadow:inset 1px 1px 0 rgba(255,255,255,.7)}

/* fogli e menu che salgono dal basso */
.foglio,.menu{background:#EEF1F5!important;border:0!important;box-shadow:0 -14px 40px rgba(var(--g-sh),.55),inset 0 1px 0 #fff!important}
.foglio .maniglia{background:#C9D1DB!important;box-shadow:var(--g-incasso)}
.velo{background:rgba(60,72,88,.28)!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.toast{background:#33404C!important;color:#fff!important;border:0!important;border-radius:999px!important}

/* striscia della prova */
.striscia-prova,.chip.prova{background:#F3EEE4!important;color:#6E5A35!important;border:0!important;box-shadow:inset 0 -1px 0 rgba(150,130,90,.18)!important}

/* accesso */
.accesso{background:transparent!important}
.accesso form{background:var(--g-sup);border-radius:30px;padding:34px 26px!important;box-shadow:var(--g-ril);border:1px solid rgba(255,255,255,.75);max-width:380px;margin-left:auto;margin-right:auto}
.accesso .logo-grande .mark{box-shadow:6px 6px 14px rgba(var(--g-sh),.5),-5px -5px 12px #fff,inset 3px 3px 6px rgba(var(--g-sh),.35),inset -3px -3px 6px #fff}
.accesso .nota{color:var(--testo-3)!important}
.accesso .nota a{color:var(--acc)!important}

/* ===================== app del telefono ===================== */
.testata{background:rgba(238,241,245,.84)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:0!important;box-shadow:0 10px 26px -14px rgba(var(--g-sh),.7)!important}
.testata .logo{background:transparent!important}
.tondo{background:var(--g-sup)!important;border:0!important;box-shadow:var(--g-ril-sm)!important;color:var(--testo-2)!important}
.tondo:active{box-shadow:var(--g-incasso)!important}
.schede{background:rgba(238,241,245,.92)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:0!important;box-shadow:0 -10px 26px -14px rgba(var(--g-sh),.7)!important}
.schede button{color:var(--testo-3)!important;background:transparent!important;border-radius:18px}
.schede button.on{color:var(--acc)!important;background:var(--g-inc)!important;box-shadow:var(--g-incasso)!important}
.schede .badge{background:var(--g-btn)!important;color:#fff!important}
.origini button,.filtri button,.segmenti button,.campioni button,.modo button,.manca .opz button,.fumetto .pulsanti button,.collegamenti button,.prefs span button,.tab button{background:var(--g-sup)!important;border:0!important;box-shadow:var(--g-ril-sm)!important;color:var(--testo-2)!important}
.origini button.on,.filtri button.on,.segmenti button.on,.campioni button.on,.tab button.on{background:var(--g-inc)!important;box-shadow:var(--g-incasso)!important;color:var(--acc)!important}
.origini,.segmenti,.filtri,.tab{gap:10px}
.btn-mic{background:var(--g-btn)!important;border:0!important;color:#fff!important;box-shadow:0 22px 40px -16px rgba(var(--acc-rgb),.8),12px 12px 26px rgba(var(--g-sh),.5),-10px -10px 22px #fff,inset 0 2px 0 rgba(255,255,255,.3)!important}
.btn-mic:active{box-shadow:inset 6px 6px 14px rgba(0,0,0,.25),inset -4px -4px 10px rgba(255,255,255,.2)!important}
.anelli .onda{border-color:rgba(var(--acc-rgb),.35)!important}
.microfono{background:transparent!important}
.mic-testo b{color:var(--testo)!important}
.lettura .orbita i{background:var(--acc)!important}
.compositore{background:rgba(238,241,245,.94)!important;border-top:0!important;box-shadow:0 -10px 26px -14px rgba(var(--g-sh),.7)!important}
.fumetto{background:var(--g-sup)!important;border:0!important;box-shadow:var(--g-ril-sm)!important;color:var(--testo)!important}
.fumetto.io{background:var(--g-btn)!important;color:#fff!important}
.chat{background:transparent!important}
.titolo-sez h2{font-weight:300;color:var(--testo)}
.titolo-sez .conta{background:var(--g-inc);box-shadow:var(--g-incasso);color:var(--acc)!important;border:0!important}
.fatto .mark{box-shadow:8px 8px 18px rgba(var(--g-sh),.5),-6px -6px 14px #fff}
.codice-grande{background:var(--g-inc)!important;box-shadow:var(--g-incasso)!important;border:0!important}

/* ===================== regia ===================== */
.barra{background:rgba(238,241,245,.86)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:0!important;box-shadow:0 10px 26px -14px rgba(var(--g-sh),.7)!important}
.tab{background:var(--g-inc)!important;box-shadow:var(--g-incasso)!important;border-radius:999px!important;padding:4px!important;border:0!important}
.tab button{box-shadow:none!important;background:transparent!important;border-radius:999px!important}
.tab button.on{background:var(--g-sup)!important;box-shadow:var(--g-ril-sm)!important}
.kpi{gap:14px}
.kpi .box .n{font-weight:300!important;color:var(--testo)!important}
.kpi .box.av .n{color:#A35F00!important}
.pannello h3{font-weight:400;color:var(--testo)}
.coda{background:var(--g-pieno)!important;border:0!important;border-radius:16px!important}
.tabella,table{background:var(--g-pieno);border-radius:16px;overflow:hidden}
th{color:var(--acc)!important;background:transparent!important}
tbody tr:hover{background:rgba(var(--acc-rgb),.05)!important}
.cassetto{background:#EEF1F5!important;border:0!important;box-shadow:-18px 0 44px rgba(var(--g-sh),.55)!important}
.diretta{background:var(--g-sup)!important;box-shadow:var(--g-ril-sm)!important;border:0!important}
.diretta::before{background:var(--acc)!important}
.suono{background:var(--g-sup)!important;box-shadow:var(--g-ril-sm)!important;border:0!important}
.suono[aria-pressed="true"]{background:var(--g-inc)!important;box-shadow:var(--g-incasso)!important;color:var(--acc)!important}

/* ===================== BLIP Città: pagina del cittadino e regia ===================== */
#tema-btn{display:none!important}
/* mappa di sfondo: strade grigie chiare sul ghiaccio */
#fondo-citta{--mi:.42}
#fondo-citta .leaflet-tile-pane{filter:grayscale(1) contrast(.92) brightness(1.04)!important}
#fondo-citta::after{background:linear-gradient(180deg,rgba(235,238,243,.55),rgba(235,238,243,0) 30%,rgba(235,238,243,0) 70%,rgba(235,238,243,.85))!important}
.con-fondo .testa .marchio{color:var(--testo)!important}
.con-fondo .testa .citta{color:var(--testo-3)!important;border-color:rgba(var(--g-sh),.45)!important}
.con-fondo h1.diretto,.con-fondo h1{color:var(--testo)!important;font-weight:300}
.con-fondo h1 em,.con-fondo h1 span,.con-fondo h1 i{color:var(--acc)!important}
/* pulsanti grandi foto e voce: disco in rilievo con il cuore pieno nell'accento */
.con-fondo .grande .cerchio{background:var(--g-btn)!important;color:#fff!important;box-shadow:0 26px 46px -18px rgba(var(--acc-rgb),.85),14px 14px 30px rgba(var(--g-sh),.5),-12px -12px 26px #fff,inset 0 2px 0 rgba(255,255,255,.3)!important}
.con-fondo #b-foto::before{background:radial-gradient(circle,rgba(var(--acc-rgb),.18),rgba(var(--acc-rgb),0) 70%)!important;border:0!important}
.con-fondo .grande .sopra{color:var(--acc)!important}
.con-fondo .grande small{color:var(--testo-3)!important}
.con-fondo .passo-2 #b-foto .cerchio,.con-fondo .passo-3 #b-foto .cerchio,.con-fondo .passo-3 #b-voce .cerchio,.con-fondo .passo-1 #b-voce .cerchio{background:var(--g-sup)!important;color:var(--acc)!important;box-shadow:var(--g-ril)!important}
.con-fondo .grande:active .cerchio{box-shadow:var(--g-incasso)!important}
.b-mappa,.vm-chiudi,.vm-f{background:var(--g-sup)!important;border:0!important;box-shadow:var(--g-ril-sm)!important;color:var(--testo-2)!important}
.vm-f.on{background:var(--g-inc)!important;box-shadow:var(--g-incasso)!important;color:var(--acc)!important}
.vm-testa{background:rgba(238,241,245,.9)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 26px -14px rgba(var(--g-sh),.7)!important}
.fondo-conta{background:var(--g-sup)!important;box-shadow:var(--g-ril-sm)!important;border:0!important;color:var(--testo-2)!important}
.fondo-conta b{background:var(--g-btn)!important;color:#fff!important;box-shadow:var(--g-btn-sh)!important}
.fondo-conta span{background:transparent!important;color:var(--acc)!important}
.con-fondo .posizione,.con-fondo #scrivi-box,.con-fondo .piede{color:var(--testo-2)!important}
.con-fondo .invia{background:var(--g-btn)!important;color:#fff!important;border:0!important;box-shadow:var(--g-btn-sh)!important}
.con-fondo .invia[disabled]{background:#DDE3EA!important;color:#8A96A2!important;box-shadow:var(--g-incasso)!important}
#mappa-tutta .leaflet-tile-pane{filter:grayscale(.35) contrast(.95)!important}
.vs-stato{box-shadow:inset 1px 1px 0 rgba(255,255,255,.7)}
.vm-titolo,.vm-titolo b,.vm-titolo span{color:#fff!important}