.er1366-payroll-clock .er1365-hero{padding:15px 18px}.er1366-head-actions{display:flex;align-items:center;gap:8px}.er1366-pay-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #d4dfce;border-radius:12px;background:#e9efdf;overflow:hidden}.er1366-pay-totals>div{padding:13px 15px;display:grid;align-content:start;gap:5px;border-right:1px solid #d4dfce}.er1366-pay-totals>div:last-child{border:0}.er1366-pay-totals span{font-size:11px;color:#697c68}.er1366-pay-totals strong{font-size:21px;line-height:1.2;color:#2b5138;font-variant-numeric:tabular-nums}.er1366-pay-totals small{font-size:10px;color:#71816d}.er1366-pay-totals i{font-style:normal;font-weight:400;color:#91a084}.er1366-pay-totals .review strong{color:#936332}.er1366-table-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.er1366-table-heading h3{font-size:15px;margin:0;color:#2a4532}.er1366-table-heading p{font-size:11px;color:#6c7d6a;margin:5px 0 0;line-height:1.4}.er1366-table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid #d6e1d1;border-radius:12px;background:#f8faf3}.er1366-pay-table,.er1366-summary-table{border-collapse:separate;border-spacing:0;width:100%;font-size:12px;color:#2b4032;table-layout:fixed}.er1366-pay-table{min-width:1060px}.er1366-pay-table col.day{width:78px}.er1366-pay-table col.client{width:230px}.er1366-pay-table col.time{width:126px}.er1366-pay-table col.hours{width:75px}.er1366-pay-table col.km{width:75px}.er1366-pay-table col.travel{width:83px}.er1366-pay-table col.status{width:141px}.er1366-pay-table col.save{width:116px}.er1366-pay-table :is(th,td),.er1366-summary-table :is(th,td){padding:10px 8px;vertical-align:top;text-align:left;border-bottom:1px solid #e0e8d9}.er1366-pay-table th,.er1366-summary-table th{background:#dfe8d6;color:#3d5940;font-size:10px;font-weight:700;white-space:nowrap}.er1366-pay-table tbody tr:last-child td{border-bottom:0}.er1366-pay-table td>small,.er1366-summary-table td>small{display:block;font-size:9px;color:#73816d;line-height:1.35;margin-top:4px}.er1366-pay-table .er1366-day-cell strong{display:block;font-size:12px}.er1366-pay-table .er1366-day-cell{background:#f0f4e8;border-right:1px solid #e1e8da}.er1366-pay-table tr.dirty td{background:#fbf4dc}.er1366-pay-table .er1366-work-cell{padding-top:18px;white-space:nowrap}.er1366-payroll-clock .er1366-pay-table :is(input,select,textarea){font-family:inherit!important;font-size:12px!important;font-weight:500!important;line-height:1.3!important;color:#29432e!important;background:#f7faef!important;border:1px solid #ccdbc2!important;border-radius:7px!important;box-shadow:none!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:38px!important;padding:8px 6px!important}.er1366-payroll-clock .er1366-pay-table input[type=time]{font-size:12px!important;letter-spacing:-.025em!important;padding:8px 3px!important}.er1366-pay-table input[type=time]::-webkit-calendar-picker-indicator{width:11px;height:11px;padding:0;margin:0;opacity:.55}.er1366-pay-table input[type=number]{appearance:textfield}.er1366-pay-table input[type=number]::-webkit-inner-spin-button{display:none}.er1366-pay-table .er1365-btn{width:100%;padding:7px 5px;font-size:10px;min-height:38px}.er1366-pay-table .er1366-save-state{font-size:9px;line-height:1.3;color:#6f8265;display:block;margin-top:5px}.er1366-pay-table tr.dirty .er1366-save-state{color:#8d6b27}.er1366-row-notes{font-size:10px;color:#5d7356;margin-top:6px}.er1366-row-notes summary{display:flex;padding:2px 0}.er1366-row-notes p{font-size:10px;line-height:1.45;white-space:pre-wrap;margin:6px 0!important;color:#607054}.er1366-row-notes label{display:grid;gap:5px;margin-top:6px}.er1366-row-notes textarea{resize:vertical;min-height:66px!important}.er1366-empty-row td,.er1366-missing-row td{background:#f3f2e5;color:#7c836d;font-size:11px}.er1366-live-row td{background:#eef3e5;font-size:11px}.er1366-empty-row td:first-child strong,.er1366-missing-row td:first-child strong,.er1366-live-row td:first-child strong{display:block;color:#475a3c}.er1366-pay-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#6b7e63}.er1366-payroll-centre{display:grid;gap:15px;color:#2c4433;--ac-line:#cfdcc7;--ac-forest:#285337}.er1366-payroll-centre *{box-sizing:border-box;min-width:0}.er1366-payroll-centre .er1365-btn{font-family:inherit;font-size:12px;font-weight:650;line-height:1.2;border:1px solid #cfdcc7;background:#eef4e4;color:#285337;border-radius:8px;padding:9px 13px;min-height:38px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.er1366-payroll-centre .er1365-btn.primary{background:#285337;color:#f9f7e8;border-color:#285337}.er1366-payroll-centre :is(input,button):focus-visible{outline:2px solid #287949;outline-offset:2px}.er1366-period{display:grid;grid-template-columns:1fr 190px 190px auto;gap:12px;align-items:end;background:#edf2e3;border:1px solid #d4dfce;border-radius:12px;padding:14px}.er1366-period h3{margin:0 0 4px;font-size:15px}.er1366-period small{font-size:11px;color:#6d7e65}.er1366-period label{display:grid;gap:5px;font-size:11px;color:#5b7155}.er1366-period input{width:100%;background:#f7faef;border:1px solid #c7d7bf;border-radius:7px;min-height:38px;padding:7px 10px;color:#29452f;font-family:inherit;font-size:12px;font-weight:600}.er1366-period-state{display:flex;gap:12px;align-items:center;color:#476341;font-size:11px;margin:0;padding:0 3px}.er1366-period-state span{color:#7a805e}.er1366-period-state.just-updated{background:#e1ebd3;border-radius:8px;padding:8px}.er1366-summary-table{min-width:950px;table-layout:auto;font-size:12px}.er1366-summary-table td{padding:14px 10px;font-variant-numeric:tabular-nums}.er1366-summary-table th{padding:11px 10px}.er1366-summary-table td:first-child{min-width:165px}.er1366-summary-table tfoot :is(th,td){background:#e3ecd7;border-bottom:0;font-weight:700}.er1366-centre-actions{display:flex;gap:7px}.er1366-rates-note{font-size:11px;color:#677c5e;margin:0;line-height:1.5}
@media(min-width:1024px){html body.ww-app-visible .ww669-overlay:has(.er1366-payroll-centre){padding:26px!important;align-items:center!important}html body.ww-app-visible .ww669-overlay .ww669-sheet:has(.er1366-payroll-centre){width:min(1380px,96vw)!important;max-width:1380px!important;height:auto!important;max-height:calc(100dvh - 52px)!important;border-radius:17px!important;display:flex!important;flex-direction:column!important}html body.ww-app-visible .ww669-overlay .ww669-sheet:has(.er1366-payroll-centre)>header{flex-shrink:0!important;padding:16px 20px!important;background:#285337!important}html body.ww-app-visible .ww669-overlay .ww669-sheet:has(.er1366-payroll-centre)>main{background:#f0f3e8!important;padding:18px 20px!important;min-height:0!important;overflow-y:auto!important}html body.ww-app-visible .ww669-overlay .ww669-sheet:has(.er1366-payroll-centre)>header strong{font-size:21px!important}html body.ww-app-visible .ww669-overlay .ww669-sheet:has(.er1366-payroll-centre)>header button{width:36px!important;height:36px!important}.er1366-payroll-clock{max-width:none!important}}
/* Only the employee screen displayed after clock-out is affected. */
html body[data-modal-type="clockout"] #modalHost .clockout-finish-modal:has(.er1366-finish){background:#edf2e5!important}.er1366-finish{display:grid;gap:15px;color:#294531;font-size:13px;max-width:760px;margin:auto}.er1366-finish *{box-sizing:border-box;min-width:0}.er1366-finish p,.er1366-finish h3{margin:0}.er1366-finish svg{width:18px;height:18px}.er1366-finish-banner{display:flex;align-items:center;gap:12px;padding:14px;background:#dfead4;border:1px solid #cdddbe;border-radius:12px}.er1366-check{display:grid;place-items:center;flex-shrink:0;width:37px;height:37px;border-radius:50%;background:#2c6442;color:#f7f7e7}.er1366-finish-banner strong{font-size:15px;line-height:1.3}.er1366-finish-banner p{font-size:11px;line-height:1.5;color:#667d5c;margin-top:4px}.er1366-shift-receipt{background:#f6f8ee;border:1px solid #d2dfc8;border-radius:13px;padding:17px}.er1366-receipt-date{font-size:11px;color:#6b7f5c}.er1366-shift-receipt h3{font-size:20px;line-height:1.3;margin-top:5px;overflow-wrap:anywhere}.er1366-captured-times{display:grid;grid-template-columns:1fr 1fr .7fr;gap:9px;margin-top:17px;padding-top:13px;border-top:1px solid #dce5d2}.er1366-captured-times>div{display:grid;align-content:start;gap:5px}.er1366-captured-times span{font-size:10px;color:#728564}.er1366-captured-times strong{font-size:17px;color:#2d5537;font-variant-numeric:tabular-nums;line-height:1.3}.er1366-captured-times small{font-size:10px;color:#728564;font-weight:500}.er1366-captured-times strong small{font-size:11px;margin-left:3px}.er1366-shift-receipt>p{font-size:10px;color:#7b896e;margin-top:12px}.er1366-final-details{padding:0 2px}.er1366-form-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.er1366-form-heading h3{font-size:15px}.er1366-form-heading>span{font-size:10px;color:#7f8b73}.er1366-final-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.er1366-final-fields label{display:grid;gap:6px}.er1366-final-fields label>span{font-size:11px;font-weight:650}.er1366-final-fields label small{font-size:10px;font-weight:400;color:#77876b;margin-left:3px}.er1366-final-notes{grid-column:1/-1}.er1366-finish .er1366-final-fields :is(input,textarea){font-family:inherit!important;font-weight:400!important;font-size:16px!important;line-height:1.5!important;color:#29452f!important;background:#f7f9ef!important;border:1px solid #c8d9bc!important;box-shadow:none!important;border-radius:9px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:10px 12px!important;min-height:46px!important;height:auto!important}.er1366-final-fields textarea{resize:vertical;min-height:108px!important}.er1366-finish :is(input,textarea):focus-visible{outline:2px solid #2c8050!important;outline-offset:2px!important}.er1366-final-details>p{font-size:10px;color:#7f8c72;margin-top:10px}.er1366-submit-note{display:flex;align-items:flex-start;gap:9px;background:#e8ead9;border-radius:10px;padding:12px;font-size:11px;line-height:1.5;color:#6b775b}.er1366-submit-note svg{flex-shrink:0;color:#687a52}.er1366-submit-note strong{color:#68713b}.er1366-form-error{color:#9b4a32;font-size:12px;line-height:1.4}.er1366-form-error[hidden]{display:none}
html body[data-modal-type="clockout"] #modalHost .clockout-finish-modal:has(.er1366-finish) .modal-head{background:#2a543c!important;padding:16px 18px!important;flex-shrink:0!important}html body[data-modal-type="clockout"] #modalHost .clockout-finish-modal:has(.er1366-finish) .modal-head h2{font-size:20px!important;line-height:1.25!important}html body[data-modal-type="clockout"] #modalHost .clockout-finish-modal:has(.er1366-finish) .modal-body{background:#edf2e5!important;padding:16px 18px 22px!important;overflow-y:auto!important;min-height:0!important;overscroll-behavior:contain!important}html body[data-modal-type="clockout"] #modalHost .clockout-finish-modal:has(.er1366-finish) .modal-foot{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;flex-shrink:0!important;background:#e5ecd9!important;padding:12px 18px calc(12px + var(--er1328-safe-bottom,env(safe-area-inset-bottom,0px)))!important}html body[data-modal-type="clockout"] #modalHost .clockout-finish-modal:has(.er1366-finish) .modal-foot button{width:auto!important;min-height:42px!important;height:auto!important;border-radius:9px!important;padding:10px 15px!important;font-size:12px!important;font-weight:650!important;box-shadow:none!important;margin:0!important}html body[data-modal-type="clockout"] #modalHost .clockout-finish-modal:has(.er1366-finish) .modal-foot .er1365-btn{border:1px solid #cbd9bc!important;background:#f0f5e7!important;color:#426037!important}html body[data-modal-type="clockout"] #modalHost .clockout-finish-modal:has(.er1366-finish) .modal-foot .er1366-submit{background:#2d5d3e!important;color:#f7f7e9!important;border:1px solid #2d5d3e!important}
@media(min-width:761px){html body[data-modal-type="clockout"] #modalHost .clockout-finish-modal:has(.er1366-finish){max-width:650px!important;width:650px!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 48px)!important;display:flex!important;flex-direction:column!important}.er1366-finish{gap:17px}}
@media(max-width:760px){html body[data-modal-type="clockout"] #modalHost .clockout-finish-modal:has(.er1366-finish) .modal-head{padding-top:calc(14px + var(--er1328-safe-top,env(safe-area-inset-top,0px)))!important}.er1366-finish{gap:15px}.er1366-shift-receipt{padding:15px}.er1366-captured-times strong{font-size:16px}.er1366-final-fields{gap:11px}.er1366-final-fields label>span{font-size:10px}.er1366-finish-banner{padding:12px}.er1366-finish-banner strong{font-size:14px}}
@media(max-width:350px){.er1366-captured-times{gap:6px;grid-template-columns:1fr 1fr .6fr}.er1366-captured-times strong{font-size:14px}.er1366-shift-receipt h3{font-size:18px}.er1366-finish-banner{gap:8px}.er1366-finish-banner strong{font-size:13px}html body[data-modal-type="clockout"] #modalHost .clockout-finish-modal:has(.er1366-finish) .modal-body{padding:13px!important}}
html body[data-modal-type="clockout"] #modalHost .clockout-finish-modal:has(.er1366-finish) .modal-head{align-items:center!important}
html body[data-modal-type="clockout"] #modalHost .clockout-finish-modal:has(.er1366-finish) .modal-head .modal-x{position:static!important;top:auto!important;right:auto!important;transform:none!important;margin:0 0 0 auto!important;flex:0 0 36px!important;width:36px!important;min-width:36px!important;height:36px!important;align-self:center!important}
html body[data-modal-type="clockout"] #modalHost .clockout-finish-modal:has(.er1366-finish) .modal-head .modal-x{background:#365e40!important;color:#fbfaee!important;border:1px solid #88a080!important}
.er1366-payroll-clock{padding-bottom:92px!important}