/* StaffHotel / clean-room presentation. No production styles are loaded. */
:root{color-scheme:light;--bg:#f4f3f0;--card:#fff;--ink:#242726;--muted:#7b807c;--line:#e6e8e3;--forest:#315b4c;--blue:#315b4c;--navy-soft:#eaf0ec;--brand:#6c2941;--lg-accent:#315b4c;--lg-on:#315b4c;--lg-surface:#f4f3f0;--lg-track:#e9eae6;--lg-track-off:#c6cac5;--lg-text:#242726;--lg-text-muted:#737b75;--lg-on-glass:#242726;--lg-tint:rgb(255 255 255 / .2);--lg-tint-strong:rgb(255 255 255 / .65);--lg-indicator:rgb(255 255 255 / .8);--lg-fallback:blur(20px) saturate(1.3);--lg-focus:#567665;--lg-radius:22px;--lg-radius-sm:18px}
html[data-theme=dark]{color-scheme:dark;--bg:#171c19;--card:#222824;--ink:#edf0e9;--muted:#a2ada4;--line:#343d36;--forest:#b4cdbb;--blue:#b4cdbb;--navy-soft:#33463b;--lg-accent:#b4cdbb;--lg-on:#527c61;--lg-surface:#222824;--lg-track:#2c352e;--lg-track-off:#586359;--lg-text:#edf0e9;--lg-text-muted:#a2ada4;--lg-on-glass:#edf0e9;--lg-tint:rgb(24 32 27 / .3);--lg-tint-strong:rgb(30 40 33 / .7);--lg-indicator:rgb(165 191 173 / .16)}
*{box-sizing:border-box}html,body{margin:0;max-width:100%;overflow-x:clip;scrollbar-width:none}body{background:var(--bg);color:var(--ink);font:15px/1.45 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased}body::-webkit-scrollbar{display:none}[hidden],.source-cta{display:none!important}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button,lg-button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--forest);outline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}h1,h2,h3,h4,p{margin:0}h2{font-size:32px;line-height:1.15;letter-spacing:-1.1px}h3{font-size:18px;letter-spacing:-.35px}h4{font-size:12px;font-weight:600;color:var(--muted)}small,.hint{font-size:12px;color:var(--muted)}.app{display:block}.main{max-width:1280px;margin:auto;padding:64px 38px 145px;min-width:0}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:38px;min-height:48px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page,.subpage{display:none}.page.active,.subpage.active{display:block}.page.active{animation:appear .25s ease}.print-only,.file,.auth-startup,.startup-loader,.auth-overlay{display:none}
/* The only glass library: liquidglass.dev. Glass is reserved for controls. */
.side{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:50;width:min(680px,calc(100% - 24px))}.side>.brand,.side>.sync,.side>p,.side>small{display:none}.nav{width:100%}.demo-native-navbar{display:flex;width:100%;padding:6px;gap:4px;border-radius:38px;--lg-surface:transparent}.demo-native-navbar>button,.demo-native-navbar .lg-nav__copy>span{flex:1;min-width:0;height:58px;padding:5px 6px;display:flex;flex-direction:column;justify-content:center;gap:4px;font-size:10px;line-height:1.1;font-weight:550}.demo-native-navbar>button>span,.demo-native-navbar .lg-nav__copy>span>span{display:block}.demo-native-navbar .lg-nav__copy{padding:6px;gap:4px}.demo-native-navbar svg{width:21px;height:21px}.lg-nav__copy>span[hidden]{display:none}.demo-scrubbing{touch-action:none}.lg-button__el{font-size:13px!important;font-weight:600!important;min-height:42px!important;padding:0 19px!important}.glass-action.is-primary{--lg-accent:#d4e0d7;--lg-on-glass:var(--ink)}.glass-action.is-danger{--lg-text:#ac4550;--lg-on-glass:#ac4550}.glass-action.is-icon .lg-button__el{padding:0!important;width:40px;min-height:40px!important}.glass-action .button-icon{width:17px;height:17px}.glass-action .lg-button__label{white-space:nowrap}.tabs{margin-bottom:24px;max-width:100%;overflow-x:auto;scrollbar-width:none}.demo-segment-wrap{display:block;width:max-content;max-width:100%}.demo-native-segmented{white-space:nowrap;max-width:none;gap:2px;padding:4px}.demo-native-segmented>button,.demo-native-segmented .lg-seg__option{height:34px;min-height:34px;padding:0 16px;font-size:12px;line-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.demo-native-segmented .lg-refract{gap:2px;padding:4px}.demo-native-segmented svg{width:16px;height:16px}.demo-native-segmented>button{touch-action:none}.demo-native-segmented .lg-lens-shadow{border-radius:18px}lg-switch{flex:none}lg-switch .lg-switch__control{transform:scale(.9);transform-origin:right center}
.week-toolbar{display:flex;align-items:center;gap:18px;margin-bottom:28px;padding:0;flex-wrap:wrap}.week{display:flex;align-items:center;gap:5px;flex:none}.week-toolbar-title{font-size:16px;letter-spacing:-.25px;flex:1;min-width:190px}.week-toolbar-title small{display:block;font-size:11px;margin-top:3px;letter-spacing:0}.week-picker-wrap[hidden]{display:none}.week-toolbar-current{margin-left:auto}.chief-season{display:flex;gap:16px;align-items:center;margin-bottom:24px}.chief-season-caption{display:flex;flex-direction:column}.chief-season-caption>span{font-size:11px;color:var(--muted)}.chief-season-caption>strong{font-size:19px}.chief-season-current{margin-left:auto}.soft,.primary,.icon,.danger,.danger-solid,.danger-outline{border:0;border-radius:22px;background:var(--navy-soft);padding:10px 17px;color:var(--forest);display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;min-height:40px}.icon{width:40px;padding:0}.danger,.danger-solid,.danger-outline{color:#a74951;background:transparent}.close{border:0;background:var(--bg);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;padding:0;flex:none}.close svg{width:14px;height:14px}
.panel,.sheet{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:25px;margin-bottom:22px;min-width:0}.sheet-title,.calendar-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.sheet-title h3{font-size:17px}.sheet-title>div:first-child{min-width:0}.table-wrap{max-width:100%;overflow:auto;overscroll-behavior:contain}.grid{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;min-width:650px}.grid th{font-size:11px;color:var(--muted);font-weight:500;padding:0 7px 17px;border-bottom:1px solid var(--line);text-align:center}.grid th:first-child{width:155px;text-align:left}.grid th small{display:block;margin-top:4px;font-size:10px}.grid td{border-bottom:1px solid var(--line);padding:6px 3px;text-align:center;height:84px}.grid td:first-child{text-align:left;font-size:13px;font-weight:600;padding-right:14px}.grid tr:last-child td{border-bottom:0}.cell{width:100%;min-height:68px;border:0;border-radius:12px;background:transparent;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;font-size:14px;line-height:1.25;transition:background .2s}.cell:hover{background:var(--bg)}.cell small{font-size:10px}.shift-main,.shift-details{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}.shift-badge{display:inline-block;border-radius:5px;padding:2px 5px;font-size:9px;font-weight:600;line-height:1.1}.shift-hotel-sp{color:#775e8a;background:#eee7f2}.shift-hotel-mi{color:#4975a2;background:#e4edf7}.shift-fl{background:#f2e8eb;color:#87475b}.shift-rest,.shift-half{font-weight:700}.shift-empty svg{width:15px;color:var(--muted)}.planner-mobile-switch,.planner-day{display:none}.planner-phone .planner-mobile-switch{display:block}.planner-phone[data-mobile-view=day] #plannerWeekSheet{display:none}.planner-phone[data-mobile-view=day] .planner-day{display:block}.planner-day-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.planner-day-list{display:grid;gap:10px}.planner-day-row{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--line)}.planner-day-row .cell{width:auto;min-width:120px}.planner-day-caption small{display:block}.compact-planner .grid td{height:64px}.compact-planner .cell{min-height:50px}.just-updated{animation:saved 1.4s ease}@keyframes saved{20%{background:#b3c8bb55;box-shadow:0 0 0 2px #849d8c77}100%{background:transparent;box-shadow:none}}
.dashboard-hero{position:relative;background:var(--card);border:1px solid var(--line);border-radius:26px;padding:32px;margin-bottom:22px;overflow:hidden}.brand{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:2px;font-weight:650;color:var(--brand);margin-bottom:30px}.brand img{width:29px;height:29px;border-radius:8px}.brand h1{font-size:11px;letter-spacing:2px}.brand p,.brand small,.brand .subtitle{display:none}.dashboard-hero h3{font-size:29px;letter-spacing:-1px;line-height:1.2;font-weight:600}.dashboard-hero>p{color:var(--muted);font-size:13px;margin-top:10px}.editorial-meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:27px;font-size:11px;color:var(--muted)}#cloudStatus{display:flex;align-items:center;gap:5px;font-size:10px}#cloudStatus:before{content:'';width:5px;height:5px;background:var(--forest);border-radius:50%}.dashboard-grid,.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-card,.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px}.dash-card-value,.card>strong{font-size:31px;font-weight:600;letter-spacing:-1px;display:block}.dash-card-label,.card>span{font-size:12px;color:var(--muted)}.dash-card-icon{position:absolute;right:22px;top:25px;color:var(--forest)}.dash-card-icon svg{width:25px;height:25px}.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.dashboard-columns .panel{margin-bottom:0}.dashboard-attention{grid-column:1/-1}.dashboard-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.dashboard-row:last-child{border:0}.dashboard-row b{font-size:13px;font-weight:600}.dashboard-row small{display:block;font-size:10px;margin-top:3px}.dashboard-shift{min-width:90px;text-align:right;font-size:13px}.dashboard-shift .shift-main,.dashboard-shift .shift-details{justify-content:flex-end}.service-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-summary-item,.service-card{border:1px solid var(--line);border-radius:13px;padding:15px;background:transparent;text-align:left;display:flex;flex-direction:column;gap:10px}.service-summary-item strong,.service-card strong{font-size:25px;font-weight:500}.service-summary-item small,.service-card small{font-size:10px}.service-summary-item[aria-pressed=true]{border-color:var(--forest);background:var(--navy-soft)}.dashboard-planning-empty{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;padding:12px 0}.dashboard-planning-empty svg{width:18px}.pending-shift{background:transparent;border:0;border-bottom:1px solid var(--line);width:100%;text-align:left}.service-match{background:var(--navy-soft);border-radius:8px}.employee-empty{padding:25px;color:var(--muted);font-size:13px}
.staff-tools{display:flex;gap:12px;margin-bottom:22px}.staff-tools>input{flex:1}.staff-tools>select,.staff-tools>.demo-select-trigger{width:235px;flex:none}.employee{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 0;border-bottom:1px solid var(--line)}.employee:first-child{padding-top:0}.employee:last-child{border:0;padding-bottom:0}.person{display:flex;align-items:center;gap:15px;min-width:0}.avatar{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:50%;font-size:12px;font-weight:600}.avatar--sala{background:#e9dfe4;color:#743d52}.avatar--dispensa{background:#dfe8df;color:#42624b}.person b{font-size:14px;font-weight:600}.person small{display:block;font-size:11px;margin-top:3px}.contract{font-size:11px;color:var(--muted);margin-top:5px}.employee .actions{flex:none}.employee .glass-action.is-danger .lg-button__label{font-size:0}.employee .glass-action.is-danger .lg-button__el{padding:0!important;width:40px}.report,.month-grid{width:100%;border-collapse:collapse;text-align:left;margin-top:12px;font-size:12px}.report th,.month-grid th{color:var(--muted);font-size:10px;font-weight:500;padding:14px 10px;border-bottom:1px solid var(--line)}.report td,.month-grid td{padding:16px 10px;border-bottom:1px solid var(--line)}.report td small{display:block;font-size:10px}.report tr:last-child td{border:0}.month-grid{min-width:1100px}.month-grid td{padding:8px;font-size:10px}.month-grid small{display:block;font-size:9px}.bars>div,.bar-row{display:flex;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.bar,.track{flex:1;height:3px;border-radius:3px;background:var(--line);overflow:hidden}.bar>i,.track>i{display:block;height:100%;background:var(--forest)}.badge{display:inline-flex;background:var(--bg);border-radius:7px;padding:4px 8px;font-size:11px}
.profile-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.profile-panel{margin:0}.profile-card-head{display:flex;gap:13px;align-items:center;margin-bottom:26px}.profile-card-head p{font-size:12px;color:var(--muted);margin-top:5px}.profile-card-icon,.setting-icon{display:grid;place-items:center;color:var(--forest);width:34px;flex:none}.profile-email-label{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-bottom:7px}.profile-email{display:flex;gap:10px;align-items:center;background:var(--bg);padding:12px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:13px}.profile-email svg{width:14px}.danger-zone p{font-size:12px;color:var(--muted);margin-bottom:20px;line-height:1.7}.profile-message:empty{display:none}.profile-message{font-size:12px;margin-top:10px;color:var(--forest)}.settings-group{margin-bottom:30px}.settings-group h2{font-size:11px;letter-spacing:1.3px;color:var(--muted);font-weight:600;text-transform:uppercase;margin:0 0 12px 18px}.settings-panel{padding:0 25px}.settings-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:18px;padding:25px 0;border-bottom:1px solid var(--line)}.settings-row:last-child{border:0}.settings-copy h3{font-size:14px;letter-spacing:0}.settings-copy p{font-size:12px;color:var(--muted);margin-top:4px}.settings-controls{grid-column:2/-1;min-width:0}.settings-controls .tabs{margin:0}.settings-signature{text-align:center;color:var(--muted);font-size:11px;margin-top:36px}.backup-export-date{font-size:11px;color:var(--muted);margin-top:12px}.appearance-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.appearance-choice{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:16px 10px;border:1px solid var(--line);border-radius:16px;font-size:11px;cursor:pointer}.appearance-choice:has(input:checked){border-color:var(--forest);background:var(--navy-soft)}.appearance-choice input{position:absolute;opacity:0;inset:0;cursor:pointer}.appearance-choice:focus-within{outline:2px solid var(--forest)}.appearance-preview{height:45px;display:flex;align-items:center;justify-content:center}.appearance-screen{width:65px;height:43px;display:flex;flex-direction:column;gap:4px;padding:7px;border-radius:6px;border:1px solid #b3bcb2;background:#f9faf7}.appearance-screen i{height:5px;background:#d5dfd6;display:block;border-radius:2px}.appearance-screen i:first-child{width:40%;background:#728a77}.appearance-screen--dark{background:#26332a;border-color:#556359}.appearance-screen--dark i{background:#435649}.appearance-preview--system .appearance-screen--light{margin-right:-32px;transform:translate(-8px,-4px)}.appearance-preview--system .appearance-screen--dark{transform:translate(8px,4px)}
.field{min-width:0}.field>label{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 0}.field input,.field select,input[type=search]{width:100%;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px;font-size:14px;color:var(--ink);min-height:44px}.field input[type=date],.field input[type=time],.field input[type=month]{appearance:none;-webkit-appearance:none}.check{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:22px}.check input{accent-color:var(--forest);width:17px;height:17px}.modal{display:none;position:fixed;inset:0;z-index:100;background:#17261b40;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:24px;align-items:center;justify-content:center}.modal.open{display:flex}.dialog{width:min(600px,100%);max-height:calc(100dvh - 48px);border-radius:26px;background:var(--card);box-shadow:0 20px 100px #17261b26;display:flex;flex-direction:column;overflow:hidden;animation:appear .2s ease}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:26px 26px 20px;flex:none}.dialog-head p{font-size:12px;color:var(--muted);margin-top:5px}.dialog-body{padding:5px 26px 25px;overflow-y:auto;overscroll-behavior:contain;min-height:0}.dialog-foot{padding:18px 26px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);background:var(--card);flex:none}.shift-choice-group+.shift-choice-group{margin-top:22px}.shift-choice-group h4{margin-bottom:10px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice{display:flex;align-items:center;min-height:44px;padding:11px 13px;background:var(--bg);border:1px solid transparent;border-radius:11px;text-align:left;font-size:12px}.choice b{font-weight:500}.choice[aria-pressed=true],.choice.selected{border-color:var(--forest);background:var(--navy-soft);color:var(--forest)}.shift-choice-group--work .choices:has(>button:only-child){grid-template-columns:1fr}.preview{padding-top:20px;margin-top:22px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:5px;font-size:13px}.preview small{font-size:10px}.detail-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.detail-summary>div{background:var(--bg);border-radius:12px;padding:15px;font-size:12px}.detail-summary strong{display:block;font-size:25px}.detail-head-edit{margin-top:12px}.confirmation-word{font-weight:700}.toast{position:fixed;bottom:112px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:var(--card);border:1px solid var(--line);padding:13px 20px;border-radius:22px;font-size:12px;z-index:200;transition:opacity .2s,transform .2s;box-shadow:0 8px 30px #17261b14;max-width:calc(100% - 30px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.undo-toast{display:flex;gap:14px;align-items:center;bottom:165px}.undo-toast button{background:none;border:0;color:var(--forest);font-size:12px;font-weight:600}
/* Date and option popovers stay flat and legible; no nested glass layers. */
.demo-control-popover{position:fixed;inset:auto;margin:0;max-height:calc(100dvh - 28px);overflow:auto;padding:15px;border:1px solid var(--line);border-radius:22px;background:var(--card);color:var(--ink);box-shadow:0 18px 65px #17261b26;z-index:220}.demo-control-popover::backdrop{background:transparent}.demo-calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:14px;text-transform:capitalize}.demo-calendar-arrow{display:grid;place-items:center;border:0;background:transparent;width:34px;height:34px;color:var(--forest)}.demo-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.demo-month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.demo-calendar-weekday{text-align:center;font-size:10px;color:var(--muted);padding:4px}.demo-calendar-grid button,.demo-month-grid button{border:0;background:transparent;min-height:35px;border-radius:18px;color:var(--ink);font-size:13px}.demo-calendar-grid button[aria-pressed=true],.demo-month-grid button[aria-pressed=true]{background:var(--navy-soft);color:var(--forest);font-weight:650}.demo-calendar-today{margin-top:13px;border:0;border-top:1px solid var(--line);background:transparent;min-height:40px;width:100%;color:var(--forest);font-size:12px;font-weight:600}.demo-date-trigger,.demo-select-trigger{background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:12px;padding:11px 13px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;min-width:0;width:100%}.demo-date-trigger.icon{width:40px;height:40px;min-height:40px;border:0;background:transparent;padding:10px}.demo-select-trigger svg,.demo-date-trigger svg{width:17px;height:17px}.sheet-title>.demo-date-trigger,.calendar-controls>.demo-date-trigger{width:auto;flex:none}.demo-menu-option{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;border:0;background:transparent;min-height:42px;border-radius:10px;padding:10px 12px;text-align:left;color:var(--ink);font-size:13px}.demo-menu-option:hover,.demo-menu-option[aria-pressed=true]{background:var(--navy-soft);color:var(--forest)}
@keyframes appear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:900px){.main{padding:58px 24px 140px}.top{margin-bottom:32px}.profile-layout{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.dashboard-columns{grid-template-columns:1fr}.employee{align-items:flex-start}.grid th:first-child{width:125px}.week-toolbar{gap:12px}.week-toolbar-title{font-size:15px}.week-toolbar-current .cta-label{font-size:11px}}
@media(max-width:600px){.main{padding:57px 16px 125px}.top{margin-bottom:29px;gap:12px}h2{font-size:29px}.top .lg-button__el{font-size:12px!important;padding:0 14px!important}.top .actions{flex-wrap:nowrap;gap:6px}.side{bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 20px)}.demo-native-navbar{padding:5px;gap:0}.demo-native-navbar .lg-nav__copy{padding:5px;gap:0}.demo-native-navbar>button,.demo-native-navbar .lg-nav__copy>span{font-size:8px;height:53px;padding:4px 1px;gap:4px}.demo-native-navbar svg{width:20px;height:20px}.panel,.sheet{padding:19px 16px;border-radius:19px}.dashboard-hero{padding:25px 22px}.dashboard-hero h3{font-size:24px;letter-spacing:-.7px}.dashboard-hero>p{font-size:12px}.brand{margin-bottom:25px}.dashboard-grid{gap:10px}.dash-card,.card{padding:18px}.dash-card-label{font-size:11px}.dash-card-icon{right:15px;top:19px}.dash-card-icon svg{width:21px}.dash-card-value{font-size:28px}.dashboard-columns{gap:16px}.tabs{margin-bottom:20px}.demo-native-segmented>button,.demo-native-segmented .lg-seg__option{padding:0 12px;font-size:11px}.demo-native-segmented .tab-icon{width:14px;height:14px}.week-toolbar{gap:7px;margin-bottom:22px}.week-toolbar-title{order:-1;flex-basis:100%;font-size:16px;margin-bottom:6px}.week-toolbar-current{margin-left:auto}.staff-tools{flex-direction:column}.staff-tools>.demo-select-trigger{width:100%}.employee{flex-direction:column;gap:16px}.employee .actions{align-self:flex-end}.person{gap:12px}.person b{font-size:13px}.settings-panel{padding:0 18px}.settings-row{grid-template-columns:25px 1fr auto;gap:12px;padding:23px 0}.settings-copy p{font-size:11px}.appearance-options{gap:7px}.appearance-choice{font-size:10px;padding:13px 5px}.appearance-screen{width:53px}.settings-controls{grid-column:1/-1}.modal{padding:14px}.dialog{max-height:calc(100dvh - 28px);border-radius:22px}.dialog-head{padding:22px 22px 18px}.dialog-body{padding:4px 22px 22px}.dialog-foot{padding:16px 22px}.choices{grid-template-columns:1fr}.fields{grid-template-columns:1fr;gap:15px}.sheet-title,.calendar-controls{flex-wrap:wrap;gap:14px}.sheet-title>.demo-date-trigger,.calendar-controls>.demo-date-trigger{width:100%}.chief-season{gap:9px}.chief-season-current .lg-button__el{font-size:11px!important;padding:0 12px!important}.toast{bottom:95px}.report{font-size:11px}.report th,.report td{padding:13px 6px}.detail-summary{grid-template-columns:1fr}.grid{min-width:650px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{@page{size:A4 landscape;margin:12mm}body{background:white;color:black}.side,.top,.tabs,.week-toolbar,.modal,.toast,.demo-note,.no-print{display:none!important}.main{padding:0;max-width:none}.page,.subpage{display:none}.page.active,.subpage.active{display:block}.panel,.sheet{border:0;padding:0;box-shadow:none}.table-wrap{overflow:visible;max-height:none!important}.grid{min-width:0;width:100%}.grid th,.grid td{border:1px solid #aaa;padding:8px;font-size:11px;height:auto}.cell{min-height:35px;font-size:12px}.print-only{display:block}.shift-badge{background:none;color:black}#schedulePrintMeta h1{font-size:20px}#schedulePrintMeta p{margin:8px 0}.print-legend{font-size:10px;margin:12px 0}}

/* Content typography and operational summaries. */
.startup-gate{display:none!important}.dash-card>div>strong{display:block;font-size:32px;font-weight:550;letter-spacing:-1px;line-height:1.15;margin-bottom:8px}.dash-card>div>span{font-size:12px;color:var(--muted)}
#serviceSummary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.service-tile{display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:var(--bg);border:1px solid transparent;border-radius:14px;padding:16px;text-align:left;min-width:0}.service-tile-title{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:500}.service-tile-title svg{width:16px;height:16px}.service-tile>strong{font-size:26px;font-weight:550;line-height:1}.service-tile-names{font-size:10px;color:var(--muted);line-height:1.6}.service-tile[aria-pressed=true]{border-color:var(--forest);background:var(--navy-soft)}
.cards .card>strong,.cards .card b{font-size:29px;display:block;font-weight:550}.cards .card small{display:block}.profile-panel>.glass-action{margin-top:18px}.detail-head-edit+.glass-action{margin-top:10px}.top .glass-action{flex:none}
.stat{background:var(--card);border:1px solid var(--line);border-radius:19px;padding:22px}.stat>strong{display:block;font-size:31px;font-weight:550;letter-spacing:-1px;line-height:1.2;margin-bottom:8px}.stat>span{font-size:12px;color:var(--muted)}.track .fill{height:100%;background:var(--forest);border-radius:3px}#chiefCards{grid-template-columns:repeat(3,minmax(0,1fr))}.service-tile>.badge{background:transparent;padding:0;font-size:25px;font-weight:550;line-height:1.1}.bar-row>span{width:130px}.bar-row>b{font-size:11px;font-weight:500}.service-selection-status:empty{display:none}
@media(max-width:600px){.stat{padding:17px}.stat>strong{font-size:27px}.stat>span{font-size:10px}#chiefCards{gap:8px}.bar-row>span{width:110px}.service-tile{padding:14px}.service-tile-names{font-size:9px}}
/* Refined direction: retain the live identity within the clean control system. */
:root{--bg:#f5f1e9;--card:#fffdfa;--ink:#2e2729;--muted:#84777a;--line:#e7ddd3;--blue:#702b45;--brand:#702b45;--navy-soft:#f2e9e9;--gold:#c8ac75;--lg-accent:#702b45;--lg-surface:#f5f1e9;--lg-track:#eae4de;--lg-text:#30262b;--lg-text-muted:#827379;--lg-on-glass:#30262b;--lg-focus:#9a6577}
html[data-theme=dark]{--bg:#1e171b;--card:#2a2126;--ink:#f3e9df;--muted:#b9a6ad;--line:#44333b;--blue:#dfafbd;--brand:#e6c5a0;--navy-soft:#413039;--gold:#d6bc84;--lg-accent:#dfafbd;--lg-surface:#2a2126;--lg-track:#3a2d34;--lg-text:#f3e9df;--lg-text-muted:#b9a6ad;--lg-on-glass:#f3e9df;--lg-tint-strong:rgb(42 31 38 / .73);--lg-indicator:rgb(226 194 170 / .14)}
.glass-action.is-primary{--lg-accent:#e5cdb5;--lg-on-glass:#65233e}.glass-action.is-primary .lg-button__label{color:#65233e}html[data-theme=dark] .glass-action.is-primary{--lg-accent:#794253}html[data-theme=dark] .glass-action.is-primary .lg-button__label{color:#f6e8cf}.setting-icon,.profile-card-icon,.dash-card-icon{color:var(--brand)}
.dashboard-hero{background:linear-gradient(115deg,#351923,#63263c 72%,#78413e);border-color:#8f5a6140;color:#fff7ec;padding:32px 36px;isolation:isolate;box-shadow:0 10px 30px #5a173018;transition:box-shadow .3s ease,transform .3s ease}
.dashboard-hero::after{content:'';position:absolute;z-index:-1;pointer-events:none;width:420px;height:420px;right:-85px;top:-200px;border-radius:50%;border:1px solid #e6c8a820;box-shadow:0 0 0 45px #ffffff03,0 0 0 90px #ffffff02;background:radial-gradient(circle,#e3c98a45,transparent 65%)}
.dashboard-hero .brand{color:#e8ceaa;margin-bottom:25px}.dashboard-hero .brand h1{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#ead7b9}.dashboard-hero .brand img{width:37px;height:37px;border-radius:11px;box-shadow:0 2px 10px #0002}.dashboard-hero h3{font-size:30px;color:#fff8ef;font-weight:600;max-width:760px}.dashboard-hero>p{color:#e6cfd2;font-size:13px;max-width:520px}.dashboard-hero .editorial-meta{border-top:1px solid #ffffff24;padding-top:17px;color:#e2c8c5;margin-top:26px;gap:10px 18px}.dashboard-hero #cloudStatus{color:#e6d8c4}.dashboard-hero #cloudStatus:before{background:#c9d9bb}.dashboard-hero.hero-magic,.dashboard-hero:focus-visible{transform:translateY(-2px);box-shadow:0 16px 35px #5a17302c,0 0 28px #c7a56c24}.dashboard-hero:focus-visible{outline:1px solid var(--gold);outline-offset:4px}
@media(hover:hover) and (pointer:fine){.dashboard-hero:hover{transform:translateY(-2px);box-shadow:0 16px 35px #5a17302c,0 0 28px #c7a56c24}}
.grid th,.grid td{border-right:1px solid var(--line)}.grid th:last-child,.grid td:last-child{border-right:0}.grid th{background:color-mix(in srgb,var(--bg) 68%,var(--card));padding-top:12px;padding-bottom:12px}.grid td{padding:6px}.grid td:first-child{padding-left:12px}.cell{border-radius:8px}.cell .empty{display:flex;align-items:center;justify-content:center;gap:6px;min-height:58px;color:var(--muted);font-size:11px;font-weight:400}.cell .empty svg{width:16px;height:16px;stroke:var(--brand);stroke-width:1.7;transition:transform .2s}.cell:active .empty svg{transform:rotate(90deg)}.cell:has(.empty):hover{background:color-mix(in srgb,var(--gold) 10%,transparent)}
.shift-hotel--sp{color:#775e8a;background:#eee7f2}.shift-hotel--mi{color:#4975a2;background:#e4edf7}.choice.selected,.choice[aria-pressed=true]{background:color-mix(in srgb,var(--forest) 9%,var(--card));border-color:var(--forest)}
.employee .glass-action.is-remove .lg-button__label{font-size:12px;color:#a14b59;gap:7px}.employee .glass-action.is-remove .lg-button__el{padding:0 14px!important;width:auto;min-height:38px!important}.employee .glass-action.is-remove{--lg-tint-strong:rgb(174 68 90 / .045)}.employee .glass-action.is-remove .lg-surface{box-shadow:inset 0 0 0 1px #a14b5920;border-radius:22px}.employee .glass-action.is-remove svg{width:16px;height:16px}html[data-theme=dark] .employee .glass-action.is-remove .lg-button__label{color:#e7aebc}
/* Staff progress uses the live layout and burgundy-to-gold fill. */
#statBars{display:grid;gap:18px;margin-top:24px}.bar-row{display:grid;grid-template-columns:150px minmax(0,1fr) 42px;gap:18px;border:0;padding:0;font-size:12px}.bar-row>span{width:auto}.bar-row>b{text-align:right;color:var(--muted);font-weight:600}.track{height:9px;background:color-mix(in srgb,var(--line) 70%,var(--card));border-radius:9px}.track .fill{background:linear-gradient(90deg,#7a2c4a,#c8ac75);border-radius:9px}.stat{border-radius:20px;padding:24px;margin-bottom:0;box-shadow:0 3px 16px #4a253303}.stat>strong{font-size:33px;color:var(--brand);margin-bottom:7px}.stat>span{font-size:12px}.cards{margin-bottom:24px}#chiefCards .stat:nth-child(3){background:color-mix(in srgb,var(--gold) 12%,var(--card))}
/* A single compact group replaces scattered circular week buttons. */
.week-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;background:var(--card);border:1px solid var(--line);padding:14px 16px;border-radius:20px;margin-bottom:24px}.week-toolbar .week-toolbar-title{text-align:center;min-width:0;font-size:15px;line-height:1.4}.week-toolbar .week-toolbar-title small{font-size:10px;margin-top:3px}.week-controls{padding:3px!important;display:flex!important;gap:0;align-items:center;border-radius:25px;--lg-tint-strong:rgb(235 225 210 / .34);--lg-surface:transparent}.week-controls>.lg-panel__body{display:flex;align-items:center;gap:0}.week-controls .glass-action .lg-surface{display:none}.week-controls .glass-action .lg-button__el{width:36px;min-height:36px!important}.week-controls .demo-date-trigger.icon{width:36px;height:36px;min-height:36px;color:var(--brand)}.week-controls .glass-action{color:var(--brand)}.week-toolbar>.glass-action .lg-button__el{font-size:11px!important;padding:0 13px!important;min-height:38px!important}.week-toolbar>.glass-action{justify-self:end}.demo-calendar-head strong{color:var(--brand)}.demo-calendar-grid button[aria-pressed=true],.demo-month-grid button[aria-pressed=true]{background:var(--brand);color:var(--card)}.demo-calendar-today,.demo-calendar-arrow{color:var(--brand)}
/* Monthly view retains the live grid, frozen names and status markers. */
.month-grid{border-collapse:separate;border-spacing:0;table-layout:fixed;min-width:1180px;width:100%;font-size:10px;margin-top:0}.month-grid th,.month-grid td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;padding:7px 3px;min-width:31px;height:39px}.month-grid th{background:#f2ebe1;color:var(--muted);position:sticky;top:0;z-index:2;font-size:10px}.month-grid th:first-child,.month-grid td:first-child{position:sticky;left:0;width:150px;min-width:150px;text-align:left;background:var(--card);font-weight:600;padding-left:12px;z-index:3;box-shadow:2px 0 3px #3b203008}.month-grid th:first-child{z-index:4}.month-grid .weekend{background:#f8eedc}.month-code{display:inline-grid;place-items:center;min-width:23px;height:23px;border-radius:7px;font-weight:700;font-size:10px}.month-code.rest{background:#e9e0d5;color:#66585d}.month-code.half{background:#f5e4b9;color:#775417}.month-code.work{background:#e5efe9;color:#225344}.month-grid tr:last-child td{border-bottom:1px solid var(--line)}html[data-theme=dark] .month-grid th{background:#281c23}html[data-theme=dark] .month-grid .weekend{background:#352921}html[data-theme=dark] .month-grid td:first-child,html[data-theme=dark] .month-grid th:first-child{background:var(--card)}html[data-theme=dark] .month-code.rest{background:#44363d;color:#e1cfce}html[data-theme=dark] .month-code.half{background:#50422c;color:#ead5a5}html[data-theme=dark] .month-code.work{background:#293f34;color:#c2ddca}
@media(max-width:900px){.week-toolbar{grid-template-columns:1fr auto;gap:12px}.week-toolbar .week-toolbar-title{grid-column:1/-1;grid-row:1;text-align:left;font-size:16px}.week-toolbar .week{grid-column:1;grid-row:2}.week-toolbar>.glass-action{grid-column:2;grid-row:2}}
@media(max-width:600px){.dashboard-hero{padding:26px 23px}.dashboard-hero h3{font-size:25px}.dashboard-hero>p{font-size:12px}.dashboard-hero .brand{margin-bottom:23px}.dashboard-hero .brand img{width:32px;height:32px}.dashboard-hero .editorial-meta{font-size:10px}.week-toolbar{padding:13px;gap:13px 5px}.week-toolbar>.glass-action .lg-button__el{font-size:10px!important;padding:0 10px!important}.bar-row{grid-template-columns:110px minmax(0,1fr) 29px;gap:10px;font-size:11px}.stat{padding:18px}.stat>strong{font-size:28px}.stat>span{font-size:10px}#chiefCards .stat{padding:16px 12px}#chiefCards .stat>strong{font-size:25px}.grid td{padding:4px}.cell .empty{font-size:10px;gap:4px}.employee .glass-action.is-remove .lg-button__el{padding:0 13px!important}}
@media(prefers-reduced-motion:reduce){.dashboard-hero:is(:hover,:focus-visible,.hero-magic){transform:none}}
/* Destructive staff action: restrained outline, no extra glass layer. */
.employee .glass-action.is-remove .lg-surface{display:none}.employee .glass-action.is-remove .lg-button__el{border:1px solid #a14b5933;background:transparent;border-radius:22px;color:#a14b59}.employee .glass-action.is-remove .lg-button__el:hover{background:#a14b5909}html[data-theme=dark] .employee .glass-action.is-remove .lg-button__el{border-color:#e7aebc40;color:#e7aebc}
/* Review 3: clear action hierarchy and calm data presentation. */
.glass-action.is-primary .lg-surface{display:none}.glass-action.is-primary .lg-button__el{background:#702b45;border:1px solid #7c354e;box-shadow:inset 0 1px #ffffff15,0 4px 12px #702b4518;color:#fffaf5}.glass-action.is-primary .lg-button__label,html[data-theme=dark] .glass-action.is-primary .lg-button__label{color:#fffaf5}.glass-action.is-primary .lg-button__el:hover{background:#7f344f;box-shadow:0 0 18px #702b4526,inset 0 1px #ffffff18}.glass-action.is-primary .lg-button__el:disabled{opacity:.45}
/* Highlight a row with inset breathing room, without moving surrounding rows. */
#todayStaff .dashboard-row{position:relative;isolation:isolate;padding:15px 12px;margin:0 -12px;transition:color .2s}.dashboard-row.service-match{background:transparent;border-radius:0}#todayStaff .dashboard-row:before{content:'';position:absolute;inset:4px 0;border-radius:12px;z-index:-1;pointer-events:none;opacity:0;background:color-mix(in srgb,var(--brand) 7%,var(--card));border:1px solid color-mix(in srgb,var(--brand) 14%,transparent);transition:opacity .2s}#todayStaff .dashboard-row.service-match:before{opacity:1}#todayStaff .dashboard-row.service-match b{color:var(--brand)}
/* SP/MI remain subtle text. Fuori Lunch keeps its single accent. */
.grid .shift-badge:not(.shift-fl),.dashboard-shift .shift-badge:not(.shift-fl){background:transparent;color:var(--muted);padding:0 0 0 3px;font-size:9px;font-weight:550;border-radius:0}.shift-timing{display:inline-flex;gap:3px;align-items:baseline;justify-content:center}.shift-time{font-size:14px;font-weight:600}.grid .shift-code{font-weight:650}.grid .shift-details{font-size:10px;color:var(--muted)}.grid .shift-fl,.dashboard-shift .shift-fl{color:#87475b;background:#f2e8eb;font-size:9px}html[data-theme=dark] .grid .shift-fl,html[data-theme=dark] .dashboard-shift .shift-fl{color:#edc2ce;background:#49303b}
/* Staff secondary actions share the same capsule, border and text sizing. */
.employee .glass-action .lg-surface{display:none}.employee .glass-action .lg-button__el,.employee .glass-action.is-remove .lg-button__el{background:transparent;border:1px solid var(--line);min-height:38px!important;padding:0 14px!important;border-radius:22px;box-shadow:none}.employee .glass-action .lg-button__label,.employee .glass-action.is-remove .lg-button__label{font-size:12px;font-weight:550;gap:7px}.employee .glass-action:not(.is-remove) .lg-button__label{color:var(--ink)}.employee .glass-action svg{width:16px;height:16px}.employee .glass-action .lg-button__el:hover{background:var(--bg)}.employee .glass-action.is-remove .lg-button__label{color:#a14b59}html[data-theme=dark] .employee .glass-action.is-remove .lg-button__label{color:#e7aebc}
/* Stable three-part navigation, matching between Planner and Statistics. */
.week-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:15px 16px}.week-toolbar .week{grid-column:1;grid-row:1}.week-toolbar .week-toolbar-title{grid-column:2;grid-row:1;order:initial;text-align:left;margin:0;font-size:15px;min-width:0}.week-toolbar>.glass-action{grid-column:3;grid-row:1}.week-toolbar .week-toolbar-current{margin:0}.chief-season{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;padding:15px 16px;background:var(--card);border:1px solid var(--line);border-radius:20px}.chief-season .season-controls{grid-column:1;grid-row:1}.chief-season .chief-season-caption{grid-column:2;grid-row:1}.chief-season>.glass-action{grid-column:3;grid-row:1;margin:0;justify-self:end}.chief-season>.glass-action .lg-button__el{font-size:11px!important;min-height:38px!important;padding:0 13px!important}.chief-season-caption>span{font-size:10px}.chief-season-caption>strong{font-size:18px}.week-controls .lg-panel__body{display:flex;align-items:center}.week-controls .lg-button__el{color:var(--brand)}
#statBars .bar-row{display:grid;grid-template-columns:150px minmax(0,1fr) 42px;gap:18px;align-items:center;border:0;padding:0}#statBars .bar-row>span{width:auto;min-width:0;overflow-wrap:anywhere}#statBars .track{width:100%;min-width:0;flex:initial}#stat-chief .stacked-fields{margin-top:24px;margin-bottom:0}#stat-chief .panel>.glass-action{display:inline-flex;margin-top:20px;margin-bottom:16px}#stat-chief .report{margin-top:8px}
/* Account, security and reset have different, restrained visual identities. */
.profile-card-icon{width:42px;height:42px;border-radius:13px;background:var(--bg)}.profile-identity{border-top:3px solid var(--gold)}.profile-identity .profile-card-icon{background:color-mix(in srgb,var(--gold) 18%,var(--card));color:var(--brand)}.profile-security{border-top:3px solid color-mix(in srgb,var(--brand) 65%,var(--line))}.profile-security .profile-card-icon{background:var(--navy-soft);color:var(--brand)}.profile-panel.data-danger-zone{background:color-mix(in srgb,var(--forest) 4%,var(--card));border-color:color-mix(in srgb,var(--forest) 15%,var(--line))}.data-danger-zone .profile-card-icon{color:var(--forest);background:color-mix(in srgb,var(--forest) 10%,var(--card))}.profile-panel.danger-zone:not(.data-danger-zone){background:transparent;border-style:dashed}.danger-zone:not(.data-danger-zone) .profile-card-icon{color:#a14b59;background:color-mix(in srgb,#a14b59 8%,var(--card))}.profile-card-head{align-items:flex-start}.profile-panel .danger-zone-content{padding-left:0}
.appearance-screen{background:#fbf7ef;border-color:#cdbfae}.appearance-screen i{background:#eadfd0}.appearance-screen i:first-child{background:#8d4b61}.appearance-screen--dark{background:#302029;border-color:#715362}.appearance-screen--dark i{background:#5b3b4a}.appearance-screen--dark i:first-child{background:#c6a772}
/* Active navigation icon has its own brand colour above the optical copy. */
.demo-native-navbar>button[aria-current=page]>.nav-icon,.demo-native-navbar>.lg-nav__copy>span.is-current>.nav-icon{color:#702b45;stroke-width:2}html[data-theme=dark] .demo-native-navbar>button[aria-current=page]>.nav-icon,html[data-theme=dark] .demo-native-navbar>.lg-nav__copy>span.is-current>.nav-icon{color:#e1afbf}
/* iPhone/iPad use actual native inputs, with a full-size calendar hit area. */
html[data-native-pickers] .week-picker-wrap{position:relative;width:36px;height:36px;display:grid;place-items:center;color:var(--brand);border-radius:50%;overflow:hidden;flex:none}html[data-native-pickers] .week-picker-wrap>svg{pointer-events:none;width:17px;height:17px}html[data-native-pickers] .week-picker-wrap input{position:absolute;inset:0;width:100%;height:100%;opacity:.01;padding:0;margin:0;border:0;cursor:pointer;font-size:16px}html[data-native-pickers] :is(input[type=date],input[type=time],input[type=month],select){font-size:16px;min-height:44px;color:var(--ink);background-color:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px;max-width:100%;min-width:0}html[data-native-pickers] .field :is(select,input[type=date],input[type=time]){appearance:auto;-webkit-appearance:auto;width:100%}html[data-native-pickers] .week-picker-wrap input{min-height:0;background:transparent;border:0;border-radius:0;padding:0}
@media(max-width:680px){.week-toolbar{grid-template-columns:auto minmax(0,1fr);gap:14px 12px;padding:14px}.week-toolbar .week{grid-column:1;grid-row:1}.week-toolbar .week-toolbar-title{grid-column:2;grid-row:1;font-size:13px}.week-toolbar>.glass-action{grid-column:1/-1;grid-row:2;justify-self:end}.chief-season{grid-template-columns:auto minmax(0,1fr);gap:14px 12px;padding:14px}.chief-season>.glass-action{grid-column:1/-1;grid-row:2}.chief-season .chief-season-caption{grid-column:2;grid-row:1}#statBars .bar-row{grid-template-columns:110px minmax(0,1fr) 29px;gap:10px}.profile-card-icon{width:36px;height:36px}.staff-tools>select{width:100%}}
.grid .shift-badge.shift-bar,.dashboard-shift .shift-badge.shift-bar{background:#f1e5c9;color:#806027;padding:2px 5px;border-radius:5px;font-size:9px;font-weight:600;line-height:1.1}html[data-theme=dark] .grid .shift-badge.shift-bar,html[data-theme=dark] .dashboard-shift .shift-badge.shift-bar{background:#4b3d29;color:#ead29e}#barRow{margin-top:14px}
@media print{.grid .shift-badge.shift-bar{color:black;background:none}}
/* Quiet account maintenance rows: aligned copy and a single explicit action. */
#profilo .account-maintenance{grid-column:1/-1;padding:23px 25px;background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:none}#profilo .account-maintenance .profile-card-head{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:17px;margin:0}#profilo .account-maintenance .profile-card-icon{width:40px;height:40px;border-radius:50%;background:var(--bg);color:var(--muted)}#profilo .account-maintenance h3{font-size:14px;letter-spacing:0;font-weight:600}#profilo .account-maintenance .profile-card-head p{margin:7px 0 0;font-size:12px;line-height:1.65;color:var(--muted);max-width:650px}#profilo .account-maintenance--reset .profile-card-icon{background:color-mix(in srgb,var(--forest) 8%,var(--card));color:var(--forest)}#profilo .account-maintenance--delete{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding-top:25px;padding-bottom:8px}#profilo .account-maintenance--delete .profile-card-icon{background:color-mix(in srgb,#a14b59 6%,var(--bg));color:#a14b59}#profilo .account-maintenance .glass-action .lg-surface{display:none}#profilo .account-maintenance .glass-action .lg-button__el{min-height:38px!important;padding:0 15px!important;border:1px solid var(--line);background:transparent;border-radius:21px}#profilo .account-maintenance .glass-action .lg-button__label{font-size:12px;font-weight:550}#profilo .account-maintenance--reset .glass-action .lg-button__label{color:var(--forest)}#profilo .account-maintenance--delete .glass-action .lg-button__label{color:#a14b59}#profilo .account-maintenance .glass-action .lg-button__el:hover{background:var(--card)}html[data-theme=dark] #profilo .account-maintenance--delete .glass-action .lg-button__label{color:#e7aebc}
@media(max-width:680px){#profilo .account-maintenance{padding:22px 18px}#profilo .account-maintenance .profile-card-head{grid-template-columns:34px minmax(0,1fr);gap:13px}#profilo .account-maintenance .profile-card-icon{width:34px;height:34px;align-self:start}#profilo .account-maintenance .glass-action{grid-column:2;justify-self:start;margin-top:4px}#profilo .account-maintenance--delete{padding-bottom:8px}}
/* Production authentication: hide private UI until session and controls are ready. */
html[data-auth-starting] .app,html[data-ui-starting] .app{visibility:hidden}html[data-auth-starting] .startup-gate,html[data-ui-starting] .startup-gate{position:fixed;inset:0;z-index:320;display:grid!important;place-content:center;justify-items:center;gap:16px;padding:24px;background:var(--bg);color:var(--brand)}.startup-gate .logo{width:58px;height:58px;border-radius:17px}.startup-gate b{font-size:21px;letter-spacing:-.4px}.loading-ring{display:inline-block;width:21px;height:21px;border:2px solid color-mix(in srgb,currentColor 20%,transparent);border-top-color:currentColor;border-radius:50%;animation:loading-spin .8s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}
.auth-gate{position:fixed;inset:0;z-index:250;background:var(--bg);display:grid;place-items:center;padding:25px;overflow:auto}.auth-gate~.app{visibility:hidden}body:has(.auth-gate)>.app{visibility:hidden}.auth-card{width:min(440px,100%);background:var(--card);padding:34px;border:1px solid var(--line);border-radius:28px;box-shadow:0 18px 70px #62233b0c}.auth-brand{display:flex;gap:13px;align-items:center;padding-bottom:25px;border-bottom:1px solid var(--line)}.auth-brand .logo{width:45px;height:45px;border-radius:13px}.auth-brand b{display:block;font-size:17px;color:var(--brand)}.auth-brand span{display:block;font-size:11px;color:var(--muted);margin-top:4px}.auth-heading{margin:27px 0 23px}.auth-heading h2{font-size:28px;letter-spacing:-.7px;margin-bottom:8px}.auth-heading p{font-size:13px;line-height:1.6;color:var(--muted)}.auth-card label{display:block;font-size:12px;color:var(--muted);margin:15px 0}.auth-card input{width:100%;min-width:0;min-height:46px;font-size:16px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:7px}.signup-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auth-message{font-size:12px;line-height:1.5;margin:12px 0}.auth-card>.glass-action{display:flex;width:100%;margin:7px 0}.auth-card .lg-button__el{width:100%;min-height:46px!important}.auth-card .auth-divider{display:flex;align-items:center;gap:12px;margin:17px 0;color:var(--muted);font-size:11px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--line);flex:1}.auth-card>small{display:block;text-align:center;font-size:11px;margin-top:20px;line-height:1.6}.glass-action[aria-busy=true] .lg-button__label{visibility:hidden}.glass-action[aria-busy=true] .lg-button__el:after{content:'';position:absolute;width:18px;height:18px;border:2px solid #ffffff44;border-top-color:white;border-radius:50%;animation:loading-spin .8s linear infinite}.auth-card .glass-action:not(.is-primary)[aria-busy=true] .lg-button__el:after{border-color:var(--line);border-top-color:var(--brand)}
#cloudStatus[data-kind=ok]{color:#d4e6d6}#cloudStatus[data-kind=ok]:before{animation:sync-pulse 2.5s ease-in-out infinite}#cloudStatus[data-kind=error]{color:#ffd0d8}#cloudStatus[data-kind=error]:before{background:#e9a5b6;animation:none}@keyframes sync-pulse{50%{opacity:.4;box-shadow:0 0 0 3px #d4e6d610}}@media(max-width:600px){.auth-card{padding:27px 23px}.auth-gate{padding:18px}}@media(prefers-reduced-motion:reduce){#cloudStatus:before{animation:none}}
/* Stacked form controls and the actual persisted density attribute. */
#shiftModal #fields,#stat-chief .stacked-fields{grid-template-columns:minmax(0,1fr);gap:16px}
#turni[data-density=compact] .grid td{height:58px;padding:3px 5px}
#turni[data-density=compact] .grid .cell{min-height:48px;padding:5px;gap:3px}
#turni[data-density=compact] .grid th{padding-top:8px;padding-bottom:8px}
#turni[data-density=compact] .grid .cell .empty{min-height:40px}
#turni[data-density=compact] .planner-day-row{padding-top:8px;padding-bottom:8px}
#turni[data-density=compact] .planner-day-row .cell{min-height:42px}
.undo-toast{bottom:calc(max(20px,env(safe-area-inset-bottom)) + 82px)}
@media(max-width:600px){.undo-toast{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 75px)}}
#employeeModal .fields{grid-template-columns:minmax(0,1fr);gap:16px}
/* Responsive segmented filters scroll instead of intercepting horizontal swipes. */
#statistiche>.demo-segment-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;padding-bottom:3px}
#statistiche>.demo-segment-wrap .demo-native-segmented{width:max-content;min-width:max-content}
#statistiche>.demo-segment-wrap .demo-native-segmented>button{touch-action:pan-x pan-y;flex:none}
@media(max-width:680px){
 .week-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:16px 10px}
 .week-toolbar .week{grid-column:1/-1;grid-row:1;width:100%}
 .week-controls{padding:0!important;background:transparent;width:100%}
 .week-controls>.lg-surface{display:none}
 .week-controls>.lg-panel__body{display:flex;gap:12px;width:100%;justify-content:space-between}
 .week-controls .glass-action{flex:1}
 .week-controls .glass-action .lg-button__el{width:100%;height:46px;min-height:46px!important;background:var(--card);border:1px solid var(--line);border-radius:14px}
 .week-controls .demo-date-trigger.icon,html[data-native-pickers] .week-picker-wrap{width:46px;height:46px;min-height:46px;flex:1;border:1px solid var(--line);background:var(--card);border-radius:14px}
 .week-toolbar .week-toolbar-title{grid-column:1;grid-row:2;font-size:12px}
 .week-toolbar>.glass-action{grid-column:2;grid-row:2}.week-toolbar>.glass-action .lg-button__el{min-height:44px!important}
 .planner-day{padding:18px 14px}.planner-day-picker{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-bottom:22px}
 .planner-day-picker button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:58px;padding:6px 2px;border:1px solid transparent;background:var(--bg);border-radius:14px;color:var(--muted);font-size:10px}
 .planner-day-picker button span{font-size:17px;font-weight:600;color:var(--ink)}
 .planner-day-picker button[aria-pressed=true]{background:var(--brand);color:#fff7ed;box-shadow:0 4px 14px #702b451a}.planner-day-picker button[aria-pressed=true] span{color:#fff7ed}
 .planner-day-title{font-size:16px;text-transform:capitalize;margin-bottom:17px}
 #plannerDayStaff{display:grid;gap:10px}
 .planner-day .planner-day-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:15px;min-height:83px;width:100%;padding:16px;border:1px solid var(--line);background:var(--bg);border-radius:16px;text-align:left}
 .planner-day-row>strong{font-size:13px;line-height:1.5;font-weight:600}.planner-day-shift{display:flex;flex-direction:column;align-items:flex-end;gap:5px;max-width:145px;text-align:right;font-size:13px}
 .planner-day-shift .empty{display:flex;align-items:center;gap:6px;color:var(--brand);font-size:12px}.planner-day-shift .empty svg{width:15px;height:15px}
}
@media(max-width:680px){.planner-day-picker button[aria-pressed=true]{background:#702b45;color:#fff7ed}.planner-day-picker button[aria-pressed=true] span{color:#fff7ed}}
/* Shared typography for day and week shift labels. */
.planner-day-shift{align-items:center;text-align:center;min-width:104px}.planner-day-shift .shift-timing{display:inline-flex;align-items:baseline;justify-content:center;gap:3px}.planner-day-shift .shift-time{font-size:14px;font-weight:600}.planner-day-shift .shift-code{font-weight:650}.planner-day-shift .shift-badge:not(.shift-fl):not(.shift-bar){background:transparent;color:var(--muted);padding:0 0 0 3px;border-radius:0;font-size:9px;font-weight:550}.planner-day-shift .shift-details{font-size:10px;color:var(--muted);justify-content:center}.planner-day-shift .shift-fl{background:#f2e8eb;color:#87475b;font-size:9px;padding:2px 5px}.planner-day-shift .shift-bar{background:#f1e5c9;color:#806027;font-size:9px;padding:2px 5px}html[data-theme=dark] .planner-day-shift .shift-fl{background:#49303b;color:#edc2ce}html[data-theme=dark] .planner-day-shift .shift-bar{background:#4b3d29;color:#ead29e}
/* Separate, generous date controls at every viewport size. */
.week-controls{padding:0!important;background:transparent;--lg-surface:transparent}.week-controls>.lg-surface{display:none}.week-controls>.lg-panel__body{display:flex;align-items:center;gap:9px}.week-controls .glass-action .lg-button__el{width:44px;height:44px;min-height:44px!important;background:var(--card);border:1px solid var(--line);border-radius:14px}.week-controls .demo-date-trigger.icon,html[data-native-pickers] .week-controls .week-picker-wrap{width:44px;height:44px;min-height:44px;border:1px solid var(--line);background:var(--card);border-radius:14px;flex:none}.chief-season .season-controls{width:104px;min-width:104px}.chief-season .season-controls .glass-action{flex:none}.chief-season .season-controls .lg-button__el{width:46px;height:46px;min-height:46px!important}.chief-season .season-controls>.lg-panel__body{gap:10px}
/* Native WebKit date controls must fit the same content box as text fields. */
.field{min-inline-size:0;max-inline-size:100%}.field>input,.field>select,.field>.demo-date-trigger,.field>.demo-select-trigger{box-sizing:border-box;display:block;inline-size:100%;max-inline-size:100%;min-inline-size:0;margin-inline:0}.field>.demo-date-trigger,.field>.demo-select-trigger{display:flex}html[data-native-pickers] .field input[type=date],html[data-native-pickers] .field input[type=time],html[data-native-pickers] .field input[type=month]{box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:100%;overflow:hidden;min-height:46px;line-height:normal}input::-webkit-date-and-time-value{min-width:0;text-align:left}input::-webkit-datetime-edit{min-width:0;padding:0}.fields{max-inline-size:100%;min-inline-size:0}
/* Safari's fallback is intentionally clearer, without forcing unsupported refraction. */
.demo-native-navbar{--lg-fallback:blur(8px) saturate(1.35);--lg-tint-strong:rgb(255 253 248 / .32)}html[data-theme=dark] .demo-native-navbar{--lg-tint-strong:rgb(38 28 35 / .3);--lg-fallback:blur(8px) saturate(1.35)}
@media(max-width:680px){.week-toolbar .week-controls{width:100%}.week-toolbar .week-controls .glass-action{flex:1}.week-toolbar .week-controls .glass-action .lg-button__el{width:100%;height:46px;min-height:46px!important}.week-toolbar .week-controls .demo-date-trigger.icon,html[data-native-pickers] .week-toolbar .week-controls .week-picker-wrap{flex:1;width:46px;height:46px;min-height:46px}.chief-season .season-controls{grid-column:1;grid-row:1}.chief-season .chief-season-caption{padding-left:4px}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.demo-native-navbar{--lg-tint-strong:var(--card);--lg-fallback:blur(16px)}}
/* WebKit's intrinsic date editor is visually replaced; the actual native input
   covers the full field, preserving the system picker, focus and accessibility. */
.native-picker-field{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:46px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);overflow:hidden;font-size:14px}.native-picker-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.native-picker-icon{display:grid;place-items:center;pointer-events:none;flex:none;color:var(--muted)}.native-picker-icon svg{width:17px;height:17px}.native-picker-field:focus-within{outline:2px solid var(--forest);outline-offset:2px}.native-picker-field.is-disabled{opacity:.5}html[data-native-pickers] .native-picker-field>input{position:absolute!important;inset:0!important;opacity:0!important;display:block!important;width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;box-sizing:border-box!important;font-size:16px!important;cursor:pointer}.sheet-title>.native-picker-field,.calendar-controls>.native-picker-field{width:auto;min-width:190px;flex:0 1 auto}
.week-controls .demo-date-trigger.icon,html[data-native-pickers] .week-controls .week-picker-wrap{display:grid;place-items:center;padding:0;line-height:1}.week-controls .demo-date-trigger.icon>svg,html[data-native-pickers] .week-controls .week-picker-wrap>svg{display:block;position:absolute;inset:0;margin:auto!important;width:18px;height:18px;transform:none;pointer-events:none}.week-controls .demo-date-trigger.icon{position:relative}
html[data-glass-engine=webkit] .demo-native-navbar{--lg-fallback:blur(3px) saturate(1.25);--lg-tint-strong:rgb(255 253 248 / .12);--lg-indicator:rgb(255 253 248 / .5)}html[data-glass-engine=webkit][data-theme=dark] .demo-native-navbar{--lg-tint-strong:rgb(29 20 26 / .12);--lg-indicator:rgb(211 188 199 / .16)}html[data-glass-engine=webkit] .demo-native-navbar>.lg-surface>.lg-surface__tint{box-shadow:inset 0 1px 1px #ffffff55,inset 0 -1px #ffffff12}html[data-glass-engine=webkit] .demo-native-navbar>.lg-surface>.lg-surface__shadow{box-shadow:0 8px 26px #29122218}
/* Give the optical selection enough room inside the horizontal scrollport. */
#statistiche>.demo-segment-wrap{padding:9px 7px;margin-left:-7px;margin-top:-9px;width:calc(100% + 14px);max-width:calc(100% + 14px)}#statistiche .demo-native-segmented{isolation:isolate}html[data-glass-engine=webkit] #statistiche .demo-native-segmented>.lg-refract{filter:none!important}html[data-glass-engine=webkit] #statistiche .demo-native-segmented>.lg-lens-shadow{box-shadow:0 1px 4px #2912221a,inset 0 1px #ffffff40}
@media(max-width:600px){.sheet-title>.native-picker-field,.calendar-controls>.native-picker-field{width:100%;min-width:0}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){html[data-glass-engine=webkit] .demo-native-navbar{--lg-tint-strong:var(--card);--lg-fallback:blur(16px)}}
/* A single optical treatment for every segmented selector. */
.demo-native-segmented{--lg-radius:24px;--lg-radius-sm:18px}.demo-native-segmented>.lg-lens-shadow{box-shadow:0 2px 6px #391e2b1c,inset 0 1px #ffffff66}.demo-native-segmented>.lg-refract{background:color-mix(in srgb,var(--card) 88%,transparent)}html[data-glass-engine=webkit] .demo-native-segmented>.lg-refract{filter:none!important}.demo-segment-wrap{padding:7px;margin-left:-7px;margin-top:-7px;max-width:calc(100% + 14px);margin-bottom:20px}.demo-native-segmented>button{touch-action:pan-x pan-y}#statistiche>.demo-segment-wrap{padding:7px;margin-top:-7px}
.profile-section{display:none}.profile-section.active{display:block}.profile-section.profile-layout.active{display:grid}.profile-tabs{margin-bottom:24px}.profile-tabs .demo-native-segmented{width:max-content}.profile-data-backup{grid-column:1/-1}.personal-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px;padding:27px 30px;border:1px solid var(--line);border-radius:23px;background:linear-gradient(110deg,var(--card),color-mix(in srgb,var(--gold) 9%,var(--card)))}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.6px;color:var(--brand)}.personal-intro h3{font-size:23px;margin-top:8px;letter-spacing:-.6px}.personal-intro p{font-size:12px;color:var(--muted);margin-top:8px}.personal-intro>.glass-action{flex:none}.chief-contract-panel{padding-bottom:5px}.chief-contract{border-top:1px solid var(--line);padding:24px 0}.chief-contract-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.contract-season{text-transform:capitalize;font-size:10px;color:var(--muted);letter-spacing:.1px}.chief-contract-heading h4{font-size:14px;font-weight:600;color:var(--ink);margin-top:5px;letter-spacing:0}.contract-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.contract-metrics>span{font-size:11px;color:var(--muted)}.contract-metrics strong{display:block;font-size:25px;line-height:1.3;font-weight:550;letter-spacing:-.6px;color:var(--brand);margin-bottom:5px}.contract-metrics>span:last-child strong{color:var(--forest)}.unassigned-note{font-size:12px;line-height:1.7;padding:16px 19px;border:1px solid var(--line);background:var(--card);border-radius:15px;color:var(--muted);margin-bottom:24px}.personal-empty{padding:18px 0 25px}.personal-empty h4{font-size:14px;color:var(--ink)}.personal-empty p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:8px}.chief-contract-fields{grid-template-columns:minmax(0,1fr)}.form-error{font-size:12px;color:#b94a60;margin-top:15px;min-height:18px}.personal-rests .chief-season{margin-top:0}.personal-rests .stacked-fields{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:23px}.personal-rests #addChiefRest+.glass-action{margin-top:19px;margin-bottom:18px}.personal-rests .report small{font-size:10px;color:var(--muted);margin-top:4px}.personal-rests>.panel>.glass-action:last-child{margin-top:20px}.chief-month-row td{border-top:2px solid color-mix(in srgb,var(--brand) 35%,var(--line))}.chief-month-row td:first-child{color:var(--brand)}
@media(max-width:680px){.profile-tabs{width:calc(100% + 14px);max-width:calc(100% + 14px);overflow-x:auto}.personal-intro{padding:22px;flex-direction:column;align-items:flex-start;gap:20px}.personal-intro h3{font-size:22px}.chief-contract-heading{align-items:flex-start}.contract-metrics{gap:8px}.contract-metrics strong{font-size:23px}.contract-metrics>span{font-size:10px}.chief-contract-panel .sheet-title{align-items:flex-start}.chief-contract-panel .sheet-title .glass-action{width:100%;margin-top:4px}.personal-rests .chief-season{grid-template-columns:auto minmax(0,1fr)}.personal-rests .chief-season>.glass-action{grid-column:1/-1;grid-row:2}.personal-rests .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.personal-rests .cards .stat{padding:17px 12px}}
/* Pressed lenses bloom beyond their tracks while the content stays in place. */
.demo-native-navbar[data-pressing]>.lg-lens-shadow,.demo-native-segmented[data-pressing]>.lg-lens-shadow{background:color-mix(in srgb,var(--card) 65%,transparent);box-shadow:0 5px 18px #3e243426,inset 0 1px 1px #ffffff99,inset 0 -1px 1px #ffffff44;z-index:1;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.demo-native-navbar[data-pressing]>.lg-nav__copy,.demo-native-segmented[data-pressing]>.lg-refract{z-index:3}.demo-segment-wrap{padding:11px 8px;margin-top:-11px;margin-left:-8px;max-width:calc(100% + 16px)}#statistiche>.demo-segment-wrap{padding:11px 8px;margin-top:-11px;margin-left:-8px;width:calc(100% + 16px);max-width:calc(100% + 16px)}.demo-native-navbar>button[aria-current=page],.demo-native-navbar>.lg-nav__copy>span.is-current{color:#702b45}html[data-theme=dark] .demo-native-navbar>button[aria-current=page],html[data-theme=dark] .demo-native-navbar>.lg-nav__copy>span.is-current{color:#e1afbf}.profile-data-backup .settings-controls{margin-top:20px}.profile-data-backup .profile-card-head{margin-bottom:0}
@media(prefers-reduced-motion:reduce){.demo-native-navbar[data-pressing]>.lg-lens-shadow,.demo-native-segmented[data-pressing]>.lg-lens-shadow{box-shadow:inset 0 0 0 1px var(--line)}}

.chief-schedule-print{display:none}@media print{.chief-schedule-print{display:table-row!important}}
/* Personal overview prioritizes the selected season and its leave balance. */
.personal-overview{padding:25px}.personal-overview-heading{align-items:flex-start}.personal-overview-heading h3{font-size:22px;margin-top:7px}.personal-overview-heading p{margin-top:7px}.personal-overview .chief-season{margin:20px 0;background:var(--bg)}.personal-overview .cards{margin:0}.personal-overview .stat{background:var(--bg)}.personal-overview .stat:last-child{background:color-mix(in srgb,var(--gold) 12%,var(--card))}.personal-rests>.panel{margin-top:22px}.report-options{display:grid;gap:12px}.report-options .glass-action{width:100%}.report-options .lg-button__el{width:100%;justify-content:flex-start}.monthly-department-title{font-size:14px;color:var(--ink);font-weight:650;margin:22px 0 12px}.monthly-department-title:first-of-type{margin-top:8px}.chief-contract-panel .chief-contract:first-child{border-top:1px solid var(--line)}
@media(max-width:680px){.personal-overview{padding:20px 16px}.personal-overview-heading{gap:18px}.personal-overview-heading>.glass-action{width:100%}.personal-overview-heading>.glass-action .lg-button__el{width:100%}.personal-overview .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.personal-overview .stat{padding:15px 10px}.personal-overview .stat strong{font-size:22px}.personal-overview .stat span{font-size:10px}.personal-rests>.panel .sheet-title>.glass-action{width:100%}.personal-rests>.panel .sheet-title>.glass-action .lg-button__el{width:100%}}

/* Contract-specific personal overview */
#chiefContractPicker{margin:20px 0 16px}.contract-picker-label{font-size:.85rem;font-weight:700;margin-bottom:10px}.contract-picker-options{display:flex;flex-wrap:wrap;gap:9px}.contract-picker-option{border:1px solid var(--border,#ded5cf);border-radius:999px;padding:10px 15px;background:transparent;color:inherit;font:inherit;font-size:.88rem;cursor:pointer}.contract-picker-option[aria-checked="true"]{background:#603044;border-color:#603044;color:#fff}.contract-picker-option span{opacity:.65}.personal-unassigned{margin-top:18px}.contract-picker-empty{margin:18px 0}.personal-profile #chiefCards:empty{display:none}

.personal-overview-heading{flex-wrap:wrap}.personal-overview-heading>div:first-child{margin-right:auto}.contract-picker-edit{margin-top:12px;padding:4px 0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:.85rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* Clear sequence: select a contract, then consult or print its summary. */
.personal-contract-summary{margin-top:22px;padding:25px}.personal-summary-heading{align-items:center}.personal-summary-heading h3{margin:0}.personal-summary-heading p{margin:6px 0 0}.personal-report-hint{margin:0 0 18px}.personal-contract-summary .cards{margin:0}.personal-contract-summary .stat{background:var(--bg)}.personal-contract-summary[hidden]{display:none!important}
@media(max-width:680px){.personal-contract-summary{padding:20px 16px}.personal-summary-heading{gap:14px}.personal-contract-summary .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.personal-contract-summary .stat{padding:15px 10px}.personal-contract-summary .stat strong{font-size:22px}.personal-contract-summary .stat span{font-size:10px}}

/* The ledger belongs to the selected contract summary. */
.personal-registration-section{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.personal-registration-section .sheet-title{margin-bottom:14px}.personal-registration-section table{width:100%}@media(max-width:680px){.personal-registration-section{margin-top:20px;padding-top:19px}.personal-registration-section .sheet-title{gap:12px}}
.chief-planner-row>td,.chief-day-row{background:color-mix(in srgb,var(--ink) 4%,var(--card));color:var(--ink)}.chief-lock{width:14px;height:14px;margin-left:7px;vertical-align:-2px;fill:none;stroke:currentColor;stroke-width:1.8;opacity:.6}.chief-planner-cell{min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.chief-cell-info{position:relative;border:0;background:transparent;color:inherit;min-width:100%;min-height:30px;cursor:help;display:flex;flex-direction:column;align-items:center;justify-content:center}.chief-cell-tip{position:absolute;z-index:20;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:210px;padding:9px 12px;border-radius:10px;background:var(--ink);color:var(--card);font-size:12px;line-height:1.35;box-shadow:0 4px 18px #0003}.chief-lunch-toggle{border:0;background:transparent;border-radius:999px;color:var(--ink);font-size:10px;opacity:.65;padding:3px 7px;cursor:pointer}.chief-lunch-toggle[aria-pressed=true]{background:#f9dfdc;color:#8e252a;opacity:1;font-weight:700}.chief-day-row{display:flex;align-items:center;justify-content:space-between}.chief-day-row .chief-planner-cell{min-width:120px}.chief-home-row .dashboard-shift{display:flex;gap:6px;align-items:center}@media print{.chief-planner-row{display:none!important}}

/* Chief service uses the same row alignment while retaining its accent. */
.chief-home-row .dashboard-shift{display:block;text-align:right}.chief-home-row b,.chief-contract-alert b,.chief-rest-report-row td:first-child b,.chief-stats-row>span:first-child{color:var(--brand)}
@media(max-width:680px){.personal-overview .chief-season .chief-season-caption{justify-self:start;text-align:left}.personal-overview .chief-season>.glass-action{justify-self:start}}
.leave-rate-control{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.leave-rate-control input{width:90px;min-width:0;text-align:right;font-variant-numeric:tabular-nums}.leave-rate-control>span{font-size:12px;color:var(--muted);white-space:nowrap}.leave-rate-control small{width:100%;font-size:11px;color:var(--muted)}.leave-rate-control input[aria-invalid=true]{outline:2px solid #b94a60}

.leave-timing-options{display:flex;gap:6px;flex-wrap:wrap;margin:0;padding:0;border:0}.leave-timing-options label{position:relative;cursor:pointer}.leave-timing-options input{position:absolute;opacity:0}.leave-timing-options span{display:block;padding:9px 13px;border-radius:999px;border:1px solid var(--line);font-size:12px}.leave-timing-options input:checked+span{background:var(--brand);border-color:var(--brand);color:#fff}.leave-timing-options input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}.leave-info{position:relative;display:inline-flex;vertical-align:middle;margin-left:8px}.leave-info-button{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--muted);font-size:11px;font-weight:700;cursor:pointer}.leave-info-popover{position:absolute;z-index:50;top:calc(100% + 8px);left:0;width:300px;max-width:min(300px,80vw);padding:13px 15px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--ink);box-shadow:0 8px 25px #0002;font-size:12px;line-height:1.55;font-weight:400;text-transform:none;letter-spacing:normal;white-space:normal}.leave-info-popover[hidden]{display:none}#employeeLeaveInfo{margin-top:14px}#employeeLeaveInfo .leave-info{margin-left:0}#employeeLeaveInfo:before{content:'Informazioni sul calcolo delle ferie';color:var(--muted);font-size:12px}.leave-info-popover:not([hidden]){display:block}
/* Keep the explanatory popover inside the scrollable staff dialog. */
#employeeLeaveInfo{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#employeeLeaveInfo .leave-info{display:contents}
#employeeLeaveInfo .leave-info-popover:not([hidden]){position:static;flex:1 0 100%;width:auto;max-width:none;margin-top:3px;box-shadow:none;background:var(--bg)}

/* Place floating explanations within the visible device screen. */
.leave-info-popover.leave-info-floating{position:fixed;z-index:500;left:12px;top:12px;width:min(320px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}

/* A single, calm control for the three monthly credit dates. */
.leave-timing-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:4px;border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:16px;background:color-mix(in srgb,var(--ink) 5%,var(--card));min-width:260px}.leave-timing-options label{text-align:center;min-width:0}.leave-timing-options span{display:flex;align-items:center;justify-content:center;min-height:38px;padding:7px 10px;border:0;border-radius:12px;color:var(--muted);font-size:12px;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}.leave-timing-options input:checked+span{background:var(--card);color:var(--brand);box-shadow:0 2px 8px #28102018;font-weight:650}@media(max-width:680px){.leave-timing-options{width:100%;min-width:0}.leave-timing-options span{font-size:11px;padding-inline:5px}}
/* Align Staff filters with their card and give the year navigator a balanced mobile layout. */
.leave-timing-segments{margin:0;overflow:visible}.leave-timing-segments .demo-native-segmented{width:100%}.leave-timing-segments .demo-native-segmented>button,.leave-timing-segments .demo-native-segmented .lg-seg__option{flex:1;padding:0 13px}
@media(max-width:680px){.leave-timing-segments{width:100%;max-width:100%;margin-left:0;padding-left:0;padding-right:0}.leave-timing-segments .demo-native-segmented>button,.leave-timing-segments .demo-native-segmented .lg-seg__option{font-size:11px;padding:0 8px}.personal-overview .chief-season{grid-template-columns:minmax(0,1fr);gap:12px}.personal-overview .chief-season .season-controls{grid-column:1;grid-row:1;width:100%;min-width:0}.personal-overview .chief-season .season-controls>.lg-panel__body{justify-content:space-between}.personal-overview .chief-season .chief-season-caption{grid-column:1;grid-row:1;justify-self:center;text-align:center;padding:0;pointer-events:none}.personal-overview .chief-season>.glass-action{grid-column:1;grid-row:2;justify-self:center}}


@media(max-width:680px){#statistiche>.demo-segment-wrap{margin-left:0;padding-left:0;padding-right:0;width:100%;max-width:100%;overflow-x:auto}#statistiche>.demo-segment-wrap .demo-native-segmented{width:100%;min-width:0}#statistiche>.demo-segment-wrap .demo-native-segmented>button,#statistiche>.demo-segment-wrap .demo-native-segmented .lg-seg__option{flex:1;min-width:0;padding-inline:4px;font-size:10px}}
/* Controls behave like app controls; editable fields retain text selection. */
:is(button, .demo-native-navbar, .demo-native-segmented, .theme-switch, .appearance-choice, .week-picker-wrap, .chief-season-caption, .setting-icon, .tab-icon, .nav-icon),
:is(button, .demo-native-navbar, .demo-native-segmented, .theme-switch, .appearance-choice, .week-picker-wrap, .chief-season-caption) :is(span, svg, path, small, strong){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}

/* Personal records: a compact ledger with touch-friendly actions. */
.contract-picker-label{display:flex;align-items:center;justify-content:space-between;gap:16px}.contract-picker-edit{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:0;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--card) 82%,var(--bg));color:var(--brand);font-size:12px;font-weight:600;text-decoration:none;min-height:36px;cursor:pointer}.contract-picker-edit svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.contract-picker-edit:active,.personal-record-delete:active{transform:scale(.96)}.personal-records{width:100%;border-collapse:collapse}.personal-records thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.personal-records td{padding:14px 0;border-bottom:1px solid var(--line);vertical-align:middle}.personal-records tr:last-child td{border-bottom:0}.personal-records td:last-child{width:46px;text-align:right}.personal-record-content{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.personal-record-content strong{font-size:13px;font-weight:650;color:var(--ink)}.personal-record-content span{font-size:12px;line-height:1.35;color:var(--muted)}.personal-record-delete{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:0;border-radius:14px;background:transparent;color:var(--muted);cursor:pointer}.personal-record-delete:hover,.personal-record-delete:focus-visible{background:color-mix(in srgb,var(--brand) 8%,var(--card));color:var(--brand)}.personal-record-delete svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}@media(max-width:680px){.personal-records td{padding:12px 0}.contract-picker-edit{min-height:38px}}

/* A clear, selectable list of contracts. */
#chiefContractPicker{margin:24px 0 2px}.contract-list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 12px}.contract-list-heading strong{font-size:13px;color:var(--ink)}.contract-list-heading>span{font-size:11px;color:var(--muted)}.contract-card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contract-period-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden;transition:border-color .2s,background .2s}.contract-period-card.is-selected{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));background:color-mix(in srgb,var(--brand) 5%,var(--card))}.contract-period-select{display:flex;align-items:center;gap:11px;width:100%;min-height:75px;padding:14px;border:0;background:transparent;text-align:left;color:var(--ink);cursor:pointer}.contract-period-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:12px;background:color-mix(in srgb,var(--brand) 8%,var(--card));color:var(--brand)}.contract-period-icon svg,.contract-period-edit svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.contract-period-copy{display:grid;gap:5px;min-width:0}.contract-period-copy strong{font-size:12px;line-height:1.35;font-weight:650;font-variant-numeric:tabular-nums}.contract-period-status{font-size:10px;color:var(--muted)}.is-selected .contract-period-status,.contract-period-check{color:var(--brand)}.contract-period-check{margin-left:auto;flex:none;font-size:16px;font-weight:600}.contract-period-edit{display:inline-flex;align-items:center;align-self:flex-end;gap:6px;margin:0 14px 11px;padding:6px 9px;border:0;border-radius:10px;background:transparent;color:var(--brand);font-size:11px;font-weight:650;cursor:pointer}.contract-period-edit:hover,.contract-period-edit:focus-visible{background:color-mix(in srgb,var(--brand) 9%,var(--card))}.contract-empty-state{padding:18px;border:1px dashed var(--line);border-radius:16px}.contract-empty-state strong{font-size:13px}.contract-empty-state p{font-size:12px;color:var(--muted);margin:6px 0 0}.personal-records .glass-action{display:inline-flex;vertical-align:middle}.personal-records .glass-action .lg-button__el{width:42px;min-width:42px;height:42px;min-height:42px!important;padding:0!important;border-radius:15px!important;color:var(--brand)}.personal-records .glass-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}@media(max-width:680px){.contract-card-list{grid-template-columns:1fr}.contract-period-select{min-height:70px}.contract-list-heading>span{font-size:10px}}

/* Selected contract uses the same gentle highlight as the Home rows. */
.contract-period-card{border-color:transparent;background:color-mix(in srgb,var(--ink) 3%,var(--card))}.contract-period-card.is-selected{border-color:color-mix(in srgb,var(--brand) 24%,var(--line));background:color-mix(in srgb,var(--brand) 8%,var(--card));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 7%,transparent)}.contract-period-card.is-selected .contract-period-icon{background:color-mix(in srgb,var(--brand) 13%,var(--card))}.contract-period-select:focus-visible{outline:2px solid var(--brand);outline-offset:-3px;border-radius:16px}