/* =====================================================================
   SCOCCA UNICA DELLE APP - lo stile del guscio, scritto solo su ruoli.
   Nata il 09/11/2026 per trasformazione dal guscio di Entretien
   (_BANCO_ENTRETIEN_NUOVA\guscio_style.css, 08/11/2026), cantiere
   _BANCO_SCOCCA. UNA SOLA SORGENTE: _CORE_BUILD\core\scocca.css,
   propagata in ogni app come core/scocca.css. Le tinte le dichiara la
   carrozzeria di ogni app (apps/<app>/carrozzeria.css): qui non c'e'
   nessun colore proprio di un'app, salvo il bianco della carta.
   Ruoli: --t1 barra alta, --t2 barra bassa, --t3 tinta profonda,
   --su-t scritta chiara su tinta, --acc accento (ambra), --acc-chiaro,
   --acc-fondo, --acc-ink, --carta2 (fondo tenue di striscia e righe
   dei fogli). Per il contenuto valgono le variabili che il motore ha
   gia' in tutte le app: --paper, --ink, --card, --muted, --line,
   --shadow. Variante scura (Diritto): classe "scura" sul body.
   Dentro ci sono anche le regole che il 09/11/2026 stavano in
   core/guscio-standard.js (conteggio una volta sola, tessere quattro per
   riga, tasti della striscia uguali, schede della stessa larghezza).
   ===================================================================== */
:root{
  --h-top:64px; --h-bot:68px; --h-strip:40px;
  --t-ink:#fff;            /* scritta sulle barre tinte (bianca; scura nelle app a barre chiare) */
  --su-acc:var(--t3);      /* scritta sull'accento acceso */
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:"Segoe UI","Noto Sans",Roboto,system-ui,-apple-system,Helvetica,Arial,sans-serif;
  /* tinte derivate: pastiglie, ombre e velo nascono dalle tinte della carrozzeria */
  --t-ombra:color-mix(in srgb,var(--t3) 30%,transparent);
  --t-ombra-forte:color-mix(in srgb,var(--t3) 45%,transparent);
  --t-velo:color-mix(in srgb,var(--t3) 50%,transparent);
  --t-pill:color-mix(in srgb,var(--t1) 16%,white);
  --t-pill-bordo:color-mix(in srgb,var(--t1) 32%,white);
  --acc-velato:color-mix(in srgb,var(--acc) 24%,transparent);
}
body.shrunk{ --h-top:46px; --h-bot:52px; }
body{ background:var(--paper) !important; background-image:none !important; background-attachment:scroll !important;
      font-family:var(--sans); }
html,body{ height:auto; min-height:100%; }

/* --- via la colonna di sinistra: resta vuota e nascosta, il motore la cerca --- */
aside{ display:none !important; }
#fxbg{ display:none !important; }
main{ margin-left:0 !important; padding:calc(var(--h-top) + var(--h-strip)) 0 calc(var(--h-bot) + 28px) !important;
      transition:padding-top .18s ease; }
.wrap{ padding:16px 12px 0 !important; max-width:900px; margin:0 auto; }

/* ===================== BARRA IN ALTO ===================== */
.topbar{
  position:fixed !important; top:0; left:0; right:0; z-index:30; margin:0 !important; border-radius:0 !important;
  height:var(--h-top); padding:0 12px !important; display:flex; align-items:center; gap:10px; flex-wrap:nowrap !important;
  background:linear-gradient(135deg,var(--t1) 0%,var(--t3) 100%) !important;
  color:var(--t-ink); border-bottom:0 !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
  box-shadow:0 2px 14px var(--t-ombra) !important; transition:height .18s ease;
  padding-top:env(safe-area-inset-top);
}
.apptile{
  flex:none; width:40px; height:40px; border-radius:11px; border:1px solid rgba(255,255,255,.26);
  background:rgba(255,255,255,.13); color:var(--acc-chiaro); cursor:pointer; padding:0; overflow:hidden; position:relative;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--serif); font-size:22px; font-weight:700; line-height:1; transition:width .18s,height .18s;
}
.apptile:hover{ background:rgba(255,255,255,.22); }
.apptile .brandlogo{ position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; margin:0 !important; }
body.shrunk .apptile{ width:32px; height:32px; font-size:18px; border-radius:9px; }
.topbar .brand{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; justify-content:center; text-align:left;
  text-transform:none; letter-spacing:normal; font-size:inherit; color:inherit; }
