/* OneClap · tema DEVOCL · Brand identity v1.0 (22/09/2026) · unica fonte dei colori dell'interfaccia.
   Vietato introdurre colori, font o raggi non elencati qui. Classi sempre prefissate .oclp- (slug di DEVOCL) */
:root{
  --oclp-sfumatura:linear-gradient(120deg,#06B6D4 0%,#7C3AED 60%,#9333EA 100%);
  --oclp-ciano:#06B6D4; --oclp-turchese:#0891B2; --oclp-viola:#7C3AED; --oclp-viola-scuro:#9333EA; --oclp-notte:#0F172A;
  --oclp-testo:#0F172A; --oclp-testo-2:#64748B; --oclp-linee:#E2E8F0;
  --oclp-fondo:#F5F7FB; --oclp-superficie:#FFFFFF; --oclp-superficie-2:#F1F5F9;
  --oclp-ok:#059669; --oclp-attenzione:#D97706; --oclp-errore:#DC2626; --oclp-info:#4F46E5;
  /* colori della società: sovrascritti a runtime da contestoGrafico; i semantici non cambiano mai */
  --oclp-soc-primario:var(--oclp-turchese); --oclp-soc-secondario:var(--oclp-ciano); --oclp-soc-su-primario:#FFFFFF;
  --oclp-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;
  --oclp-r-scheda:16px; --oclp-r-finestra:22px; --oclp-r-cassetto:24px; --oclp-r-app:26px; --oclp-r-barra:30px; --oclp-r-pill:999px;
  --oclp-ombra:0 1px 2px rgba(15,23,42,.06),0 4px 16px rgba(15,23,42,.06);
  --oclp-tocco:44px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-tema="chiaro"]){
  --oclp-fondo:#1E2536; --oclp-superficie:#283142; --oclp-superficie-2:#283142; --oclp-testo:#E8ECF5; --oclp-testo-2:#94A3B8; --oclp-linee:#3A4459; color-scheme:dark;}}
:root[data-tema="scuro"]{--oclp-fondo:#1E2536; --oclp-superficie:#283142; --oclp-superficie-2:#283142; --oclp-testo:#E8ECF5; --oclp-testo-2:#94A3B8; --oclp-linee:#3A4459; color-scheme:dark;}

.oclp{font-family:var(--oclp-font);font-size:15px;line-height:1.5;color:var(--oclp-testo);background:var(--oclp-fondo);-webkit-font-smoothing:antialiased}
/* tipografia */
.oclp-titolo{font-size:26px;font-weight:800;line-height:1.2}
.oclp-sezione{font-size:18px;font-weight:700}
.oclp-nota{font-size:12px;color:var(--oclp-testo-2)}
.oclp-etichetta{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--oclp-testo-2)}
.oclp-numero{font-size:24px;font-weight:900;font-variant-numeric:tabular-nums}
/* superfici */
.oclp-scheda{background:var(--oclp-superficie);border:1px solid var(--oclp-linee);border-radius:var(--oclp-r-scheda);box-shadow:var(--oclp-ombra);padding:16px}
.oclp-finestra{background:var(--oclp-superficie);border-radius:var(--oclp-r-finestra);box-shadow:0 20px 60px rgba(15,23,42,.25)}
.oclp-cassetto{position:fixed;top:0;right:0;bottom:0;width:min(520px,100%);background:var(--oclp-superficie);border-radius:var(--oclp-r-cassetto) 0 0 var(--oclp-r-cassetto);display:flex;flex-direction:column}
.oclp-cassetto__piede{display:flex;gap:8px;padding:16px;border-top:1px solid var(--oclp-linee)}
.oclp-cassetto__piede .oclp-pericolo{margin-right:auto}
/* pulsanti: un solo .oclp-btn--pieno per schermata */
.oclp-btn{min-height:var(--oclp-tocco);padding:0 18px;border-radius:12px;border:1px solid var(--oclp-linee);background:var(--oclp-superficie);color:var(--oclp-testo);font:600 15px var(--oclp-font);display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.oclp-btn--pieno{background:var(--oclp-soc-primario);border-color:transparent;color:var(--oclp-soc-su-primario)}
.oclp-btn--principale{background:var(--oclp-sfumatura);border-color:transparent;color:#FFFFFF}
.oclp-btn--pericolo{color:var(--oclp-errore);border-color:color-mix(in srgb,var(--oclp-errore) 35%,transparent)}
.oclp-btn:focus-visible{outline:3px solid var(--oclp-viola);outline-offset:2px}
/* pill di stato: i colori semantici non cambiano mai */
.oclp-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--oclp-r-pill);font-size:12px;font-weight:700}
.oclp-pill--ok{color:var(--oclp-ok);background:color-mix(in srgb,var(--oclp-ok) 12%,transparent)}
.oclp-pill--attenzione{color:var(--oclp-attenzione);background:color-mix(in srgb,var(--oclp-attenzione) 12%,transparent)}
.oclp-pill--errore{color:var(--oclp-errore);background:color-mix(in srgb,var(--oclp-errore) 12%,transparent)}
.oclp-pill--info{color:var(--oclp-info);background:color-mix(in srgb,var(--oclp-info) 12%,transparent)}
/* icone Tabler outline */
.oclp-ico{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* gestionale */
.oclp-g{display:grid;grid-template-columns:260px 1fr;min-height:100vh}
.oclp-g__barra{background:var(--oclp-notte);color:#E8ECF5;padding:16px 12px}
.oclp-g__gruppo{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#94A3B8;margin:18px 10px 6px}
.oclp-g__voce{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;color:inherit;text-decoration:none}
.oclp-g__voce[aria-current="page"]{background:color-mix(in srgb,var(--oclp-viola) 22%,transparent);color:#EDE9FE}
.oclp-g__testa{display:flex;align-items:center;gap:12px;padding:12px 24px;border-bottom:1px solid var(--oclp-linee);background:var(--oclp-superficie)}
@media (max-width:820px){.oclp-g{grid-template-columns:1fr}.oclp-g__barra{display:none}.oclp-g__barra[data-aperta]{display:block;position:fixed;inset:0 20% 0 0;z-index:40}}
/* app */
.oclp-app{min-height:100dvh;background:var(--oclp-sfumatura);padding-top:env(safe-area-inset-top,0px)}
.oclp-app__testa{display:flex;align-items:center;gap:12px;padding:10px 16px;color:#FFFFFF}
.oclp-app__corpo{background:var(--oclp-fondo);border-radius:var(--oclp-r-app) var(--oclp-r-app) 0 0;min-height:calc(100dvh - 64px);padding:16px 16px calc(96px + env(safe-area-inset-bottom,0px))}
.oclp-app__barra{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(5,1fr);background:var(--oclp-superficie);border-radius:var(--oclp-r-barra);box-shadow:0 10px 30px rgba(15,23,42,.18);padding:6px}
.oclp-app__voce{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:600;color:var(--oclp-testo-2);padding:6px 0;border-radius:var(--oclp-r-barra);text-decoration:none}
.oclp-app__voce[aria-current="page"]{background:var(--oclp-soc-primario);color:var(--oclp-soc-su-primario)}
.oclp-profilo{width:36px;height:36px;border-radius:50%;padding:2px;background:var(--oclp-sfumatura)}
.oclp-profilo span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--oclp-superficie);color:var(--oclp-testo);font-weight:800;font-size:13px}
.oclp-evidenza{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory}
.oclp-evidenza>*{flex:0 0 40%;scroll-snap-align:start}
.oclp-post{aspect-ratio:4/5;border-radius:var(--oclp-r-scheda);overflow:hidden}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}