.staff-planning-panel{gap:var(--of-space-4);max-width:var(--of-layout-content-max-width);min-width:0;padding:var(--of-space-6);margin:0 auto;display:grid}.staff-planning-panel>header{align-items:center;gap:var(--of-space-3);flex-wrap:wrap;justify-content:space-between;display:flex}.staff-planning-panel h1{font-size:var(--of-font-size-xl)}.staff-planning-panel h2{font-size:var(--of-font-size-lg)}.staff-planning-panel header h1,.staff-planning-panel header h2,.staff-planning-card h2,.staff-planning-card h3,.staff-planning-panel header p{margin:0}.staff-planning-panel header p{color:var(--color-text-muted);text-transform:uppercase;font-size:.75rem;font-weight:700}.staff-planning-card{background:var(--of-color-surface);border:var(--of-border-width) solid var(--of-color-border);border-radius:var(--of-radius-xl);gap:var(--of-space-3);min-width:0;padding:var(--of-space-5);display:grid}.staff-attendance-card{gap:var(--of-space-5);margin-bottom:var(--of-space-5);display:grid}.staff-attendance-heading,.staff-attendance-actions,.staff-attendance-timesheets li{align-items:center;display:flex}.staff-attendance-heading,.staff-attendance-timesheets li{justify-content:space-between}.staff-attendance-heading p,.staff-attendance-timesheets p{color:var(--of-color-text-subtle);margin:var(--of-space-1) 0 0}.staff-attendance-pending{background:var(--of-color-warning-surface);border-radius:var(--of-radius-pill);color:var(--of-color-warning-strong);font-size:var(--of-font-size-xs);font-weight:var(--of-font-weight-bold);padding:var(--of-space-1) var(--of-space-3)}.staff-attendance-actions{gap:var(--of-space-3);flex-wrap:wrap}.staff-attendance-timesheets h4{margin:0 0 10px}.staff-attendance-timesheets ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.staff-attendance-timesheets li{border-top:1px solid var(--of-color-border);gap:12px;padding-top:8px}.staff-attendance-timesheets strong{text-align:right;font-size:12px}.staff-attendance-correction{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.65rem;display:grid}.staff-attendance-correction h4{grid-column:1/-1;margin:0}.staff-attendance-correction input,.staff-attendance-correction select{border:var(--of-border-width) solid var(--of-color-border);border-radius:var(--of-radius-md);min-width:0;padding:.65rem}.staff-planning-columns{gap:var(--of-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.staff-planning-fields{align-items:end;gap:var(--of-space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.staff-planning-fields label,.staff-planning-inline label,.staff-planning-inline{gap:.35rem;min-width:0;display:grid}.staff-planning-fields input,.staff-planning-fields select,.staff-planning-inline input,.staff-planning-requests input{border:var(--of-border-width) solid var(--of-color-border);border-radius:var(--of-radius-md);min-width:0;padding:.65rem}.staff-attendance-management{gap:1rem;display:grid}.staff-kiosk-credential{background:var(--of-color-warning-surface);overflow-wrap:anywhere;border-radius:.5rem;gap:.5rem;padding:.75rem;display:grid}.staff-kiosk-credential code{-webkit-user-select:all;user-select:all}.staff-kiosk-page{background:var(--of-color-background,#f4f6fb);min-height:100vh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left))}.staff-kiosk-page>header,.staff-kiosk-enrollment,.staff-kiosk-clock{background:var(--of-color-surface,#fff);border:1px solid var(--of-color-border,#e2e6ef);border-radius:1rem;max-width:70rem;margin:0 auto 1.5rem;padding:clamp(1rem,3vw,2rem)}.staff-kiosk-page>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.staff-kiosk-page__header-actions{flex-direction:column;align-items:flex-end;gap:.75rem;display:flex}.staff-kiosk-enrollment,.staff-kiosk-clock{gap:1rem;max-width:32rem;display:grid}.staff-kiosk-clock--with-tasks{max-width:70rem}.staff-kiosk-enrollment input,.staff-kiosk-clock input{border:1px solid var(--of-color-border,#cfd5e1);border-radius:.6rem;padding:.9rem;font-size:1.1rem}.staff-kiosk-roster{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem;max-width:70rem;margin:0 auto;display:grid}.staff-kiosk-roster button{background:var(--of-color-surface,#fff);border:1px solid var(--of-color-border,#e2e6ef);text-align:left;touch-action:manipulation;border-radius:1rem;align-items:flex-start;gap:.5rem;min-height:8rem;padding:1.25rem;font-size:1rem;display:grid}.staff-kiosk-haccp{border-top:1px solid var(--of-color-border,#e2e6ef);gap:1rem;margin-top:.5rem;padding-top:1.25rem;display:grid}.staff-kiosk-haccp__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.staff-kiosk-haccp__header h3,.staff-kiosk-haccp__header p,.staff-kiosk-haccp__shift h4{margin:0}.staff-kiosk-haccp__header p{color:var(--of-color-text-muted);margin-top:.35rem}.staff-kiosk-haccp__offline{border:1px solid var(--of-color-message-info-border);background:var(--of-color-message-info-surface);border-radius:.75rem;margin:0;padding:.75rem}.staff-kiosk-haccp__shift{border:1px solid var(--of-color-border,#e2e6ef);border-radius:.75rem;gap:.75rem;padding:1rem;display:grid}@media (width<=30rem){.staff-kiosk-page__header-actions,.staff-kiosk-page__header-actions>button,.staff-kiosk-clock .staff-attendance-actions,.staff-kiosk-clock .staff-attendance-actions button{width:100%}.staff-kiosk-page__header-actions{align-items:stretch}.staff-kiosk-haccp__header{flex-direction:column;align-items:stretch}}.staff-planning-inline{grid-template-columns:minmax(0,1fr) auto;align-items:end}.staff-planning-card ul{margin:0;padding:0;list-style:none}.staff-planning-requests li{border-top:1px solid var(--color-border,#e2e6ef);justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 0;display:flex}.staff-planning-requests .staff-planning-request--selected{border-color:var(--of-color-primary);box-shadow:0 0 0 2px var(--of-color-primary-subtle)}.staff-planning-requests li span{gap:.2rem;display:grid}.staff-planning-requests li span:last-child{display:flex}.staff-planning-requests button:not(.of-button){border:1px solid var(--color-border,#cfd5e1);background:0 0;border-radius:.35rem;padding:.4rem .6rem}.staff-attendance-exceptions__actions{gap:var(--of-space-2);flex-wrap:wrap;display:flex}.staff-self-service-panel{margin-top:var(--of-space-6);border-top:0;padding:0}@media (width<=48rem){.staff-planning-columns{grid-template-columns:1fr}}