.week-editor{display:grid;gap:12px}.week-editor fieldset{border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;grid-template-columns:140px 1fr 1fr;gap:14px;min-width:0}.week-editor legend{padding:0 8px;font-weight:600}.schedule-slot{display:grid;grid-template-columns:1fr 1fr;gap:8px}.schedule-slot[hidden]{display:none}.week-editor input,.week-editor select{min-height:44px;min-width:0}.punch-schedule{max-width:480px;margin:16px auto;text-align:start}.punch-records{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.calendar-tools{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:20px}.task-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;padding:0 20px 20px}.calendar-weekday{font-size:12px;text-align:center;color:var(--muted);padding:8px 0}.calendar-day{min-width:0;min-height:105px;border:1px solid var(--line);border-radius:10px;background:#fbfcf9;padding:10px;text-align:start;color:var(--ink)}.calendar-day strong{font:600 17px Inter,Arial}.calendar-day span{display:block;font-size:10px;color:#58913d;margin:7px 0}.calendar-day small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px}.calendar-day.today{border-color:#94cb78}.calendar-day.selected{background:#eaf5e1;border:2px solid #67b847}.task-description{display:block;max-width:250px;white-space:pre-wrap;margin-top:5px}.performance-filters{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:15px}.performance-scorecards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.performance-scorecards article{background:#f1f7ea;padding:22px;border:1px solid #e1ebd9;border-radius:12px;display:flex;flex-direction:column;gap:12px}.performance-scorecards strong{font:600 32px Inter,Arial;color:#385b2c}.performance-scorecards small{color:var(--muted)}.score-bar{display:inline-block;vertical-align:middle;width:85px;height:6px;background:#edf1e9;border-radius:4px;margin-inline-end:12px;overflow:hidden}.score-bar span{display:block;height:100%;background:var(--green)}.details-title{padding:20px;font-weight:600;cursor:pointer}.approved-signing p{font-size:10px;margin-bottom:6px;line-height:1.5}.approved-signing>div{display:flex;align-items:center;justify-content:flex-start;gap:18px}.approval-sign{width:140px;height:65px;object-fit:contain;mix-blend-mode:multiply}.approval-stamp{width:90px;height:90px;object-fit:contain;mix-blend-mode:multiply}.official-sheet.signing-space .official-body{bottom:35%}.official-signing{position:absolute;bottom:24%;inset-inline:10%;height:10%}.official-signing .approved-signing p{font-size:1.2cqw}.official-signing .approval-sign{width:21cqw;height:8cqw}.official-signing .approval-stamp{width:11cqw;height:11cqw}.official-signing .approved-signing>div{gap:3cqw}
@media(max-width:1000px){.week-editor fieldset{grid-template-columns:1fr}.performance-scorecards article{padding:15px}.calendar-day{min-height:90px}}
@media(max-width:700px){.week-editor fieldset{padding:12px}.schedule-slot{gap:8px}.task-calendar{padding:0 10px 10px;gap:4px}.calendar-weekday{font-size:9px;overflow:hidden}.calendar-day{min-height:75px;padding:6px}.calendar-day span{font-size:8px}.calendar-day small{display:none}.calendar-day strong{font-size:14px}.calendar-tools{padding:15px;gap:8px}.calendar-tools .btn{font-size:10px;padding:8px}.performance-filters{grid-template-columns:1fr 1fr}.performance-filters>label:first-child:nth-last-child(3){grid-column:1/-1}.performance-scorecards{grid-template-columns:1fr}.performance-scorecards article{display:grid;grid-template-columns:1fr 1fr;align-items:center}.performance-scorecards strong{font-size:27px}.score-bar{width:45px}.report-actions{flex-wrap:wrap}}
@media print{.official-signing .approved-signing p{font-size:7pt}.official-signing .approval-sign{width:44mm;height:17mm}.official-signing .approval-stamp{width:23mm;height:23mm}.official-signing .approved-signing>div{gap:6mm}.calendar-tools{display:none}.calendar-day{min-height:22mm}.task-calendar{break-inside:avoid}}
.metric-cell{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:118px;padding-block:5px}.metric-cell>strong{font:600 15px Inter,Arial,sans-serif;color:var(--ink)}.metric-cell>span{display:block;font-size:11px;line-height:1.8;color:var(--muted);white-space:normal}.action-cell{min-width:230px;white-space:normal!important}.action-cell .btn{min-height:42px;margin:4px;vertical-align:middle}.repeat-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.repeat-fields[hidden],[data-change-section][hidden]{display:none}.repeat-choice input,.change-choice input{width:19px;height:19px;vertical-align:middle;margin-inline-end:8px}.repeat-choice span,.change-choice{display:flex;align-items:center;gap:8px}.change-choice{padding-block:14px;cursor:pointer}[data-change-section]{margin-bottom:18px}.schedule-request{min-width:180px;line-height:2}.form-grid>*{min-width:0}.form-grid input,.form-grid select,.form-grid textarea{width:100%;box-sizing:border-box;min-height:48px}.form-grid input[type=checkbox]{width:18px;min-height:18px}.performance-filters .field input,.performance-filters .field select{min-height:48px}.calendar-tools .field{min-width:165px}.calendar-tools>.select{min-height:48px;max-width:100%}.panel-head .report-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.detail strong{overflow-wrap:anywhere}.table-wrap table td{vertical-align:middle}.table-wrap th{line-height:1.8}.form-grid .full{grid-column:1/-1}.week-editor select,.week-editor input{box-sizing:border-box;width:100%}.change-choice input{flex:0 0 19px}.repeat-choice input{width:19px!important}.form-grid .repeat-fields input{min-width:0}@media(max-width:700px){.repeat-fields{grid-template-columns:1fr}.action-cell{min-width:220px}.metric-cell{min-width:105px}.calendar-tools .field{flex:1}.panel-head{flex-wrap:wrap;gap:12px}.profile-banner h2{font-size:20px}.performance-filters{grid-template-columns:1fr}.performance-filters>label{grid-column:auto!important}}
.team-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border-top:1px solid var(--line);font-size:13px}.team-pagination>div{display:flex;align-items:center;gap:14px}.team-pagination .btn{min-height:42px}.team-pagination bdi{font-family:Inter,Arial,sans-serif}@media(max-width:700px){.team-pagination{flex-direction:column;align-items:stretch}.team-pagination>div{justify-content:space-between;gap:8px}}@media print{.team-pagination{display:none}}