.topbar .brand span[data-brand]{
  display:block; font-family:var(--serif); font-weight:600; font-size:23px; line-height:1.1; color:var(--t-ink) !important;
  letter-spacing:0; text-transform:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  transition:font-size .18s ease;
}
.topbar .brand .namerow{ display:none !important; }
.topbar .brand #brandSub{ display:block; font-size:11.5px; letter-spacing:.06em; color:var(--su-t) !important;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:1px; }
body.shrunk .topbar .brand span[data-brand]{ font-size:18px; }
body.shrunk .topbar .brand #brandSub{ display:none; }
.tbtn,.topbar .navtoggle,.topbar .searchbtn{
  flex:none; width:38px; height:38px; border-radius:50%; border:1px solid rgba(255,255,255,.26);
  background:rgba(255,255,255,.13); color:var(--t-ink); cursor:pointer; padding:0; position:relative;
  display:flex; align-items:center; justify-content:center; transition:width .18s,height .18s;
}
.tbtn:hover,.topbar .navtoggle:hover,.topbar .searchbtn:hover{ background:rgba(255,255,255,.24); }
.tbtn.on,#calToggle.on{ background:var(--acc) !important; border-color:var(--acc) !important; color:var(--su-acc) !important; }
body.shrunk .tbtn,body.shrunk .topbar .navtoggle,body.shrunk .topbar .searchbtn{ width:32px; height:32px; }
.tbtn .dot{
  position:absolute; top:-3px; right:-3px; min-width:17px; height:17px; border-radius:999px;
  background:var(--acc-chiaro); color:var(--su-acc); font-size:10.5px; font-weight:800;
  display:none; align-items:center; justify-content:center; padding:0 4px; border:1.5px solid var(--t3);
}
.tbtn .dot.on{ display:flex; }
#navToggle,#navClose{ display:none !important; }
.search{
  position:fixed; top:var(--h-top); left:0; right:0; z-index:29; display:none;
  padding:8px 12px; background:var(--t3); flex:none !important;
}
body.search-on .search{ display:block; }
.search svg{ left:26px; top:21px; }
body.search-on main{ padding-top:calc(var(--h-top) + 58px) !important; }

/* ===================== CALENDARIO COMUNE (core-calendar) ===================== */
body.cal-on .striscia{ display:none; }
body.cal-on main{ padding-top:var(--h-top) !important; }
#calView{ margin:12px auto 0 !important; padding:14px 12px 18px !important; max-width:900px !important; }

/* ===================== STRISCIA ===================== */
.striscia{
  position:fixed; top:var(--h-top); left:0; right:0; z-index:28;
  height:var(--h-strip); display:flex; align-items:center; gap:8px; padding:0 12px;
  background:var(--carta2); border-bottom:1px solid var(--line); overflow-x:auto; scrollbar-width:none;
}
.striscia::-webkit-scrollbar{ display:none; }
/* il conteggio si legge una volta sola, sotto il titolo in alto */
.striscia #count,.striscia .count{ display:none !important; }
/* tasti della striscia: stessa pastiglia per tutti, anche per quelli che l'app si mette da se' */
.striscia button{
  flex:none; margin:0 !important; height:27px; line-height:25px; padding:0 13px !important; border-radius:999px !important;
  border:1px solid var(--acc-velato) !important; background:transparent !important; color:var(--acc-ink) !important;
  font-family:inherit !important; font-size:11.5px !important; font-weight:800 !important; letter-spacing:.07em !important;
  text-transform:uppercase !important; white-space:nowrap; cursor:pointer; box-shadow:none !important;
}
.striscia button:hover{ border-color:var(--acc) !important; }
.striscia button.on,.striscia button.std-on{ background:var(--acc-chiaro) !important; border-color:var(--acc-chiaro) !important; color:var(--acc-ink) !important; }
.striscia > *{ order:5; }
#agCompact{ order:4; }
#agCollAll,#dzCollAll{ order:9; }

