:root{color-scheme:light;--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f7fafc;--surface-3: #edf2f7;--border: #cbd5e0;--border-soft: #e2e8f0;--border-faint: #edf2f7;--text: #1a1a1a;--text-strong: #2d3748;--text-mid: #4a5568;--text-muted: #718096;--text-faint: #a0aec0;--placeholder: #cbd5e0;--hover: #ebf8ff;--hover-strong: #bee3f8;--accent: #3182ce;--accent-fg: #ffffff;--accent-disabled: #a0aec0;--green: #38a169;--green-border: #2f855a;--green-disabled: #9ae6b4;--danger: #c53030;--danger-bg: #fff5f5;--danger-border: #fed7d7;--overlay: rgba(26, 32, 44, .5);--shadow: rgba(0, 0, 0, .2);--tier-consultiva-bg: #f5f6f8;--tier-proiezione-bg: #e9ebef;--chip-consultiva-bg: #f0f2f5;--chip-proiezione-bg: #e2e5ea;--mattina-bg: #fdecc8;--mattina-bg-soft: #fdf6e7;--mattina-fg: #8a5a12;--sera-bg: #e2e8fb;--sera-bg-soft: #eef1fc;--sera-fg: #3c3d8f;--sep: #b9c2d0;--flash: #fefcbf}[data-theme=dark]{color-scheme:dark;--bg: #0f141b;--surface: #1a212b;--surface-2: #222b37;--surface-3: #26303d;--border: #3a4658;--border-soft: #2c3848;--border-faint: #232d3a;--text: #e6eaf0;--text-strong: #f0f3f7;--text-mid: #c2ccd9;--text-muted: #93a1b3;--text-faint: #6b7888;--placeholder: #46535f;--hover: #243244;--hover-strong: #2c3e54;--accent: #4299e1;--accent-fg: #0f141b;--accent-disabled: #3a4658;--green: #48bb78;--green-border: #2f855a;--green-disabled: #2f5540;--danger: #fc8181;--danger-bg: #2a1b1d;--danger-border: #5b2a2a;--overlay: rgba(0, 0, 0, .62);--shadow: rgba(0, 0, 0, .5);--tier-consultiva-bg: #171d26;--tier-proiezione-bg: #12171e;--chip-consultiva-bg: #222b37;--chip-proiezione-bg: #1a212b;--mattina-bg: #3a2f1c;--mattina-bg-soft: #2c2519;--mattina-fg: #ecc275;--sera-bg: #242b46;--sera-bg-soft: #1d2336;--sera-fg: #aab4f0;--sep: #3a4658;--flash: #4a3f1a}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text);background:var(--bg);transition:background-color .2s ease,color .2s ease}.container{max-width:760px;margin:0 auto;padding:16px}.header-top{display:flex;align-items:center;justify-content:space-between;gap:8px}header h1{margin:0;font-size:1.4rem;letter-spacing:.5px;color:var(--text-strong)}header h2{margin:4px 0 0;font-size:1.1rem;font-weight:500;color:var(--text-mid)}.theme-toggle{flex:0 0 auto;width:40px;height:40px;border:1px solid var(--border);background:var(--surface);color:var(--text-strong);border-radius:8px;font-size:1.15rem;line-height:1;cursor:pointer}.theme-toggle:hover{background:var(--hover)}.muted{color:var(--text-muted)}.error{color:var(--danger)}.badges{margin-top:8px}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;background:#e2e8f0;color:#2d3748}.badge-consolidated{background:#c6f6d5;color:#22543d}.badge-draft{background:#fefcbf;color:#744210}.badge-archived{background:#e2e8f0;color:#4a5568}.badge-normal{background:#bee3f8;color:#2c5282}.badge-closed{background:#fed7d7;color:#822727}.badge-single_shift{background:#fbd38d;color:#7b341e}section{margin:20px 0}table.grid{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:6px;overflow:hidden}table.grid th,table.grid td{padding:10px 8px;text-align:center;font-size:.95rem;border-bottom:1px solid var(--border-soft);border-right:1px solid var(--border-soft)}table.grid th{background:var(--surface-3);font-weight:600;color:var(--text-strong);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}table.grid th[scope=row]{background:var(--surface-2);text-align:left;padding-left:12px}table.grid td:last-child,table.grid th:last-child{border-right:none}table.grid tr:last-child td,table.grid tr:last-child th{border-bottom:none}table.grid thead th.grid-mattina{background:var(--mattina-bg);color:var(--mattina-fg)}table.grid thead th.grid-sera{background:var(--sera-bg);color:var(--sera-fg)}.cell-empty,.cell-na{color:var(--placeholder)}.detail-rows{margin:10px 0 0;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--surface)}.detail-row{display:flex;align-items:baseline;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border-soft)}.detail-row:last-child{border-bottom:none}.detail-row-dt{flex:0 0 120px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted)}.detail-row-dd{margin:0;font-size:.95rem;color:var(--text)}button.detail-row{width:100%;text-align:left;font:inherit;background:transparent;border:none;border-bottom:1px solid var(--border-soft);cursor:pointer;min-height:44px}button.detail-row:last-child{border-bottom:none}button.detail-row:hover{background:var(--hover)}button.detail-row:active{background:var(--hover-strong)}@keyframes row-flash{0%{background:var(--flash)}to{background:transparent}}button.detail-row.flash{animation:row-flash 2.4s ease-out}.cell-pair{display:inline-block}.cell-pair-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:3px;background:#fefcbf;color:#744210;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px}ul.absences{list-style:none;padding:0;margin:8px 0}ul.absences li{padding:6px 0;border-bottom:1px solid var(--border-soft)}ul.absences li:last-child{border-bottom:none}.tag{display:inline-block;padding:1px 8px;border-radius:3px;font-size:.75rem;text-transform:uppercase;background:#e2e8f0;color:#4a5568}.tag-ferie{background:#c6f6d5;color:#22543d}.tag-malattia{background:#fed7d7;color:#822727}.tag-permesso_giorno,.tag-permesso_orario{background:#fefcbf;color:#744210}h3{font-size:1rem;color:var(--text-strong);margin:12px 0 8px;border-bottom:1px solid var(--border);padding-bottom:4px}.subhead{font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:16px 0 6px}.absence-form{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:10px}.absence-form label{display:flex;flex-direction:column;font-size:.8rem;font-weight:600;color:var(--text-mid);gap:4px}.absence-form select,.absence-form input{font-size:1rem;padding:8px 10px;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--text);font-weight:400}.field-pair{display:flex;gap:10px}.field-pair label{flex:1}.absence-form button{margin-top:4px;padding:12px;font-size:1rem;font-weight:600;color:var(--accent-fg);background:var(--accent);border:none;border-radius:6px;cursor:pointer}.absence-form button:disabled{background:var(--accent-disabled);cursor:default}.absence-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.btn-remove{flex-shrink:0;width:32px;height:32px;border:1px solid var(--danger-border);background:var(--danger-bg);color:var(--danger);border-radius:6px;font-size:1rem;line-height:1;cursor:pointer}.btn-remove:active{background:var(--danger-border)}.view-toggle{display:inline-flex;margin-top:10px;border:1px solid var(--border);border-radius:8px;overflow:hidden}.view-toggle button{padding:8px 16px;border:none;background:var(--surface);font:inherit;font-size:.9rem;color:var(--text-mid);cursor:pointer}.view-toggle button+button{border-left:1px solid var(--border)}.view-toggle button.is-active{background:var(--accent);color:var(--accent-fg);font-weight:600}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:10px}.btn-generate{padding:8px 14px;border:1px solid var(--green-border);background:var(--green);color:#fff;font:inherit;font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer}.btn-generate:disabled{background:var(--green-disabled);border-color:var(--green-disabled);cursor:default}.gen-msg{font-size:.82rem}.overview-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:6px;-webkit-overflow-scrolling:touch}table.overview{width:100%;border-collapse:collapse;background:var(--surface);font-size:.82rem}table.overview th,table.overview td{padding:7px 8px;text-align:left;border-bottom:1px solid var(--border-soft);border-right:1px solid var(--border-faint);white-space:nowrap}table.overview thead th{background:var(--surface-3);font-size:.72rem;text-transform:uppercase;letter-spacing:.3px;color:var(--text-strong);text-align:center}.ov-group{font-weight:700;font-size:.74rem}.ov-group-mattina{background:var(--mattina-bg);color:var(--mattina-fg)}.ov-group-sera{background:var(--sera-bg);color:var(--sera-fg)}.ov-sub{font-size:.68rem;font-weight:600}.ov-sub.ov-group-mattina{background:var(--mattina-bg-soft);color:var(--mattina-fg)}.ov-sub.ov-group-sera{background:var(--sera-bg-soft);color:var(--sera-fg)}table.overview .ov-sep{border-left:2px solid var(--sep)}table.overview tbody tr{cursor:pointer}table.overview tbody tr:hover td,table.overview tbody tr:hover th{background:var(--hover)}.ov-week-col{position:sticky;left:0;background:var(--surface-2);z-index:1}.ov-week-num{font-weight:700;display:block}.ov-week-dates{font-size:.68rem;color:var(--text-muted);display:block}.overview-hint{font-size:.78rem;margin-top:6px}.tier-row-consolidata .ov-week-col{border-left:3px solid var(--green)}.tier-row-consultiva .ov-week-col{border-left:3px solid #dd9b2e}.tier-row-consultiva td,.tier-row-consultiva>th:not(.ov-week-col){background:var(--tier-consultiva-bg)}.tier-row-proiezione td,.tier-row-proiezione>th:not(.ov-week-col){background:var(--tier-proiezione-bg)}.tier-row-proiezione .ov-week-col{border-left:3px dashed var(--text-faint)}table.overview tr.is-empty .ov-week-num{color:var(--text-faint)}.window-strip{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 8px;-webkit-overflow-scrolling:touch}.week-chip{flex:0 0 auto;min-width:74px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;border:1px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer;font:inherit;color:var(--text-strong)}.week-chip-num{font-weight:700;font-size:.9rem}.week-chip-dates{font-size:.7rem;color:var(--text-muted);white-space:nowrap}.week-chip-empty{font-size:.6rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint)}.week-chip.tier-consolidata{background:var(--surface);border-color:var(--green)}.week-chip.tier-consultiva{background:var(--chip-consultiva-bg)}.week-chip.tier-proiezione{background:var(--chip-proiezione-bg);border-style:dashed}.week-chip.is-selected{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}.week-nav{display:flex;align-items:center;gap:8px;margin-bottom:10px}.week-nav-title{flex:1;text-align:center}.week-nav-title h2{margin:0;font-size:1.1rem;font-weight:500;color:var(--text-mid)}.week-nav-title .badges{margin-top:6px}.nav-btn{flex:0 0 auto;width:40px;height:40px;border:1px solid var(--border);background:var(--surface);border-radius:8px;font-size:1.4rem;line-height:1;color:var(--text-strong);cursor:pointer}.nav-btn:disabled{color:var(--placeholder);cursor:default}.tier-badge-consolidata{background:#c6f6d5;color:#22543d}.tier-badge-consultiva{background:#fefcbf;color:#744210}.tier-badge-proiezione{background:#e2e8f0;color:#4a5568}table.grid td.cell-edit{padding:0}.cell-btn{width:100%;min-height:44px;padding:10px 8px;border:none;background:transparent;font:inherit;font-size:.95rem;color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.cell-btn:hover{background:var(--hover)}.cell-btn:active{background:var(--hover-strong)}.cell-lock{font-size:.8rem;opacity:.8}.grid-hint{font-size:.78rem;margin-top:6px;text-align:center}@keyframes cell-flash{0%{background:var(--flash)}to{background:transparent}}table.grid td.cell-edit.flash{animation:cell-flash 2.4s ease-out}.picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:0}.picker{width:100%;max-width:480px;max-height:85vh;overflow-y:auto;background:var(--surface);border-radius:14px 14px 0 0;padding:16px;box-shadow:0 -4px 24px var(--shadow)}@media (min-width: 560px){.picker-overlay{align-items:center}.picker{border-radius:14px}}.picker-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.picker-head h3{margin:0;border:none;padding:0;font-size:1rem;color:var(--text-strong)}.picker-close{flex-shrink:0;width:32px;height:32px;border:1px solid var(--border);background:var(--surface);border-radius:6px;font-size:1rem;line-height:1;cursor:pointer;color:var(--text-mid)}.picker-current{margin:6px 0 0;font-size:.85rem}.picker-occupants{margin-top:6px}.picker-occupants .subhead{margin:10px 0 4px}.picker-occupant{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--border-soft);border-radius:6px;margin-bottom:6px;font-size:.95rem}.picker-occ-remove{flex-shrink:0;border:1px solid var(--danger-border);background:var(--danger-bg);color:var(--danger);border-radius:6px;padding:4px 8px;font:inherit;font-size:.8rem;cursor:pointer}.picker-occ-remove:disabled{opacity:.6;cursor:default}.picker-occ-auto{font-size:.78rem}.picker-list{display:flex;flex-direction:column;gap:6px;margin:10px 0}.picker-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font:inherit;font-size:1rem;color:var(--text);text-align:left;cursor:pointer}.picker-item:hover:not(:disabled){background:var(--hover);border-color:var(--accent)}.picker-item.is-current{border-color:var(--accent);background:var(--hover)}.picker-item.is-disabled{cursor:default;background:var(--surface-2);color:var(--text-faint)}.picker-badge{flex-shrink:0;padding:1px 8px;border-radius:3px;background:#bee3f8;color:#2c5282;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px}.picker-reason{flex-shrink:0;font-size:.78rem;color:var(--text-faint)}.picker-others{margin-top:4px}.picker-others-toggle{border:none;background:none;font:inherit;font-size:.85rem;color:var(--text-mid);cursor:pointer;padding:4px 0}.picker-actions{display:flex;gap:8px;margin-top:12px}.picker-clear{flex:1;padding:12px;border:1px solid var(--danger-border);background:var(--danger-bg);color:var(--danger);border-radius:8px;font:inherit;font-weight:600;cursor:pointer}.picker-cancel{flex:1;padding:12px;border:1px solid var(--border);background:var(--surface);color:var(--text-mid);border-radius:8px;font:inherit;font-weight:600;cursor:pointer}.picker-clear:disabled,.picker-cancel:disabled{opacity:.6;cursor:default}@media (max-width: 480px){.container{padding:12px}table.grid th,table.grid td{padding:8px 4px;font-size:.85rem}table.grid td.cell-edit{padding:0}}.header-actions{display:flex;align-items:center;gap:8px}.user-chip{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-mid)}.ro-badge{padding:1px 6px;border-radius:3px;background:var(--surface-3);color:var(--text-muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.4px}.btn-logout{padding:6px 12px;border:1px solid var(--border);background:var(--surface);color:var(--text-mid);border-radius:8px;font:inherit;font-size:.82rem;cursor:pointer}.btn-logout:hover{background:var(--hover)}.me-name{font-weight:700;color:var(--accent);background:var(--hover);border-radius:3px;padding:0 3px}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:380px}.login-modes{margin:14px 0 10px;width:100%}.login-modes button{flex:1}.login-form{margin-top:4px}.login-hint{font-size:.82rem;margin-top:12px;text-align:center}.ok-msg{color:var(--green);font-size:.85rem;margin:0}.admin-settings{margin-top:8px}.settings-toggle{width:100%;text-align:left;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-strong);font:inherit;font-weight:600;cursor:pointer}.settings-toggle:hover{background:var(--hover)}.settings-body{margin-top:10px;display:flex;flex-direction:column}.pin-manager{margin-top:4px}.pin-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.pin-row{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface)}.pin-row-name{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.pin-state{font-size:.75rem;font-weight:600}.pin-state.is-set{color:var(--green)}.pin-state.is-unset{color:var(--text-faint)}.pin-row-actions{display:flex;align-items:center;gap:8px}.pin-row-actions input{flex:1;min-width:0;font-size:1rem;padding:8px 10px;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--text);letter-spacing:3px}.pin-row-actions button{flex-shrink:0;padding:8px 14px;font-size:.9rem;font-weight:600;color:var(--accent-fg);background:var(--accent);border:none;border-radius:6px;cursor:pointer}.pin-row-actions button:disabled{background:var(--accent-disabled);cursor:default}.pin-row-actions .btn-remove{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border)}