:root{color-scheme:light dark;--superficie-testata: #ffffff;--superficie: #f1f5f9;--scheda: #ffffff;--testo: #0f172a;--testo-tenue: #475569;--bordo: #cbd5e1;--primario: #1d4ed8;--primario-testo: #ffffff;--pericolo: #b91c1c;--ok: #15803d;--info-sfondo: #e0ecff;--errore-sfondo: #fee2e2;--ok-sfondo: #dcfce7;--raggio: 10px;--altezza-testata: 3.25rem;--altezza-nav-mobile: 4rem;--larghezza-nav-laterale: 14rem}@media(prefers-color-scheme:dark){:root:not([data-tema=chiaro]){--superficie-testata: #0f172a;--superficie: #020617;--scheda: #111c33;--testo: #e2e8f0;--testo-tenue: #94a3b8;--bordo: #334155;--primario: #60a5fa;--primario-testo: #0b1220;--pericolo: #f87171;--ok: #4ade80;--info-sfondo: #172554;--errore-sfondo: #450a0a;--ok-sfondo: #052e16}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--superficie);color:var(--testo);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5}h1{font-size:1.5rem;margin:0 0 1rem}a{color:var(--primario)}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:color-mix(in srgb,var(--testo) 8%,transparent);padding:.1em .35em;border-radius:4px}code.grande{font-size:1.25rem;padding:.4rem .7rem;word-break:break-all}.app{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"testata" "contenuto"}.testata{grid-area:testata;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--altezza-testata);padding:max(.5rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) .5rem max(1rem,env(safe-area-inset-left));background:var(--superficie-testata);border-bottom:1px solid var(--bordo)}.testata__marchio{font-weight:700;letter-spacing:.01em}.testata__utente{display:flex;align-items:center;gap:.5rem;min-width:0}.testata__nome{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.testata__nome small{color:var(--testo-tenue)}.testata__esci{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:0;border-radius:var(--raggio);background:transparent;color:var(--testo);cursor:pointer}.contenuto{grid-area:contenuto;min-width:0;padding:1rem max(1rem,env(safe-area-inset-right)) calc(var(--altezza-nav-mobile) + max(1rem,env(safe-area-inset-bottom))) max(1rem,env(safe-area-inset-left));max-width:60rem;width:100%;margin:0 auto}.app--ridotto .contenuto{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.nav-laterale{display:none}.nav-mobile{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;justify-content:space-around;min-height:var(--altezza-nav-mobile);padding:.25rem max(.25rem,env(safe-area-inset-right)) max(.25rem,env(safe-area-inset-bottom)) max(.25rem,env(safe-area-inset-left));background:var(--superficie-testata);border-top:1px solid var(--bordo)}.nav-mobile__voce,.nav-laterale__voce{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:.15rem;min-height:3rem;padding:.25rem .5rem;border:0;border-radius:var(--raggio);background:transparent;color:var(--testo-tenue);font:inherit;font-size:.75rem;text-decoration:none;cursor:pointer}.nav-mobile__voce.attiva,.nav-laterale__voce.attiva{color:var(--primario);font-weight:600}.nav-mobile__altro{position:relative;display:flex;flex:1}.nav-mobile__menu{position:absolute;right:0;bottom:100%;min-width:11rem;display:flex;flex-direction:column;background:var(--scheda);border:1px solid var(--bordo);border-radius:var(--raggio);padding:.25rem;box-shadow:0 8px 24px #0003}@media(min-width:900px){.app{grid-template-columns:var(--larghezza-nav-laterale) 1fr;grid-template-areas:"testata testata" "laterale contenuto"}.nav-laterale{grid-area:laterale;display:flex;flex-direction:column;gap:.25rem;padding:1rem .75rem;border-right:1px solid var(--bordo)}.nav-laterale__voce{flex:none;flex-direction:row;justify-content:flex-start;gap:.75rem;font-size:.95rem}.nav-mobile{display:none}.contenuto,.app--ridotto .contenuto{padding-bottom:1.5rem}}.scheda{background:var(--scheda);border:1px solid var(--bordo);border-radius:var(--raggio);padding:1rem;margin-bottom:1rem}.scheda__titolo{font-size:1.1rem;margin:0 0 .75rem}.campo{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.9rem}.campo__etichetta{font-size:.9rem;font-weight:600}.campo__input{min-height:2.75rem;padding:.5rem .75rem;border:1px solid var(--bordo);border-radius:var(--raggio);background:var(--superficie);color:var(--testo);font:inherit}.campo__input:focus-visible,.bottone:focus-visible,.nav-mobile__voce:focus-visible,.nav-laterale__voce:focus-visible,.testata__esci:focus-visible,a:focus-visible{outline:3px solid var(--primario);outline-offset:2px}.campo__suggerimento{color:var(--testo-tenue);font-size:.85rem}.casella{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.9rem}.bottone{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.5rem 1rem;border:1px solid transparent;border-radius:var(--raggio);font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.bottone:disabled{opacity:.6;cursor:progress}.bottone--primario{background:var(--primario);color:var(--primario-testo)}.bottone--secondario{background:transparent;color:var(--testo);border-color:var(--bordo)}.bottone--pericolo{background:transparent;color:var(--pericolo);border-color:var(--pericolo)}.azioni{display:flex;flex-wrap:wrap;gap:.5rem}.messaggio{margin:0 0 .9rem;padding:.6rem .8rem;border-radius:var(--raggio);font-size:.95rem}.messaggio--errore{background:var(--errore-sfondo);color:var(--pericolo)}.messaggio--ok{background:var(--ok-sfondo);color:var(--ok)}.messaggio--info{background:var(--info-sfondo)}.caricamento{color:var(--testo-tenue)}.dati{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:0 0 1rem}.dati dt{color:var(--testo-tenue)}.dati dd{margin:0;overflow-wrap:anywhere}.elenco{list-style:none;margin:0;padding:0}.elenco__riga{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.75rem 0;border-top:1px solid var(--bordo)}.elenco__riga:first-child{border-top:0}.elenco__riga--colonna{flex-direction:column}.elenco__riga--errore{border-left:4px solid var(--pericolo);padding-left:.6rem}.elenco__testo{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}.elenco__tag{color:var(--testo-tenue);font-size:.85rem}.elenco__errore{color:var(--pericolo);font-size:.9rem}.elenco__azioni{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem}.elenco__azioni .campo{margin-bottom:0}.codici{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.5rem;list-style:none;padding:0;margin:0 0 1rem}.codici code{display:block;font-size:1.05rem;text-align:center;padding:.5rem}.qr{display:block;margin:.75rem 0;background:#fff;padding:.5rem;border-radius:var(--raggio)}.passi{padding-left:1.2rem}.accesso{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.accesso__scheda{width:100%;max-width:24rem}.accesso__titolo{margin-bottom:.25rem}.accesso__sottotitolo{margin:0 0 1rem;color:var(--testo-tenue)}.accesso form{display:flex;flex-direction:column}.accesso form .bottone+.bottone{margin-top:.5rem}.piede{margin-top:1.5rem}.piede-versione{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;font-size:.8rem;color:var(--testo-tenue)}.piede-versione__etichetta{display:inline-block;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;cursor:default}.piede-versione__esito{min-height:1.2em}.mappa{height:16rem;width:100%;margin:.75rem 0;border-radius:var(--raggio);border:1px solid var(--bordo);overflow:hidden}.testo-tenue{color:var(--testo-tenue);font-size:.9rem}.griglia-campi{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:0 1rem}.filtri{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1rem}.filtro{min-height:2.5rem;padding:.25rem .8rem;border:1px solid var(--bordo);border-radius:999px;background:transparent;color:var(--testo);font:inherit;cursor:pointer}.filtro[aria-pressed=true]{background:var(--primario);border-color:var(--primario);color:var(--primario-testo)}.riquadri{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem}.riquadro{display:block;padding:1rem;border:1px solid var(--bordo);border-radius:var(--raggio);background:var(--scheda);color:var(--testo);text-decoration:none}.riquadro strong{display:block}.stato{display:inline-block;padding:.1rem .55rem;border-radius:999px;font-size:.8rem;border:1px solid var(--bordo)}.stato--ok{color:var(--ok);border-color:var(--ok)}.stato--errore{color:var(--pericolo);border-color:var(--pericolo)}.settimana{display:grid;grid-template-columns:5rem repeat(4,minmax(0,1fr));gap:.4rem .5rem;align-items:center;margin-bottom:1rem}.settimana input{width:100%;min-height:2.5rem;font:inherit;padding:.25rem .4rem;border:1px solid var(--bordo);border-radius:6px;background:var(--scheda);color:var(--testo)}textarea.campo__input{min-height:7rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.video-qr{display:block;width:100%;max-width:24rem;aspect-ratio:4 / 3;object-fit:cover;background:#000;border-radius:var(--raggio);margin:.5rem 0}.tipi{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem}.tipo{min-height:2.75rem;padding:.4rem .9rem;border:1px solid var(--bordo);border-radius:var(--raggio);background:transparent;color:var(--testo);font:inherit;cursor:pointer}.tipo[aria-pressed=true]{background:var(--primario);border-color:var(--primario);color:var(--primario-testo);font-weight:600}.bottone--grande{width:100%;min-height:3.5rem;font-size:1.15rem;margin-bottom:.5rem}.ora-grande{font-size:2rem;font-weight:700;margin:.25rem 0}.informativa{white-space:pre-line;max-height:18rem;overflow:auto;padding:.75rem;border:1px solid var(--bordo);border-radius:var(--raggio);background:var(--superficie)}.chiosco{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;gap:1rem;padding:1rem 1.5rem;background:var(--superficie);color:var(--testo)}.chiosco--spento{place-content:center;text-align:center}.chiosco__testata{display:flex;justify-content:space-between;align-items:baseline;font-size:1.5rem}.chiosco__ora{font-size:3rem;font-variant-numeric:tabular-nums;font-weight:600}.chiosco__lettore{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.chiosco__corpo{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.5rem;align-items:start}.chiosco__qr,.chiosco__codice{background:var(--scheda);border:1px solid var(--bordo);border-radius:var(--raggio);padding:1.25rem;display:grid;gap:.75rem;justify-items:center;text-align:center}.chiosco__qr .qr{width:min(70vw,22rem);height:auto;aspect-ratio:1}.qr--vuoto{background:#fff;min-height:12rem}.chiosco__tipi{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.chiosco__tipo{min-height:2.75rem;padding:0 .9rem;border-radius:var(--raggio);border:1px solid var(--bordo);background:var(--scheda);color:var(--testo);font:inherit}.chiosco__tipo--scelto{background:var(--primario);color:var(--primario-testo);border-color:var(--primario)}.chiosco__puntini{font-size:2rem;letter-spacing:.2em;margin:0}.chiosco__fermo{color:var(--pericolo);margin:0}.chiosco__tastierino{display:grid;grid-template-columns:repeat(3,4.5rem);gap:.5rem}.chiosco__tastierino button{height:4.5rem;font-size:1.75rem;border-radius:var(--raggio);border:1px solid var(--bordo);background:var(--scheda);color:var(--testo)}.chiosco__tastierino button:disabled{opacity:.4}.chiosco__tastierino button:last-child{grid-column:2}.chiosco__esito{display:grid;place-content:center;text-align:center;border-radius:var(--raggio);font-size:1.5rem;padding:2rem}.chiosco__esito--ok{background:var(--ok-sfondo);color:var(--ok)}.chiosco__esito--non_riconosciuto,.chiosco__esito--rete{background:var(--errore-sfondo);color:var(--pericolo)}.chiosco__grande{font-size:2.75rem;font-weight:700;margin:0 0 .5rem}.chiosco__piede{text-align:center}.scheda--stretta{max-width:32rem;margin:2rem auto}.navigazione-mese{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin:0 0 1rem}.frazioni{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem 1.5rem}.frazioni__allarme{color:var(--pericolo);font-weight:600}.tabella-scorrevole{overflow-x:auto}.cartellino{width:100%;border-collapse:collapse;font-size:.95rem}.cartellino th,.cartellino td{text-align:left;vertical-align:top;padding:.5rem .4rem;border-top:1px solid var(--bordo)}.cartellino thead th{border-top:0;color:var(--testo-tenue);font-weight:600;font-size:.85rem}.cartellino tbody th{font-weight:600;white-space:nowrap}.cartellino__riposo{color:var(--testo-tenue)}.cartellino__bloccato>th{border-left:4px solid var(--pericolo)}.cartellino__apri{background:none;border:0;padding:.25rem 0;min-height:2.75rem;color:var(--primario);font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}.cartellino__apri:focus-visible{outline:3px solid var(--primario);outline-offset:2px}.cartellino__dettaglio>td{background:color-mix(in srgb,var(--testo) 4%,transparent)}.dettaglio-giorno h3{font-size:1rem;margin:.75rem 0 .25rem}.etichetta{display:inline-block;margin:0 .25rem .25rem 0;padding:.1rem .5rem;border-radius:999px;font-size:.8rem;border:1px solid currentColor}.etichetta--errore{color:var(--pericolo)}.etichetta--ok{color:var(--ok)}.etichetta--avviso{color:var(--testo-tenue)}.intervalli__barra{position:relative;height:.9rem;border-radius:4px;background:color-mix(in srgb,var(--testo) 10%,transparent);margin:.25rem 0 .5rem}.intervalli__tratto{position:absolute;top:0;bottom:0;border-radius:3px}.intervalli__tratto--lavoro,.intervalli__chiave--lavoro{background:var(--primario)}.intervalli__tratto--trasferta,.intervalli__chiave--trasferta{background:var(--ok)}.intervalli__tratto--pausa,.intervalli__chiave--pausa{background:var(--testo-tenue)}.intervalli__tratto--aperto,.intervalli__chiave--aperto{background:var(--pericolo)}.intervalli__elenco{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem 1rem}.intervalli__chiave{display:inline-block;width:.7rem;height:.7rem;margin-right:.35rem;border-radius:2px}.collegamenti{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;margin:0 0 .75rem}.impronta{display:block;overflow-wrap:anywhere;font-size:.8rem}.sottotitolo{font-size:1rem;margin:1rem 0 .25rem}.dettaglio-giorno__azioni{margin:.75rem 0}.calendario{overflow-x:auto;border:1px solid var(--bordo);border-radius:var(--raggio);background:var(--scheda)}.calendario__tabella{border-collapse:collapse;min-width:100%;font-size:.8rem}.calendario__tabella th,.calendario__tabella td{min-width:1.7rem;height:2rem;padding:0;border:1px solid var(--bordo);text-align:center}.calendario__persona{position:sticky;left:0;min-width:7.5rem;padding:0 .5rem;background:var(--scheda);text-align:left;white-space:nowrap}.calendario__riposo{background:var(--superficie);color:var(--testo-tenue)}.calendario__oggi{box-shadow:inset 0 -3px 0 var(--primario)}.calendario__cella--approvata{background:var(--primario);color:var(--primario-testo)}.calendario__cella--attesa{background:repeating-linear-gradient(45deg,transparent 0,transparent 3px,var(--primario) 3px,var(--primario) 5px)}.calendario__cella--parziale:after{content:"·";font-weight:700}