/* --- VISTA COMPATTA --- */
#wrap.sc-compact .card .sub,
#wrap.sc-compact .card .field{ display:none !important; }
#wrap.sc-compact .card{ padding:9px 11px !important; }
#wrap.sc-compact .card .serv{ font-size:14px !important; }
#wrap.sc-compact .listrow{ padding:6px 12px !important; }
#wrap.sc-compact .grid{ gap:8px !important; }
#wrap.sc-compact .group,#wrap.sc-compact .lgroup{ margin-bottom:8px !important; }
#wrap.sc-compact .lcathead{ font-size:13.5px !important; padding:3px 11px !important; margin:9px 0 4px !important; }
#wrap.sc-compact .grouphead{ margin:9px 2px 4px !important; }
#wrap.sc-compact .grouphead h2{ font-size:13.5px !important; padding:3px 11px !important; }
#wrap.sc-compact .lcatn,#wrap.sc-compact .grouphead .gn{ min-width:19px !important; height:19px !important; font-size:10.5px !important; padding:0 5px !important; }
#wrap.sc-compact .catgrip-lista{ display:none; }

/* --- CATEGORIE CHE SI CHIUDONO --- */
.sc-chev{ flex:none; margin-left:6px; font-size:12px; opacity:.85; }
.lcathead,.grouphead{ cursor:pointer; }
.sc-chiuso{ display:none !important; }

