.staff-hours{min-width:0}.hours-top-actions,.hours-period,.hours-clock,.hours-shift-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.hours-tabs,.hours-arrows,.hours-clock-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hours-period h2{margin:0;font-size:18px}.hours-table-wrap{background:var(--card);border:1px solid var(--border);border-radius:8px;width:100%;overflow-x:auto}.hours-timesheet,.hours-report-table{border-collapse:collapse;width:100%;min-width:840px;font-size:14px}.hours-timesheet th,.hours-timesheet td,.hours-report-table th,.hours-report-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:10px}.hours-timesheet th,.hours-report-table th{font-size:12px;font-weight:500}.hours-timesheet small,.hours-report-table small{color:var(--muted-foreground);font-size:12px;display:block}.hours-time-pair{gap:5px;display:flex}.hours-time-pair input{width:104px;min-width:100px;height:40px}.hours-timesheet td:first-child{min-width:100px}.hours-timesheet td:last-child{min-width:190px}.hours-timesheet select{border:1px solid var(--border);background:var(--background);border-radius:6px;min-width:112px;min-height:40px;padding:5px}.hours-timesheet .hours-number{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.hours-summary{border:1px solid var(--border);background:var(--card);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:18px;display:grid}.hours-summary>div{flex-direction:column;gap:6px;display:flex}.hours-summary span,.hours-summary small{color:var(--muted-foreground);font-size:12px}.hours-summary b{font-variant-numeric:tabular-nums;font-size:20px}.hours-clock{padding:20px}.hours-clock h2{font-size:18px}.hours-clock-actions button{min-height:44px}.hours-clock-times{font-variant-numeric:tabular-nums;flex-direction:column;gap:4px;display:flex}.hours-audit{border-bottom:1px solid var(--border);gap:4px;padding:12px 0;display:grid}.hours-audit span{color:var(--muted-foreground);font-size:12px}.hours-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.hours-form-grid label,.hours-unpaid-row label,.hours-month-targets label{flex-direction:column;gap:6px;min-width:0;font-size:14px;display:flex}.hours-form-grid select,.hours-terms-select{border:1px solid var(--border);background:var(--background);border-radius:6px;height:40px;padding:8px}.hours-month-targets{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.hours-unpaid-row{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.hours-unpaid-row label{flex:1;min-width:130px}.hours-checks{flex-direction:column;gap:10px;display:flex}.hours-save-error{color:var(--destructive);padding-top:6px;font-size:12px}.hours-report-table td:not(:first-child){font-variant-numeric:tabular-nums}.hours-report-table button{padding-left:0}.hours-clock-station{max-width:640px;margin:40px auto;padding:24px}.hours-clock-station .panel{padding:24px}.hours-clock-station input,.hours-clock-station select,.hours-clock-station button{min-height:48px;font-size:18px}.hours-clock-station h1{font-size:28px}.hours-clock-station .hours-clock-actions{grid-template-columns:1fr 1fr;display:grid}.hours-clock-station select{border:1px solid var(--border);background:var(--background);border-radius:6px;width:100%;padding:8px}.hours-clock-station label{gap:8px;display:grid}.hours-clock-station .clock-confirmed{font-size:20px}.staff-hours-terms details summary{padding:10px 0}.hours-permission-fields{gap:10px;display:grid}@media (width<=1023px){.hours-time-pair input{height:44px}.hours-timesheet select{min-height:44px}.hours-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.hours-form-grid{grid-template-columns:1fr}.hours-month-targets{grid-template-columns:repeat(3,minmax(0,1fr))}.hours-top-actions{align-items:stretch}.hours-clock-station{margin:0 auto;padding:12px}.hours-clock-station .panel{padding:18px}.hours-summary b{font-size:18px}.hours-period h2{font-size:16px}.hours-clock-station .hours-clock-actions{grid-template-columns:1fr}}.hours-phone-tools-toggle,.hours-mobile-label{display:none}.hours-phone-tools-content{min-width:0}@media screen and (width<=767px){.staff-hours.form-stack,.staff-hours .form-stack{gap:12px}.staff-hours{padding-bottom:env(safe-area-inset-bottom,0px)}.staff-hours .filter-row{gap:8px;padding:0}.staff-hours :is(input:not([type=checkbox]),select){min-height:44px;font-size:16px!important}.staff-hours .filter-row>label{min-width:0;max-width:100%}.hours-top-actions{flex-wrap:nowrap;align-items:center;gap:6px}.hours-top-actions>.hours-tabs{scrollbar-width:none;flex-wrap:nowrap;flex:1;min-width:0;padding-block:2px;overflow-x:auto}.hours-top-actions>.hours-tabs>button{flex-shrink:0;min-height:44px;padding-inline:11px;font-size:13px}.hours-refresh{flex:none;width:44px;height:44px;padding:0}.hours-refresh span{display:none}.hours-people-filter>label:first-child{flex:calc(100% - 110px)}.hours-people-filter>.hours-arrows{flex:none;gap:4px}.hours-people-filter>.hours-arrows button{width:44px;padding:0}.hours-people-filter>label:not(:first-child){flex:100%}.hours-people-filter>button{white-space:normal;flex:calc(50% - 8px)}.hours-period{gap:8px}.hours-period>.hours-arrows{grid-template-columns:44px minmax(0,1fr) 44px;gap:6px;width:100%;display:grid}.hours-period h2{text-align:center;font-size:16px;line-height:1.3}.hours-period>.hours-tabs{grid-template-columns:repeat(3,1fr);gap:6px;width:100%;display:grid}.hours-period button{min-height:44px;padding-inline:8px}.hours-phone-tools{width:100%;min-width:0}.hours-phone-tools-toggle{justify-content:space-between;width:100%;min-height:44px;display:flex}.hours-phone-tools[data-open=false]>.hours-phone-tools-content{display:none}.hours-phone-tools[data-open=true]>.hours-phone-tools-content{padding-top:8px}.hours-phone-tools[data-open=true]>.hours-phone-tools-toggle svg{transform:rotate(180deg)}.hours-phone-tools-content>.filter-row{flex-wrap:wrap}.hours-phone-tools-content>.filter-row>label{flex-basis:100%}.hours-phone-tools-content :is(.control-row,.filter-row)>button{flex:auto;min-height:44px}.hours-table-wrap:has(.hours-timesheet){background:0 0;border:0;overflow:visible}.hours-timesheet{width:100%;min-width:0;display:block}.hours-timesheet>thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.hours-timesheet>tbody{flex-direction:column;gap:12px;display:flex}.hours-timesheet .hours-day-card{border:1px solid var(--border);background:#fff;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;padding:12px;display:grid;box-shadow:0 1px 3px #0f172a06}.hours-timesheet .hours-day-card[data-calendar=saturday]{border-top:4px solid #c8dff1}.hours-timesheet .hours-day-card[data-calendar=sunday]{border-top:4px solid #f2d2c2}.hours-timesheet .hours-day-card[data-calendar=holiday]{border-top:4px solid #e3d0ef}.hours-timesheet .hours-day-card>td{white-space:normal;border:0;min-width:0;padding:0}.hours-mobile-label{color:#526176;margin-bottom:5px;font-size:11px;line-height:1.3;display:block}.hours-day-date{grid-area:1/1}.hours-day-date b,.hours-day-date small{font-size:14px;display:inline}.hours-day-date small{margin-left:5px}.hours-day-date small+small{margin:3px 0 0;font-size:11px;display:block}.hours-day-total{grid-area:1/2;align-self:start;font-size:16px;font-weight:600}.hours-day-total .hours-mobile-label{margin-right:8px;font-weight:400;display:inline}.hours-morning{grid-area:2/1}.hours-afternoon{grid-area:2/2}.hours-time-pair{gap:4px}.hours-time-pair>div{flex:1;min-width:0}.hours-time-pair input{text-align:center;font-variant-numeric:tabular-nums;width:100%;min-width:0;padding-inline:6px}.hours-day-type{grid-area:3/1}.hours-day-type select{width:100%;min-width:0}.hours-day-copy{grid-area:3/2;align-self:end}.hours-day-copy button{width:100%;min-height:44px}.hours-day-note{grid-area:4/1/auto/-1}.hours-day-clock{overflow-wrap:anywhere;grid-area:2/1/auto/-1}.hours-fill-day{grid-area:5/1/auto/-1;align-items:center;gap:10px;min-height:44px;display:flex}.hours-fill-day input{width:24px;height:24px}.hours-fill-day .hours-mobile-label{margin:0;font-size:14px}.hours-summary{gap:16px 10px;padding:12px}.hours-summary b{font-size:18px}.hours-save-error button{min-height:44px}}.staff-print-months{border:1px solid var(--border);background:#fff;border-radius:8px;min-width:0;margin-top:10px;padding:10px 12px}.staff-print-months legend{padding:0 5px;font-size:13px;font-weight:600}.staff-print-months .filter-row{flex-wrap:wrap;align-items:center;padding:0 0 10px}.staff-print-month-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.staff-print-month-grid label{border:1px solid var(--border);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:40px;font-size:13px;display:flex}.staff-print-month-grid label[data-selected=true]{color:#174bba;background:#eaf1ff;border-color:#1a56db}.staff-print-month-grid label[data-disabled=true]{opacity:.45;cursor:default}.staff-print-month-grid input{accent-color:#1a56db;width:16px;height:16px}.staff-print-months .hint{overflow-wrap:anywhere;margin-top:10px}@media (width<=767px){.staff-print-month-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.staff-print-month-grid label{min-height:44px}.staff-print-months{padding:10px}.staff-hours .staff-print-months .filter-row{padding-bottom:10px}.staff-print-months .filter-row button{padding-inline:10px;flex:none!important}.staff-print-months .filter-row b{text-align:center;min-width:40px}}.design-lab .staff-hours.form-stack{gap:12px}.hours-employee-tools{flex-wrap:wrap;align-items:flex-end;gap:10px 16px;min-width:0;display:flex}.hours-employee-tools>.hours-people-filter{flex:800px;width:auto;min-width:0}.hours-employee-tools>.hours-clock{flex:520px;min-width:0;max-width:100%}.design-lab .staff-hours .hours-employee-tools>.hours-people-filter{gap:8px;padding:0}.design-lab .staff-hours .hours-employee-tools>.hours-clock{gap:8px 16px;padding:10px 12px}.design-lab .staff-hours .hours-employee-tools>.hours-clock>div:first-child{flex-wrap:wrap;flex:230px;align-items:center;gap:4px 14px;min-width:0;display:flex}.design-lab .staff-hours .hours-employee-tools>.hours-clock>div:first-child>b,.design-lab .staff-hours .hours-employee-tools>.hours-clock>div:first-child>b~p{flex-basis:100%}.design-lab .staff-hours .hours-employee-tools>.hours-clock h2{margin:0;font-size:15px;line-height:1.4}.design-lab .staff-hours .hours-employee-tools>.hours-clock p,.design-lab .staff-hours .hours-employee-tools>.hours-clock b{margin:0;font-size:13px;line-height:1.4}.design-lab .staff-hours .hours-employee-tools>.hours-clock>.hint,.design-lab .staff-hours .hours-employee-tools>.hours-clock>.form-error{flex-basis:100%}.hours-sheet-tools{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 16px;min-width:0;display:flex}.hours-sheet-tools>.hours-period{flex:auto;justify-content:flex-start;gap:16px;min-width:0}.design-lab .hours-sheet-tools .hours-print-actions{gap:8px;padding:0}@media (width>=768px){.design-lab .staff-hours .hours-employee-tools>.hours-people-filter>label{flex:0 200px;min-width:160px;max-width:230px}.design-lab .staff-hours .hours-employee-tools>.hours-people-filter>.hours-arrows{gap:6px}.design-lab .staff-hours .hours-period h2{white-space:nowrap;font-size:16px}.design-lab .staff-hours .hours-sheet-tools>.hours-phone-tools{flex:none;min-width:0;max-width:100%}.design-lab .hours-sheet-tools .hours-print-actions>label{flex:0 160px;width:160px;min-width:160px;max-width:200px}.design-lab .hours-sheet-tools .hours-print-actions>button{flex:none}}@media (width>=768px) and (pointer:fine){.design-lab .staff-hours .hours-employee-tools>.hours-clock .hours-clock-actions :is(button,a){height:40px;min-height:40px}}@media (width<=767px){.hours-sheet-tools{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.design-lab .staff-hours .hours-employee-tools>.hours-clock{padding:10px}.design-lab .staff-hours .hours-employee-tools>.hours-clock .hours-clock-actions{width:100%}.design-lab .staff-hours .hours-employee-tools>.hours-clock .hours-clock-actions :is(button,a){min-height:44px}}