/* Compact controls, with the actual shift fields and save behavior retained. */
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1367-main,
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1367-form-grid{gap:6px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1370-settings{gap:6px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1372-repeat-trigger{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:34px!important;padding:6px 9px!important;font-size:12px!important;color:#35583b!important;background:#f0f4e7!important;border:1px solid #c2d1b2!important;border-radius:7px!important;text-align:left!important}
html body #modalHost .er1372-repeat-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1372-visibility{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:7px 10px!important;min-height:46px!important;background:#e8efdd!important}
html body #modalHost .er1372-visibility>label{font-size:10px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.035em!important;color:#536d46!important}
html body #modalHost .er1372-visibility select#m_status{width:156px!important;max-width:100%!important;min-width:0!important;min-height:32px!important;height:32px!important;margin:0!important;padding:5px 26px 5px 10px!important;border:1px solid #becdab!important;border-radius:7px!important;background-color:#f2f4e7!important;color:#637448!important;font-size:12px!important;font-weight:650!important;box-shadow:none!important}
html body #modalHost .er1372-visibility[data-visibility="Published"] select#m_status{background-color:#deebd6!important;border-color:#9db48c!important;color:#2f653b!important}
html body #modalHost .er1372-minimize{display:none!important}
@media(min-width:1024px){
 /* Modeless: the roster stays readable, scrollable and available for browsing. */
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost:has(.er1372-shift){pointer-events:none!important;background:transparent!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost:has(.er1372-shift)::before{display:none!important;content:none!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost:has(.er1372-shift)>.modal-overlay{pointer-events:none!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .modal.er1372-shift{position:fixed!important;top:14px!important;right:18px!important;bottom:auto!important;left:auto!important;margin:0!important;pointer-events:auto!important;width:480px!important;min-width:0!important;max-width:480px!important;height:auto!important;max-height:calc(100dvh - 28px)!important;border:1px solid #b8cba9!important;border-radius:12px!important;box-shadow:0 12px 38px #1d3c2b38!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .modal-head{min-height:55px!important;padding:10px 12px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .modal-head:before{left:12px!important;top:8px!important;font-size:8px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .modal-head h2{font-size:17px!important;margin:9px auto 0 0!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .modal-head .modal-x{height:29px!important;min-height:29px!important;width:29px!important;min-width:29px!important;flex-basis:29px!important;margin-left:6px!important}
 html body #modalHost .er1372-shift .er1372-minimize{display:grid!important;place-items:center!important;flex:0 0 29px!important;height:29px!important;width:29px!important;padding:0!important;margin-left:8px!important;border:1px solid #76946b!important;border-radius:7px!important;background:#3d674b!important;color:#f7f6e9!important;font-size:21px!important;line-height:1!important;cursor:pointer!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .modal-body{padding:8px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1367-form-column>.er932-section,
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1370-instructions{padding:8px 9px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er932-team-row{min-height:37px!important;padding:6px 8px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er962-client-trigger{min-height:39px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er932-label{margin-bottom:5px!important;font-size:9px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift :is(.er1322-time-face,.er1028-date-button){height:35px!important;min-height:35px!important;padding:6px 7px!important;font-size:12px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1028-date-shell{height:35px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1337-total-time{min-height:25px!important;padding:4px 7px!important;margin-top:5px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1337-total-time strong{font-size:12px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1023-roster-guard:not(.warn):not(.block){min-height:28px!important;padding:4px 6px!important;gap:6px!important}
 html body #modalHost .er1372-shift .er1023-roster-guard:not(.warn):not(.block) .copy small{display:none!important}
 html body #modalHost .er1372-shift .er1023-roster-guard:not(.warn):not(.block) .ic{width:19px!important;height:19px!important;min-width:19px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift textarea#m_notes{height:62px!important;min-height:62px!important;font-size:12px!important}
 html body #modalHost .er1372-shift .er1367-section-heading p{font-size:9px!important;margin:4px 0 6px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1370-settings>section{grid-template-columns:80px minmax(0,1fr)!important;padding:5px 9px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1370-colour .er1367-colour{min-height:34px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .modal-foot{padding:8px 10px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .modal-foot button{min-height:32px!important;padding:6px 10px!important;font-size:11px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .modal-foot .er932-foot-save{min-width:124px!important}
 html body:has(#modalHost .er1372-shift) #app .main{overflow-y:auto!important;pointer-events:auto!important}
 html body:has(#modalHost .er1372-shift) #er1121Messenger .er1121-launcher,
 html body:has(#modalHost .er1372-shift) #er1121Messenger .er1121-drawer{right:512px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift.er1372-minimized{top:auto!important;bottom:16px!important;width:270px!important;max-width:270px!important;height:55px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift.er1372-minimized:has(#er963NotesSheet){height:55px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift.er1372-minimized .modal-head{height:55px!important;min-height:55px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift.er1372-minimized>.modal-body,
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift.er1372-minimized>.modal-foot{display:none!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift.er1372-minimized .modal-body:has(#er963NotesSheet){display:none!important}
}
/* Short recurrence popup instead of a separate page. */
html body #er1372-repeat-host{position:fixed!important;inset:0!important;z-index:2147483000!important;background:#183a2526!important;display:block!important}
html body #er1372-repeat-host .er1372-repeat-card{position:fixed!important;display:block!important;box-sizing:border-box!important;width:320px!important;max-width:calc(100vw - 24px)!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 24px)!important;overflow-y:auto!important;border:1px solid #b8caa7!important;border-radius:12px!important;padding:14px!important;background:#edf2e3!important;color:#34563b!important;box-shadow:0 12px 34px #183b2c40!important;animation:none!important;transition:none!important;overscroll-behavior:contain!important}
html body #er1372-repeat-host header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0 0 14px!important;padding:0!important;border:0!important;background:none!important}
html body #er1372-repeat-host h3{font-size:16px!important;line-height:1.3!important;margin:0!important;color:#2e573b!important}
html body #er1372-repeat-host header button{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;padding:0!important;border:1px solid #c5d2b6!important;border-radius:7px!important;background:#e5edda!important;color:#52704a!important;font-size:20px!important;cursor:pointer!important}
html body #er1372-repeat-host .er1372-repeat-fields{display:grid!important;grid-template-columns:minmax(0,1fr) 86px!important;gap:10px!important}
html body #er1372-repeat-host label{display:grid!important;gap:6px!important;min-width:0!important;font-size:11px!important;font-weight:650!important;color:#617b52!important}
html body #er1372-repeat-host select{width:100%!important;min-width:0!important;min-height:39px!important;height:39px!important;padding:7px 22px 7px 9px!important;margin:0!important;border:1px solid #b9cda6!important;border-radius:7px!important;background:#f4f6e9!important;color:#36563a!important;font:500 13px/1.3 Inter,system-ui,sans-serif!important;box-shadow:none!important}
html body #er1372-repeat-host select:disabled{opacity:.5!important}
html body #er1372-repeat-host .er1372-repeat-caption{display:grid!important;gap:4px!important;margin:12px 0 0!important;font-size:11px!important;color:#496b41!important;line-height:1.4!important}
html body #er1372-repeat-host .er1372-repeat-caption small{font-size:10px!important;color:#819171!important}
html body #er1372-repeat-host footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;margin:14px 0 0!important;padding:0!important;border:0!important;background:none!important}
html body #er1372-repeat-host footer button{min-height:34px!important;min-width:65px!important;padding:7px 11px!important;border:1px solid #bdcdad!important;border-radius:7px!important;background:#f2f4e7!important;color:#527044!important;font-size:11px!important;font-weight:650!important;cursor:pointer!important}
html body #er1372-repeat-host [data-er1372="repeat-done"]{background:#306343!important;color:#fffef0!important;border-color:#306343!important}
html body #er1372-repeat-host :is(button,select):focus-visible{outline:2px solid #3c7c51!important;outline-offset:2px!important}
@media(max-width:1023px){
 html body #er1372-repeat-host{display:flex!important;align-items:flex-end!important;justify-content:center!important;padding:12px 12px calc(12px + var(--er1328-safe-bottom,env(safe-area-inset-bottom,0px)))!important;box-sizing:border-box!important}
 html body #er1372-repeat-host .er1372-repeat-card{position:relative!important;inset:auto!important;flex:0 0 auto!important;align-self:flex-end!important;width:min(360px,100%)!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 24px - var(--er1328-safe-top,env(safe-area-inset-top,0px)) - var(--er1328-safe-bottom,env(safe-area-inset-bottom,0px)))!important;padding:15px!important;border-radius:14px!important}
 html body #er1372-repeat-host .er1372-repeat-fields{grid-template-columns:minmax(0,1fr) 90px!important}
 html body #er1372-repeat-host select{min-height:44px!important;height:44px!important;font-size:16px!important}
 html body #er1372-repeat-host footer button{min-height:40px!important;font-size:12px!important;min-width:76px!important}
 html body #modalHost .er1372-visibility select#m_status{font-size:16px!important;width:170px!important;min-height:40px!important;height:40px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1372-repeat-trigger{min-height:40px!important;font-size:13px!important}
}