/* Payroll: notes are employee record notes, visible even when empty. */
.er1366-payroll-clock .er1366-pay-table{min-width:1116px;table-layout:fixed}
.er1366-payroll-clock .er1366-pay-table col.day{width:65px}.er1366-payroll-clock .er1366-pay-table col.client{width:150px}.er1366-payroll-clock .er1366-pay-table col.time{width:113px}.er1366-payroll-clock .er1366-pay-table col.hours{width:60px}.er1366-payroll-clock .er1366-pay-table col.km{width:54px}.er1366-payroll-clock .er1366-pay-table col.travel{width:63px}.er1366-payroll-clock .er1366-pay-table col.notes{width:200px}.er1366-payroll-clock .er1366-pay-table col.status{width:108px}.er1366-payroll-clock .er1366-pay-table col.save{width:90px}
.er1366-payroll-clock .er1366-pay-table th{font-size:9px;white-space:normal}.er1366-payroll-clock .er1366-pay-table td{padding:10px 6px}.er1366-payroll-clock .er1366-pay-table td>small{font-size:9px}.er1366-payroll-clock .er1366-pay-table input[type=time]{font-size:11px!important}.er1366-payroll-clock .er1366-pay-table .er1367-notes-cell textarea{min-height:76px!important;height:76px!important;line-height:1.45!important;font-size:11px!important;resize:vertical!important;padding:8px!important}.er1366-payroll-clock .er1366-pay-table .er1366-day-cell .er1365-btn{font-size:9px;min-height:25px;margin-top:6px;padding:3px 4px}.er1366-payroll-clock .er1367-add-row td{background:#edf2d8!important}.er1366-payroll-clock .er1367-add-row td:first-child strong{display:block}.er1366-payroll-clock .er1367-add-row .er1365-btn{margin-bottom:5px}.er1366-payroll-clock .er1367-add-row .er1366-save-state{display:none}
/* Roster form only: keep original controls and their scheduling behavior. */
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .modal.er1367-shift{background:#edf2e5!important;display:flex!important;flex-direction:column!important;border:1px solid #d5e0cc!important;border-radius:16px!important;overflow:hidden!important;width:min(1050px,94vw)!important;max-width:1050px!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 44px)!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .modal-head{position:relative!important;display:flex!important;align-items:center!important;flex-shrink:0!important;min-height:74px!important;padding:18px 22px!important;background:#2b553e!important;border:0!important;color:#f8f7e8!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .modal-head::before{color:#cbdab9!important;font-size:9px!important;letter-spacing:.13em!important;left:22px!important;top:12px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .modal-head h2{font-size:21px!important;line-height:1.25!important;color:#f8f7e8!important;margin:9px 45px 0 0!important;padding:0!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .modal-head .modal-x{position:static!important;top:auto!important;right:auto!important;transform:none!important;flex:0 0 36px!important;width:36px!important;min-width:36px!important;height:36px!important;margin:0 0 0 auto!important;background:#3c6548!important;border:1px solid #87a27c!important;border-radius:9px!important;color:#f7f7e8!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .modal-body{padding:18px!important;background:#edf2e5!important;overflow-y:auto!important;overscroll-behavior:contain!important;min-height:0!important;flex:1 1 auto!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .modal-foot{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;flex-shrink:0!important;position:relative!important;bottom:auto!important;padding:12px 18px!important;margin:0!important;background:#e1ead5!important;border-top:1px solid #ccdcbc!important;box-shadow:none!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .modal-foot button{height:auto!important;min-height:40px!important;max-width:none!important;width:auto!important;flex:0 0 auto!important;font-size:12px!important;padding:10px 16px!important;border-radius:9px!important;box-shadow:none!important;font-weight:650!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .modal-foot .er932-foot-save{background:#285c3e!important;color:#f7f7e8!important;border:1px solid #285c3e!important;min-width:170px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .modal-foot .er932-foot-cancel{background:#f0f5e8!important;border:1px solid #cadabc!important;color:#42633b!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er932-layout{display:block!important;gap:14px!important;padding:0!important;min-width:0!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er1367-main{display:grid!important;gap:14px!important;padding:0!important;width:100%!important;background:transparent!important}
.er1367-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.er1367-form-column{display:grid;gap:14px;min-width:0}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er1367-form-column>.er932-section{margin:0!important;padding:15px!important;border:1px solid #d1dfc5!important;border-radius:12px!important;background:#f6f8ed!important;box-shadow:none!important;min-width:0!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er932-label{display:flex!important;align-items:center!important;gap:6px!important;font-size:11px!important;letter-spacing:.055em!important;font-weight:700!important;margin:0 0 12px!important;color:#416039!important;padding:0!important;min-height:0!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er932-label svg{width:14px!important;height:14px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er932-team-row{width:100%!important;min-height:47px!important;max-width:none!important;height:auto!important;background:#edf4e4!important;border:1px solid #ccdcbc!important;border-radius:9px!important;padding:10px!important;box-shadow:none!important;gap:9px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er932-team-row .names,html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er962-client-copy b{font-size:13px!important;line-height:1.35!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er962-client-copy small{font-size:10px!important;color:#708468!important;line-height:1.4!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er1337-start-finish-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er1337-start-finish-grid>.er932-field{grid-column:auto!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er1337-start-finish-grid>.er1337-date-field{grid-column:1/-1!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er932-field>label{font-size:10px!important;margin-bottom:6px!important;color:#657b59!important;letter-spacing:.02em!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er1322-time-wrap{display:block!important;width:100%!important;max-width:none!important;min-width:0!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er1322-time-face,html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er1028-date-button{width:100%!important;min-width:0!important;max-width:none!important;min-height:43px!important;height:43px!important;border:1px solid #c6d8bb!important;border-radius:8px!important;background:#eef5e5!important;color:#294f30!important;padding:9px 11px!important;box-shadow:none!important;font-size:14px!important;text-align:left!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er1337-duration-bar{border:1px solid #d6e1cc!important;border-radius:8px!important;background:#e4edd8!important;margin-top:12px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er1367-instructions::before{content:none!important;display:none!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er934-notes-link{display:none!important}
.er1367-section-heading h3{font-size:14px;color:#355834;margin:0;font-weight:700}.er1367-section-heading p{font-size:10px;color:#748467;margin:5px 0 12px;line-height:1.5}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift textarea#m_notes{display:block!important;visibility:visible!important;overflow:auto!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:146px!important;height:146px!important;max-height:none!important;padding:11px!important;margin:0!important;border:1px solid #c6d8bb!important;border-radius:8px!important;background:#eef5e5!important;color:#2c4b2d!important;box-shadow:none!important;resize:vertical!important;font-size:13px!important;line-height:1.5!important}
.er1367-publish-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:14px}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er1367-publish{display:grid!important;grid-template-columns:90px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;padding:12px!important;margin:0!important;border:1px solid #d0ddc3!important;border-radius:10px!important;background:#e7eedc!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er1367-publish .er932-label{margin:0!important;font-size:10px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er932-vis{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er932-vis button{min-height:36px!important;height:36px!important;width:100%!important;min-width:0!important;border-radius:7px!important;font-size:11px!important;padding:6px 7px!important;box-shadow:none!important;border:1px solid #c7d3bd!important;background:#f1f4e9!important;color:#5e7253!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er932-vis button.active{background:#2b6a46!important;border-color:#2b6a46!important;color:#f7f7e8!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er1367-colour{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;padding:13px!important;min-height:61px!important;height:auto!important;margin:0!important;border:1px solid #d0ddc3!important;border-radius:10px!important;background:#e7eedc!important;box-shadow:none!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er1367-colour .left{font-size:12px!important;gap:9px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er1367-colour>button{min-height:33px!important;height:33px!important;font-size:11px!important;padding:6px 11px!important;border:1px solid #c4d4b8!important;border-radius:7px!important;background:#f2f6e9!important;color:#4a6740!important;box-shadow:none!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er1367-colour .colour-picker{flex-basis:100%!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift :is(button,input,textarea,select):focus-visible{outline:2px solid #2e8051!important;outline-offset:2px!important}
@media(min-width:901px){html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er932-layout.has-panel{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:14px!important}html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .has-panel .er1367-form-grid{grid-template-columns:1fr!important}html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er933-staff-dropdown,html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er962-client-dropdown{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important}.er1367-shift .er932-staff-list{max-height:290px!important;overflow-y:auto!important}}
@media(max-width:900px){.er1367-form-grid,.er1367-publish-row{grid-template-columns:1fr;gap:12px}.er1367-form-column{gap:12px}html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .modal-body{padding:13px!important}}
@media(max-width:760px){html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost,html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .modal-overlay{inset:0!important;width:100%!important;height:100dvh!important;max-height:100dvh!important;padding:0!important;margin:0!important;background:#edf2e5!important;display:flex!important;align-items:stretch!important;justify-content:stretch!important}html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .modal.er1367-shift{width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:0!important;margin:0!important}html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .modal-head{padding:calc(17px + var(--er1328-safe-top,env(safe-area-inset-top,0px))) 16px 15px!important;min-height:74px!important}html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .modal-head::before{left:16px!important;top:calc(12px + var(--er1328-safe-top,env(safe-area-inset-top,0px)))!important}html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .modal-foot{padding:11px 13px calc(11px + var(--er1328-safe-bottom,env(safe-area-inset-bottom,0px)))!important}html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .modal-foot .er932-foot-save{flex:1 1 auto!important;min-width:0!important}.er1367-shift textarea#m_notes{font-size:16px!important}}
@media(max-width:360px){html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er1367-publish{grid-template-columns:72px minmax(0,1fr)!important;padding:10px!important}.er1367-shift .er1367-form-column>.er932-section{padding:12px!important}}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er932-layout{background:transparent!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er1367-publish-row{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)!important;gap:14px!important;width:100%!important;background:transparent!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er1367-publish-row>*{order:0!important;grid-column:auto!important;grid-row:auto!important;position:relative!important;inset:auto!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;align-self:start!important}
@media(max-width:900px){html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1367-shift .er1367-publish-row{grid-template-columns:1fr!important;gap:12px!important}}