/* ===================== BARRA IN BASSO ===================== */
.tabbar{
  position:fixed; left:10px; right:10px; z-index:31; bottom:calc(10px + env(safe-area-inset-bottom));
  height:var(--h-bot); border-radius:22px; background:var(--t2);
  box-shadow:0 10px 30px var(--t-ombra-forte); display:flex; align-items:center; gap:4px; padding:0 8px;
  transition:height .18s ease; max-width:880px; margin:0 auto;
}
#tabSecs{ display:flex; flex:1 1 auto; gap:4px; min-width:0; }
.tab{
  flex:1 1 0; min-width:0; height:52px; border:0; background:transparent; color:var(--su-t);
  border-radius:15px; cursor:pointer; padding:0 4px; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:3px; font:inherit; font-size:10.5px; font-weight:700;
  letter-spacing:.03em; transition:height .18s ease;
}
.tab svg{ width:21px; height:21px; flex:none; }
.tab .lbl{ display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tab:hover{ color:var(--t-ink); }
.tab.on{ background:var(--acc-velato); color:var(--acc-chiaro); }
.tabsep{ flex:none; width:1px; height:30px; background:rgba(255,255,255,.18); margin:0 4px; }
body.shrunk .tab{ height:40px; }
body.shrunk .tab .lbl{ display:none; }

/* ===================== FOGLI DAL BASSO ===================== */
.velo{ position:fixed; inset:0; z-index:60; background:var(--t-velo); opacity:0; pointer-events:none; transition:opacity .2s ease; }
.velo.on{ opacity:1; pointer-events:auto; }
.sheet{
  position:fixed; left:0; right:0; bottom:0; z-index:61; background:#fff;
  border-radius:22px 22px 0 0; box-shadow:0 -10px 40px var(--t-ombra);
  transform:translateY(102%); transition:transform .24s ease; max-height:86vh;
  display:flex; flex-direction:column; padding-bottom:env(safe-area-inset-bottom); max-width:880px; margin:0 auto;
}
.sheet.on{ transform:translateY(0); }
.sheet .maniglia{ flex:none; width:44px; height:5px; border-radius:3px; background:var(--line); margin:9px auto 4px; }
.sheet .sh-h{ flex:none; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:4px 18px 10px; border-bottom:1px solid var(--line); }
.sheet .sh-h b{ font-family:var(--serif); font-size:20px; font-weight:600; color:var(--t2); }
.sheet .sh-x{ width:32px; height:32px; border:0; border-radius:50%; background:var(--paper); color:var(--t2); cursor:pointer; font-size:15px; line-height:1; }
.sheet .sh-b{ flex:1 1 auto; overflow-y:auto; padding:14px 18px 22px; -webkit-overflow-scrolling:touch; }
/* tessere delle altre app: stessa misura, quattro per riga */
.sh-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.sh-app{ display:flex; flex-direction:column; align-items:center; gap:6px; padding:12px 4px; min-width:0; border:1px solid var(--line);
  border-radius:14px; background:var(--carta2); color:var(--t2); text-decoration:none; font-size:11.5px; font-weight:700; cursor:pointer; text-align:center; }
.sh-app:hover{ border-color:var(--acc-chiaro); background:var(--acc-fondo); }
.sh-app .lt{ flex:none; width:38px; height:38px; border-radius:11px; background:var(--t1); color:var(--acc-chiaro); display:flex; align-items:center; justify-content:center; font-family:var(--serif); font-size:21px; font-weight:700; }
.sh-row{ display:flex; align-items:center; gap:12px; width:100%; padding:13px 14px; margin-bottom:8px; border:1px solid var(--line);
  border-radius:12px; background:var(--carta2); color:var(--ink); font:inherit; font-size:15px; font-weight:600; text-align:left; cursor:pointer; }
.sh-row svg{ width:20px; height:20px; flex:none; }
.sh-row:hover{ border-color:var(--acc-chiaro); background:var(--acc-fondo); }

/* --- i blocchi del motore, ora dentro il foglio Filtri --- */
#secSel{ display:none !important; }
#shFilters .rail-h{
  font-size:11px !important; letter-spacing:.09em; text-transform:uppercase; font-weight:800;
  color:var(--muted) !important; margin:16px 0 8px !important; display:flex; align-items:center; justify-content:space-between;
  cursor:pointer; user-select:none; text-shadow:none !important;
}
#shFilters .rail-h.sep{ border-top:1px solid var(--line); margin-top:18px !important; padding-top:16px; }
#shFilters .rail-h.sc-vuoto{ display:none !important; }
#shFilters .chips{ display:flex; flex-wrap:wrap; gap:7px; }
#shFilters .chip{
  font-size:12.5px; padding:6px 12px; border-radius:999px; cursor:pointer; font-weight:600;
  background:var(--carta2) !important; color:var(--t2) !important; border:1px solid var(--line) !important;
  text-shadow:none !important;
}
#shFilters .chip:hover{ border-color:var(--acc-chiaro) !important; }
#shFilters .chip.active{ background:var(--acc-fondo) !important; border-color:var(--acc) !important; color:var(--acc-ink) !important; font-weight:800; }
#shFilters .catlist li{
  padding:9px 12px; border-radius:10px; font-size:14px; border-left:0 !important;
  color:var(--ink) !important; text-shadow:none !important;
  display:flex !important; align-items:center; gap:8px; justify-content:flex-start !important;
}
#shFilters .catlist li:hover{ background:var(--carta2) !important; }
#shFilters .catlist li.active{ background:var(--acc-fondo) !important; color:var(--acc-ink) !important; font-weight:700; }
#shFilters .catlist li.active::before{ display:none !important; }
/* etichetta a sinistra, numero e manina incolonnati a destra */
#shFilters .catlist li > span:first-child{ flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#shFilters .catlist li .n{
  flex:none; margin-left:auto; display:inline-flex; align-items:center; justify-content:center;
  min-width:30px; height:22px; padding:0 7px; border-radius:999px; font-size:11.5px; font-weight:700;
  color:var(--t2) !important; background:#fff !important; border:1px solid var(--line) !important;
}
#shFilters .catlist li .catgrip{ flex:none; width:22px; text-align:center; cursor:grab; opacity:.55; font-size:14px; margin:0; touch-action:none; user-select:none; }
#shFilters .catlist li:hover .catgrip{ opacity:.95; }
#shFilters .catlist li.rdrag{ background:var(--acc-fondo) !important; box-shadow:0 6px 18px var(--t-ombra); }
/* spegni tutti i filtri: sempre in fondo, a tutta riga */
#shFilters #filtriOff{ display:block; width:100%; margin:14px 0 2px; padding:11px 14px; border:1px solid var(--line); border-radius:11px;
  background:#fff; color:var(--t2); font:inherit; font-size:14px; font-weight:700; cursor:pointer; }
