:root{--bg: #F7F3ED;--bg-2: #F0E8DD;--surface: #FFFFFF;--ink: #2A2521;--ink-soft: #6B6255;--ink-faint: #9A9082;--line: #E7E0D5;--line-strong: #D8CDBD;--accent: #8B6F47;--accent-strong: #6B5535;--accent-soft: #F2EBDF;--entrata: #1F7A4D;--entrata-soft: #E7F3EC;--uscita: #2563A0;--uscita-soft: #E8EFF7;--danger: #C93030;--danger-soft: #FBEBEB;--neutral: #5C5651;--neutral-soft: #EFEAE1;--warn: #B8860B;--warn-soft: #FAF3E4;--gold: #B8956A;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 1px 2px rgba(16, 24, 40, .06), 0 10px 28px rgba(16, 24, 40, .08);--radius: 16px;font-family:-apple-system,SF Pro Text,Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%;min-height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-user-select:none;user-select:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}.kiosk{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:calc(16px + var(--safe-top)) 20px calc(20px + var(--safe-bottom));background:var(--bg);overflow:hidden}.kiosk-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;padding-bottom:16px;border-bottom:1px solid var(--line)}.brand-wrap{display:flex;align-items:center;gap:12px;min-width:0}.brand-logo{height:32px;width:auto}.brand-divider{width:1px;height:22px;background:var(--line-strong)}.brand-sub{font-size:13px;color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase}.topbar-actions{display:flex;align-items:center;gap:10px}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;background:var(--surface);border:1px solid var(--line);color:var(--ink-soft)}.status-pill .dot{width:8px;height:8px;border-radius:50%;background:var(--ink-faint)}.status-pill.online .dot{background:var(--entrata)}.status-pill.offline{color:var(--warn)}.status-pill.offline .dot{background:var(--warn)}.gear{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line)}.gear:active{background:var(--bg-2)}.topbar-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:12px;font-size:14px;font-weight:600;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line)}.topbar-btn:active{background:var(--bg-2)}.kiosk-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px}.kiosk-clock{font-size:clamp(64px,20vw,128px);font-weight:300;letter-spacing:.01em;font-variant-numeric:tabular-nums;line-height:1;color:var(--ink)}.kiosk-date{font-size:clamp(15px,3.5vw,20px);letter-spacing:.02em;text-transform:capitalize;color:var(--ink-soft);margin-top:8px}.kiosk-actions{display:grid;grid-template-columns:1fr;gap:14px;flex:0 0 auto;width:100%;max-width:560px;margin:0 auto}.kbtn{display:flex;align-items:center;justify-content:center;gap:14px;padding:26px 20px;border-radius:16px;font-size:clamp(22px,5vw,30px);font-weight:600;letter-spacing:.14em;text-transform:uppercase;transition:transform .1s ease,box-shadow .1s ease,background .1s ease}.kbtn:active{transform:translateY(1px)}.kbtn .kbtn-icon{line-height:1}.kbtn-timbra{background:linear-gradient(180deg,#9c7c4e 0%,var(--accent) 100%);color:#fff;box-shadow:0 10px 26px #8b6f474d;animation:timbraGlow 3.2s ease-in-out infinite}.kbtn-timbra:active{background:var(--accent-strong)}@keyframes cardIn{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@keyframes timbraGlow{0%,to{box-shadow:0 10px 26px #8b6f4747}50%{box-shadow:0 13px 34px #8b6f4770}}.kiosk-hint{margin:16px auto 0;color:var(--ink-soft);font-size:clamp(16px,2.8vw,20px);letter-spacing:.01em;text-align:center;max-width:640px}.kiosk-hint strong{color:var(--ink)}.kiosk-offline{margin:12px auto 0;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--warn-soft);color:var(--warn);border:1px solid #f2d9b3;font-size:14px;font-weight:600}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;gap:10px;color:var(--ink);background:var(--bg)}.overlay-title{font-size:clamp(28px,6vw,44px);font-weight:600;margin:0;color:var(--ink)}.overlay-sub{font-size:clamp(16px,3.5vw,22px);color:var(--ink-soft);margin:0}.result-card{width:min(560px,92vw);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:clamp(24px,5vw,40px);display:flex;flex-direction:column;align-items:center;gap:8px;animation:cardIn .3s cubic-bezier(.2,.8,.2,1) both}.result-disc{width:clamp(88px,22vw,116px);height:clamp(88px,22vw,116px);border-radius:50%;display:grid;place-items:center;margin-bottom:6px}.result-dir{font-size:clamp(38px,10vw,68px);font-weight:700;letter-spacing:.01em;line-height:1.02;margin:0}.result-name{font-size:clamp(20px,5vw,28px);font-weight:600;color:var(--ink)}.result-time{font-size:clamp(18px,4vw,26px);font-variant-numeric:tabular-nums;color:var(--ink-soft)}.result-hours{margin-top:12px;padding:8px 18px;border-radius:999px;background:var(--bg-2);color:var(--ink);font-size:clamp(16px,3vw,22px);font-weight:600}.overlay-warn{margin-top:14px;padding:10px 16px;border-radius:12px;display:inline-flex;align-items:center;gap:8px;background:var(--warn-soft);border:1px solid #f2d9b3;color:var(--warn);font-size:clamp(15px,2.6vw,18px);max-width:min(92vw,520px)}.motivo{margin-top:16px;width:min(92vw,560px);text-align:center}.motivo-titolo{padding:10px 16px;border-radius:12px;background:var(--warn-soft);border:1px solid #f2d9b3;color:var(--warn);font-size:clamp(15px,2.6vw,18px)}.motivo-domanda{margin-top:14px;color:var(--ink);font-size:clamp(17px,3vw,22px);font-weight:600}.motivo-grid{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.motivo-btn{min-height:64px;padding:12px;border-radius:14px;background:var(--accent);color:#fff;font-size:clamp(16px,3vw,20px);font-weight:600}.motivo-btn:active{background:var(--accent-strong)}.motivo-btn:disabled{opacity:.6}.motivo-esito{margin-top:14px;color:var(--ink);font-size:clamp(16px,3vw,20px)}.motivo-errore{color:var(--warn)}.result-card.s-entrata .result-disc{background:var(--entrata-soft);color:var(--entrata)}.result-card.s-entrata .result-dir{color:var(--entrata)}.result-card.s-uscita .result-disc{background:var(--uscita-soft);color:var(--uscita)}.result-card.s-uscita .result-dir{color:var(--uscita)}.result-card.s-error .result-disc{background:var(--danger-soft);color:var(--danger)}.result-card.s-error .result-dir,.result-card.s-error .overlay-title{color:var(--danger)}.result-card.s-queued .result-disc{background:var(--neutral-soft);color:var(--neutral)}.result-card.s-queued .result-dir{color:var(--neutral)}.tag-pulse{width:130px;height:130px;border-radius:50%;border:2px solid var(--accent);color:var(--accent);display:grid;place-items:center;position:relative}.tag-pulse:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:2px solid var(--accent);animation:pulse 1.6s ease-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.5);opacity:0}}.spin{width:34px;height:34px;border:3px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.link-btn{margin-top:20px;padding:12px 28px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-size:16px;font-weight:600;letter-spacing:.02em}.link-btn:active{background:var(--bg-2)}.diag-panel{margin-top:16px;width:100%;text-align:left;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:12px;font-size:12px;color:var(--ink-soft);font-family:ui-monospace,Menlo,monospace;word-break:break-all;white-space:pre-wrap}.emp-list{display:flex;flex-direction:column;gap:8px;max-height:52vh;overflow-y:auto;margin-top:8px}.emp-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:var(--surface);color:var(--ink);border:1px solid var(--line);text-align:left;font-size:17px}.emp-row:active{background:var(--bg-2)}.settings{max-width:560px;margin:0 auto;padding:calc(20px + var(--safe-top)) 18px calc(28px + var(--safe-bottom))}.settings h1{font-size:20px;font-weight:700;letter-spacing:.02em;color:var(--ink)}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:14px;box-shadow:var(--shadow-sm)}.card h2{margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}label{display:block;font-size:13px;color:var(--ink-soft);margin-bottom:6px}input,select{font:inherit;width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);min-height:48px}input::placeholder{color:var(--ink-faint)}input[readonly]{background:var(--bg-2);color:var(--ink-soft);cursor:default}.field{margin-bottom:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;border-radius:12px;background:var(--accent);color:#fff;font-weight:700;letter-spacing:.02em}.btn:active{background:var(--accent-strong)}.btn:disabled{opacity:.5}.btn.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line-strong)}.badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600;background:var(--bg-2);color:var(--ink-soft);border:1px solid var(--line)}.badge.ok{background:var(--entrata-soft);color:var(--entrata);border-color:#c7ecd5}.badge.err{background:var(--danger-soft);color:var(--danger);border-color:#f6cdcd}.muted{color:var(--ink-soft)}.row{display:flex;align-items:center;gap:10px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.tag-pulse:after,.spin,.kbtn-timbra,.result-card{animation:none}}@media (max-width: 600px){.brand-sub,.brand-divider{display:none}}@media (orientation: landscape) and (max-height: 560px){.brand-logo{height:28px}.kiosk-clock{font-size:clamp(44px,12vw,88px)}.kbtn{padding:16px}.kiosk-hint{margin-top:8px;font-size:15px}}