.required-star{color:#bb443b;font-weight:700}input[readonly]{background:#f0f4ed;color:#46603c}
.employee-picker{position:relative}.employee-picker-list{position:absolute;top:78px;inset-inline:0;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 28px #163b2c26;max-height:270px;overflow:auto;z-index:20;padding:5px}.employee-picker-list[hidden]{display:none}.employee-picker-list button{display:flex;flex-direction:column;gap:5px;width:100%;text-align:start;border:0;background:white;color:var(--ink);padding:12px;border-radius:8px;cursor:pointer}.employee-picker-list button:hover,.employee-picker-list button[aria-selected=true]{background:#edf5e6}.employee-picker-list small{color:var(--muted);font-size:11px}.employee-picker-empty{padding:15px;color:var(--muted)}.employee-picker>small{min-height:16px;font-size:11px}

.task-priority{display:block;padding:5px 8px;border-radius:7px;line-height:1.6;white-space:normal;overflow-wrap:anywhere}.task-priority-normal{background:#e8f2ff;color:#175cb5;border-inline-start:3px solid #2878d4}.task-priority-important{background:#fff0df;color:#994700;border-inline-start:3px solid #ed861c}.calendar-day .task-priority{margin-top:4px;text-align:start}

/* Employment letters reserve separate space for the approved signature and stamp. */
.official-sheet.employment-letter .official-meta{top:20%}
.official-sheet.employment-letter h2{top:24%;margin:0}
.official-sheet.employment-letter .official-body{top:31%;bottom:27%;font-size:1.9cqw;line-height:1.65}
.official-sheet.employment-letter .official-signing{bottom:16%;height:10%}
.official-sheet.employment-letter .official-page-number{bottom:13%}
@media print{
 .official-sheet.employment-letter{height:296.8mm;break-after:page}
 .official-sheet.employment-letter:last-child{break-after:auto}
 .official-sheet.employment-letter .official-body{font-size:11.3pt;line-height:1.65}
}

.incident-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;margin-block:14px}.incident-attachments{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-block:18px}.incident-attachment{padding:12px;border:1px solid var(--line);border-radius:10px;min-width:0;overflow-wrap:anywhere}.incident-attachment img{display:block;max-width:100%;max-height:360px;object-fit:contain;margin-block:10px}.incident-attachment iframe{width:100%;height:360px;border:0;margin-block:10px}.incident-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block:6px}.timeline-item small{display:block}

.main:has(.tasks-page){padding-top:16px}
.tasks-page-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.tasks-page-heading h1{font-size:25px;line-height:1.35}
.tasks-page-heading .subtitle{margin-top:2px}
.tasks-page-heading .back-home{margin:0;flex-shrink:0}
.tasks-page .calendar-tools{padding:12px 20px 8px;gap:10px;align-items:center}
.tasks-page .calendar-tools .field{margin:0;display:flex;flex-direction:row;align-items:center;gap:8px;min-height:44px}
.tasks-page .calendar-tools input{height:44px;min-height:44px;margin:0;padding-block:7px}
.tasks-page .calendar-tools>.btn{height:44px;min-height:44px;margin:0;padding-block:7px}
.tasks-page .calendar-weekday{padding:5px 0}
@media(max-width:640px){.tasks-page-heading{align-items:flex-start;gap:8px}.tasks-page-heading h1{font-size:22px}.tasks-page-heading .back-home{font-size:11px}.tasks-page .calendar-tools{padding-inline:12px;gap:8px}.tasks-page .calendar-tools .field{flex:1;min-width:160px}.tasks-page .calendar-tools input{width:100%;min-width:0}}
@media print{.tasks-page-heading{display:none}.main:has(.tasks-page){padding:0}}

.demo-accounts[hidden]{display:none}

.account-heading-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch;flex-shrink:0}