#shFilters #filtriOff:hover{ border-color:var(--acc); background:var(--acc-fondo); }
#shMore .ver-foot{ margin-top:20px; padding-top:14px; border-top:1px solid var(--line); color:var(--muted) !important; text-shadow:none !important; text-align:center; font-size:11.5px; }

/* --- il menu Opzioni del motore e' il corpo del foglio Altro --- */
#shMore .optmenu{
  display:flex !important; flex-direction:column; gap:8px; position:static !important;
  opacity:1 !important; visibility:visible !important; transform:none !important; animation:none !important; transition:none !important;
  pointer-events:auto !important;
  background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important;
  width:auto !important; max-width:none !important; height:auto !important; max-height:none !important;
  overflow:visible !important; margin:0 !important;
}
#shMore .optmenu .etool{ display:block; width:100%; text-align:left; padding:13px 14px; border-radius:12px; font-size:15px;
  background:var(--carta2) !important; color:var(--ink) !important; border:1px solid var(--line) !important; }
#shMore .optmenu .etool:hover{ background:var(--acc-fondo) !important; border-color:var(--acc-chiaro) !important; }
#shMore .optmenu .etool.add{ background:var(--acc) !important; color:var(--su-acc) !important; border-color:var(--acc) !important; }
#shMore .optmenu .rsub,#shMore .optmenu .langsub{ padding:2px 0 4px 12px; }
#shMore .optmenu .rsubopt,#shMore .optmenu .langopt{ background:#fff !important; }
#shMore .optmenu .optgrip{ display:none !important; }

