/* Narrow desktop job editor. All controls remain in the same workspace. */
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .modal.er1371-shift{width:min(660px,calc(100vw - 32px))!important;min-width:0!important;max-width:660px!important;max-height:calc(100dvh - 28px)!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-shift .modal-body{padding:10px!important;scrollbar-gutter:stable;overflow-anchor:none!important;scroll-behavior:auto!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-shift .er1367-main{gap:8px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-shift .er1367-form-grid{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-shift .er1367-form-column{display:contents!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-shift .er1367-form-column>.er932-section,
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-shift .er1370-instructions{padding:9px 10px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-shift .er1367-client{position:relative!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-shift .er1367-client>.er932-label{padding-right:130px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-shift .er932-add-client-link{position:absolute!important;right:10px!important;top:3px!important;margin:0!important;min-height:26px!important;padding:5px 0!important;font-size:10px!important}
@media(min-width:761px){
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-shift .er1367-schedule>.er932-label{display:none!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-shift .er1337-start-finish-grid>.er932-field{display:block!important;align-self:start!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-shift .er1028-date-shell{height:38px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-shift .er1023-roster-guard{padding:5px 7px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-shift .er962-client-trigger{min-height:40px!important;padding:6px 8px!important}
}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-shift textarea#m_notes{height:64px!important;min-height:64px!important;font-weight:500!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-shift .er1370-job-details{min-height:32px!important;margin-top:7px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-shift .er1370-settings{grid-template-columns:1fr!important;gap:8px!important;margin:0!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-shift .er1370-settings>section{display:grid!important;grid-template-columns:105px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;padding:7px 10px!important;border-radius:8px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-shift .er1370-settings h3{font-size:10px!important;margin:0!important;line-height:1.35!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-shift .er1370-settings>section>:not(h3){grid-column:2!important;grid-row:1!important;min-width:0!important;width:100%!important;max-width:none!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-shift .er1370-repeat .er932-trigger{min-height:39px!important;padding:5px 8px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-shift .er1370-colour .er1367-colour{min-height:39px!important;padding:4px 7px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-shift .er1367-publish-row{margin:0!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-shift .er1367-publish{grid-template-columns:105px minmax(0,1fr)!important;padding:7px 10px!important}
/* Focused recurrence on desktop and mobile; canonical fields stay mounted but hidden. */
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-client-view .er932-layout.has-panel{display:block!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-client-view .er1367-main{display:none!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-client-view .er1371-client-card{position:static!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body #modalHost .er1371-client-view .er932-panel{padding:14px!important;border:1px solid #cbd8bd!important;border-radius:10px!important;background:#f4f6eb!important;display:grid!important;gap:16px!important;box-shadow:none!important}
html body #modalHost .er1371-client-view .er932-field{margin:0!important}
html body #modalHost .er1371-client-view .er932-field label{font-size:11px!important;color:#657c58!important}
html body #modalHost .er1371-client-view .er932-field input{min-height:42px!important;background:#edf3e3!important;border:1px solid #bdcfac!important;box-shadow:none!important;font-size:14px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-client-view .modal-foot .er1371-client-save{background:#2c6040!important;border:1px solid #2c6040!important;color:#fffdee!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-repeat-view .er932-layout.has-panel{display:block!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-repeat-view .er1367-main{display:none!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-repeat-view .er1371-repeat-card{display:block!important;position:static!important;width:100%!important;max-width:none!important;min-width:0!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
html body #modalHost .er1371-repeat-view .er932-panel{padding:14px!important;border:1px solid #cbd8bd!important;border-radius:10px!important;background:#f4f6eb!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;gap:14px!important}
html body #modalHost .er1371-repeat-view .er1371-repeat-context{display:grid!important;gap:5px!important;padding:11px 12px!important;border-left:3px solid #799950!important;border-radius:7px!important;background:#e6edd9!important;color:#34573a!important;order:-2!important}
html body #modalHost .er1371-repeat-view .er1371-repeat-context strong{font-size:13px!important}.er1371-repeat-context span{font-size:11px!important;color:#6b7d5e!important;line-height:1.4!important}
html body #modalHost .er1371-repeat-view .er1023-repeat-intro{margin:0!important;padding:0!important;background:none!important;border:0!important}
html body #modalHost .er1371-repeat-view .er1023-repeat-intro strong{font-size:13px!important;color:#34583b!important}.er1371-repeat-view .er1023-repeat-intro small{font-size:11px!important;line-height:1.45!important;font-weight:400!important;margin-top:4px!important;color:#73816b!important}
html body #modalHost .er1371-repeat-view .er1023-repeat-presets{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:0!important;padding:0!important}
html body #modalHost .er1371-repeat-view .er1023-repeat-presets button{min-height:34px!important;padding:7px 12px!important;border:1px solid #c8d8bc!important;border-radius:7px!important;background:#edf2e3!important;font-size:11px!important;color:#476943!important}
html body #modalHost .er1371-repeat-view .er1023-repeat-presets button.on{background:#315f40!important;color:#fbfaee!important;border-color:#315f40!important}
html body #modalHost .er1371-repeat-view .er932-repeat-top{padding:0!important;margin:0!important;min-height:30px!important}.er1371-repeat-view .er932-repeat-top strong{font-size:12px!important;color:#3e5a3c!important}
html body #modalHost .er1371-repeat-view .er932-grid3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;margin:0!important}
html body #modalHost .er1371-repeat-view .er932-field{margin:0!important;min-width:0!important}
html body #modalHost .er1371-repeat-view .er932-field label{display:block!important;font-size:10px!important;margin-bottom:6px!important;color:#657c58!important;font-weight:700!important}
html body #modalHost .er1371-repeat-view .er932-field .input{width:100%!important;min-width:0!important;height:40px!important;min-height:40px!important;padding:8px 10px!important;border:1px solid #bdcfac!important;border-radius:7px!important;background:#edf3e3!important;color:#304f36!important;font-size:13px!important;box-shadow:none!important}
html body #modalHost .er1371-repeat-view .er932-field input[readonly]{color:#6b7e61!important;background:#e9eedf!important}
html body #modalHost .er1371-repeat-view .er932-through{padding:11px 12px!important;margin:0!important;border:1px solid #bdcda8!important;border-radius:8px!important;background:#e3ecd5!important;font-size:11px!important}.er1371-repeat-view .er932-through strong{font-size:13px!important;color:#355d3a!important}
html body #modalHost .er1371-repeat-view .er1023-repeat-carry{margin:0!important;padding:0!important;border:0!important;font-size:10px!important;line-height:1.4!important;color:#708365!important;font-weight:400!important}
html body #modalHost .er1371-repeat-view .er1371-repeat-help{margin:0!important;font-size:10px!important;line-height:1.45!important;color:#708365!important;order:10!important}
html body #modalHost .er1371-repeat-view .er1371-foot-note{font-size:10px!important;color:#6e805f!important;margin-right:auto!important;line-height:1.4!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-repeat-view .modal-foot .er1371-repeat-done{background:#2c6040!important;border:1px solid #2c6040!important;color:#fffdee!important;min-width:110px!important}
@media(max-width:760px){
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .modal.er1371-shift{width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-shift textarea#m_notes{height:88px!important;min-height:88px!important;font-size:16px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-shift .er1370-settings>section{grid-template-columns:80px minmax(0,1fr)!important;padding:7px 8px!important;gap:6px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1371-repeat-view .er932-field .input{font-size:16px!important;min-height:44px!important;height:44px!important}
 html body #modalHost .er1371-repeat-view .er932-panel{padding:12px!important;gap:14px!important}
 html body #modalHost .er1371-repeat-view .er1023-repeat-presets button{min-height:40px!important;padding:7px 10px!important}
 html body #modalHost .er1371-repeat-view .modal-head{padding-top:calc(12px + var(--er1328-safe-top,env(safe-area-inset-top,0px)))!important}
 html body #modalHost .er1371-repeat-view .modal-foot{padding-bottom:calc(8px + var(--er1328-safe-bottom,env(safe-area-inset-bottom,0px)))!important}
 html body #modalHost .er1371-repeat-view .modal-foot .er1371-repeat-done{min-height:42px!important}
}
/* The only app-owned permission UI is the first-login introduction. */
html body #er1368-alert-dialog .er1371-permission-copy{font-size:13px;line-height:1.55;color:#607653;margin:0 0 16px}
html body #er1368-alert-dialog .er1371-permission-icon{display:grid;place-items:center;width:42px;height:42px;background:#dfead2;color:#356342;border-radius:12px;margin:4px 0 13px}
html body #er1368-alert-dialog .er1371-permission-icon svg{width:22px;height:22px}
html body #er1368-alert-dialog .er1371-permission-actions{display:flex;gap:8px;margin-top:16px}
html body #er1368-alert-dialog .er1371-permission-actions button{flex:1;min-height:42px;padding:10px 13px;border:1px solid #bdcead;border-radius:8px;font-size:12px;font-weight:650;background:#f2f5e8;color:#46663f;cursor:pointer}
html body #er1368-alert-dialog .er1371-permission-actions [data-er1368-alert="enable"]{background:#2e6141;border-color:#2e6141;color:#fffef2}
html body #er1368-alert-dialog .er1371-permission-actions button:disabled{opacity:.65;cursor:wait}