/* ===================== VESTITO DELLA LISTA (modello approvato) ===================== */
.grouphead .rule{ display:none !important; }
.grouphead h2{
  flex:1; font-family:var(--serif) !important; font-size:16px !important; font-weight:700 !important;
  letter-spacing:.04em !important; color:var(--t-ink) !important; background:var(--t1) !important;
  border-radius:9px; padding:7px 13px !important; text-shadow:none !important;
}
.lcathead{
  display:flex !important; align-items:center; gap:8px;
  font-family:var(--serif) !important; font-size:16px !important; font-weight:700 !important;
  letter-spacing:.04em !important; color:var(--t-ink) !important; background:var(--t1) !important;
  border:0 !important; border-radius:9px !important; padding:7px 13px !important;
}
.lcathead.pinned,.grouphead.pinned h2{ background:var(--t3) !important; color:var(--t-ink) !important; border:0 !important; }
.grouphead .gn,.lcatn{
  display:inline-flex !important; align-items:center !important; justify-content:center !important; flex:none !important;
  min-width:24px !important; height:24px !important; padding:0 6px !important; border-radius:999px !important;
  font-family:var(--sans) !important;
  font-size:12px !important; font-weight:800 !important; line-height:1 !important; letter-spacing:0 !important;
  color:var(--t2) !important; background:#fff !important; border:1px solid rgba(255,255,255,.75) !important;
  text-shadow:none !important;
}
.grouphead .gn{ background:var(--t-pill) !important; border-color:var(--t-pill-bordo) !important; }
/* numero della categoria in fondo a destra, incolonnato: numero, manina, freccia */
.lcathead > .lcatn,.grouphead > .gn{ margin-left:auto !important; order:8; }
.lcathead > .catgrip-lista,.grouphead > .catgrip-lista{ margin-left:0 !important; order:9; }
/* la freccia, di qualunque app sia (sc-, ag-, dz-), sta sempre per ultima: numero, manina, freccia, incolonnati a destra */
.lcathead > .sc-chev,.grouphead > .sc-chev,.lcathead > .ag-chev,.lcathead > .ag-rchev,.grouphead > .ag-chev,
.lcathead > .dz-chev,.grouphead > .dz-chev,.grouphead h2 > .dz-chev,.grouphead h2 > .ag-chev,.grouphead h2 > .sc-chev{ margin-left:0 !important; order:10; flex:none; }
.lcathead > .lcatn:not(:last-child){ margin-right:0 !important; }
.card,.listrow{ background:var(--card) !important; background-image:none !important; border-color:var(--line) !important;
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
.card .serv,.listrow .lserv{ color:var(--ink) !important; }
.owner,.lstato{
  background:var(--t-pill) !important; border:1px solid var(--t-pill-bordo) !important; color:var(--t2) !important;
  font-weight:700 !important; border-radius:999px !important; text-shadow:none !important;
}
.verif{ background:var(--acc-fondo) !important; border-color:var(--acc-chiaro) !important; color:var(--acc-ink) !important; }
.ebtn{ background:var(--carta2) !important; border-color:var(--line) !important; }
.ebtn:hover{ border-color:var(--acc) !important; color:var(--t2) !important; }
.esave{ background:var(--t1) !important; }
.status{ background:var(--t2) !important; }
.lgroup{ margin-bottom:18px; }
.catgrip-lista{ margin-left:auto; cursor:grab; opacity:.8; font-size:15px; line-height:1; padding:0 2px;
  touch-action:none; user-select:none; -webkit-user-select:none; flex:none; }
.lcathead.rdrag{ opacity:.93; box-shadow:0 8px 22px var(--t-ombra-forte) !important; }

/* ===================== VARIANTE SCURA (Diritto): dichiarata, non eccezione =====================
   Il contenuto scuro lo da' l'app; qui la scocca tiene scuri barre, striscia, fogli e schede.
   La carrozzeria puo' dare --card-scura e --line-scura; di serie si ricavano dalle tinte. */
body.scura{ --card-scura:color-mix(in srgb,var(--t2) 90%,white); --line-scura:rgba(255,255,255,.12); --t-pill:rgba(255,255,255,.10); --t-pill-bordo:rgba(255,255,255,.18); background:var(--t3) !important; }
body.scura .card,body.scura .listrow{ background:var(--card-scura) !important; border-color:var(--line-scura) !important; }
body.scura .card .serv,body.scura .listrow .lserv{ color:#fff !important; }
body.scura .owner,body.scura .lstato{ color:#fff !important; }
body.scura .ebtn{ background:rgba(255,255,255,.08) !important; border-color:var(--line-scura) !important; color:#ddd !important; }
body.scura .lcathead,body.scura .grouphead h2{ background:var(--t2) !important; border:1px solid var(--line-scura) !important; }
body.scura .lcathead.pinned,body.scura .grouphead.pinned h2{ background:var(--t1) !important; }
body.scura .grouphead .gn,body.scura .lcatn{ background:rgba(255,255,255,.12) !important; color:#fff !important; border-color:rgba(255,255,255,.2) !important; }
body.scura #shMore .optmenu .rsubopt,body.scura #shMore .optmenu .langopt{ background:rgba(255,255,255,.08) !important; color:#fff !important; border-color:var(--line-scura) !important; }
body.scura #shFilters .catlist li:hover{ background:rgba(255,255,255,.06) !important; }
body.scura .velo{ background:rgba(0,0,0,.58); }
body.scura .sheet{ background:var(--t2); color:#fff; }
body.scura .sheet .sh-h{ border-bottom-color:rgba(255,255,255,.14); }
body.scura .sheet .sh-h b{ color:#fff; }
body.scura .sheet .sh-x{ background:rgba(255,255,255,.12); color:#fff; }
body.scura .sheet .maniglia{ background:rgba(255,255,255,.28); }
body.scura .sh-app,body.scura .sh-row,body.scura #shMore .optmenu .etool,body.scura #shFilters .chip,body.scura #shFilters #filtriOff{
  background:rgba(255,255,255,.07) !important; color:#fff !important; border-color:rgba(255,255,255,.14) !important; }
body.scura #shFilters .catlist li{ color:#fff !important; }
body.scura #shFilters .catlist li .n{ background:rgba(255,255,255,.12) !important; color:#fff !important; border-color:rgba(255,255,255,.2) !important; }
body.scura #shFilters .rail-h,body.scura #shMore .ver-foot{ color:var(--su-t) !important; }
body.scura .striscia{ background:var(--t2); border-bottom-color:rgba(255,255,255,.14); }
body.scura .striscia button{ border-color:color-mix(in srgb,var(--acc-chiaro) 50%,transparent) !important; color:var(--acc-chiaro) !important; }

/* ===================== VARIANTE CHIARA (Bancario): barre chiare, scritta scura ===================== */
body.chiara{
  --t-ombra:color-mix(in srgb,var(--t-ink) 14%,transparent);
  --t-ombra-forte:color-mix(in srgb,var(--t-ink) 26%,transparent);
  --t-velo:color-mix(in srgb,var(--t-ink) 42%,transparent);
  --t-pill:var(--t1); --t-pill-bordo:var(--t3);
  --t1-barra:color-mix(in srgb,var(--t1) 65%,var(--t3));
}
body.chiara .topbar{ border-bottom:1px solid var(--t3) !important; }
body.chiara .apptile,body.chiara .tbtn,body.chiara .topbar .navtoggle,body.chiara .topbar .searchbtn{ background:#fff; border-color:var(--t3); }
body.chiara .apptile{ color:var(--acc); }
body.chiara .apptile:hover,body.chiara .tbtn:hover,body.chiara .topbar .navtoggle:hover{ background:var(--acc-fondo); }
body.chiara .tbtn .dot{ background:var(--acc); border-color:var(--t1); }
body.chiara .search{ background:var(--t1-barra); }
body.chiara .tabbar{ border:1px solid var(--t3); }
body.chiara .tab.on{ background:#fff; color:var(--acc-ink); box-shadow:0 1px 4px var(--t-ombra); }
body.chiara .tabsep{ background:var(--t3); }
body.chiara .lcathead,body.chiara .grouphead h2{ background:var(--t1-barra) !important; border:1px solid var(--t3) !important; }
body.chiara .grouphead .gn,body.chiara .lcatn{ color:var(--acc-ink) !important; border-color:var(--t3) !important; }
body.chiara .grouphead .gn{ background:#fff !important; }
body.chiara .owner,body.chiara .lstato{ color:var(--acc-ink) !important; }
body.chiara .sh-app{ color:var(--t-ink); }
body.chiara .sh-app .lt{ background:var(--t1-barra); color:var(--acc-ink); }
body.chiara .sheet .sh-h b,body.chiara .sheet .sh-x,body.chiara #shFilters .chip,body.chiara #shFilters .catlist li .n,body.chiara #shFilters #filtriOff{ color:var(--t-ink) !important; }
body.chiara .esave{ background:var(--acc) !important; }
body.chiara .status{ background:var(--t-ink) !important; }
body.chiara .ebtn:hover{ color:var(--acc-ink) !important; }
/* ===================== DISTINTIVO AMMINISTRATORE (Custodia) ===================== */
#adminBadge{ position:absolute; top:6px; left:40px; z-index:32; font-size:10px; font-weight:800; background:var(--t1); color:var(--t-ink); border-radius:5px; padding:1px 6px; letter-spacing:.04em; }
#adminBadge[hidden]{ display:none; }
/* ===================== STAMPA ===================== */
@media print{
  .topbar,.striscia,.tabbar,.sheet,.velo,.search,#calView,.vis{ display:none !important; }
}