/* Keep the compact scale, but separate essentials from always-visible instructions and options. */
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .modal.er1370-shift{max-width:930px!important;width:min(930px,calc(100vw - 36px))!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1370-shift .modal-body{padding:14px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1370-shift .er1367-form-grid{gap:12px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1370-shift .er1367-form-column{gap:11px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1370-shift .er1367-form-column>.er932-section{padding:11px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1370-shift .er1370-instructions{display:block!important;background:#f4f6e9!important;border:1px solid #c8d6b8!important;border-radius:9px!important;margin:0!important;padding:11px!important}
html body .er1370-instructions .er1367-section-heading h3{font-size:12px!important;margin:0!important;color:#365738!important}
html body .er1370-instructions .er1367-section-heading p{font-size:10px!important;line-height:1.4!important;margin:4px 0 8px!important;color:#718065!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1370-shift textarea#m_notes{height:90px!important;min-height:90px!important;font-size:13px!important;line-height:1.45!important;resize:vertical!important;background:#edf3e3!important}
.er1370-job-details{display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;min-height:36px;margin-top:9px;padding:7px 9px;border:1px solid #c7d6b7;border-radius:7px;background:#e6edda;color:#3b603c;font-size:10px;font-weight:650;cursor:pointer;text-align:left}
.er1370-job-details>b{font-size:18px;line-height:1}
.er1370-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;min-width:0;align-items:start}
.er1370-settings>section{min-width:0;padding:11px;border:1px solid #c8d6b8;border-radius:9px;background:#e8efdd}
.er1370-settings h3{font-size:10px;color:#536d46;margin:0 0 8px;font-weight:750;letter-spacing:.035em;text-transform:uppercase}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1370-shift .er1370-repeat .er932-trigger{display:flex!important;width:100%!important;min-height:43px!important;margin:0!important;padding:8px 9px!important;background:#f2f5e8!important;border:1px solid #ccd9bc!important;border-radius:7px!important;box-shadow:none!important}
.er1370-repeat .er932-trigger b{font-size:11px!important}.er1370-repeat .er932-trigger small{font-size:10px!important;line-height:1.35!important;margin-top:3px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1370-shift .er1370-colour .er1367-colour{display:flex!important;flex-wrap:wrap!important;align-items:center!important;min-height:43px!important;margin:0!important;padding:6px 8px!important;border:1px solid #ccd9bc!important;border-radius:7px!important;background:#f2f5e8!important;box-shadow:none!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1370-shift .er1370-colour .er1367-colour .left{font-size:11px!important;gap:8px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1370-shift .er1370-colour .er1367-colour>button{min-height:30px!important;height:30px!important;padding:5px 9px!important;font-size:10px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1370-shift .er1367-publish-row{margin-top:12px!important}
.er1370-profile-alerts{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:12px 0;padding:12px 13px;border:1px solid #c7d5b8;border-radius:9px;background:#e8eedf;color:#365539}
.er1370-profile-alerts>div{display:grid;gap:4px}.er1370-profile-alerts strong{font-size:12px}.er1370-profile-alerts small{font-size:10px;color:#6d7c61;line-height:1.35}.er1370-profile-alerts>span{display:flex;gap:6px;flex-wrap:wrap}.er1370-profile-alerts button{min-height:34px;padding:6px 10px;border:1px solid #b9cba8;border-radius:7px;background:#f3f5e9;color:#355c3c;font-size:10px;font-weight:650;cursor:pointer}.er1370-profile-alerts button:disabled{opacity:.6;cursor:wait}
.er1370-profile-alerts{display:grid;grid-template-columns:minmax(0,1fr) auto}.er1370-profile-alerts>div{min-width:0}.er1370-profile-alerts>span{max-width:120px}
html body #modalHost .er1370-shift .er1370-colour .colour-picker{background:#e6edda!important;border-color:#c7d5b8!important;border-radius:9px!important;padding:9px!important;box-shadow:none!important}
html body #modalHost .er1370-shift .er1370-colour .colour-swatches{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
html body #modalHost .er1370-shift .er1370-colour .colour-option{min-width:0!important;min-height:34px!important;padding:7px!important;border-radius:7px!important;background:#f2f5e8!important;gap:6px!important;box-shadow:none!important}
html body #modalHost .er1370-shift .er1370-colour .colour-option b{font-size:10px!important}
html body #modalHost .er1370-shift .er1370-colour .colour-option.is-sel{background:#dbe8cf!important;border-color:#96b17f!important}
/* Use the existing job-details editor as a focused sub-page, preserving its save/discard actions. */
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1370-shift:has(#er963NotesSheet){height:min(760px,calc(100dvh - 36px))!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1370-shift .modal-body:has(#er963NotesSheet){display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:12px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1370-shift .modal-body:has(#er963NotesSheet)>.er932-layout{display:none!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1370-shift:has(#er963NotesSheet)>.modal-foot{display:none!important}
html body #modalHost .er1370-shift #er963NotesSheet.er963-inline-panel{position:static!important;inset:auto!important;display:flex!important;flex-direction:column!important;flex:1 1 auto!important;height:100%!important;max-height:none!important;min-height:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#eef2e3!important;border:1px solid #c5d3b5!important;border-radius:9px!important;box-shadow:none!important;overflow:hidden!important}
html body #modalHost .er1370-shift #er963NotesSheet .er963-sheet-head{flex:0 0 auto!important;padding:12px!important;border-bottom:1px solid #d1dbc5!important;background:#e3ecd6!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
html body #modalHost .er1370-shift #er963NotesSheet .er963-sheet-head h3{font-size:16px!important;margin:3px 0!important;color:#2d563a!important}
html body #modalHost .er1370-shift #er963NotesSheet .er963-sheet-head p{font-size:10px!important;margin:0!important;color:#6c7e60!important}
html body #modalHost .er1370-shift #er963NotesSheet .er963-sheet-kicker{font-size:8px!important;color:#718566!important}
html body #modalHost .er1370-shift #er963NotesSheet .er963-sheet-close{position:static!important;width:auto!important;min-width:54px!important;height:32px!important;min-height:32px!important;padding:6px 10px!important;border:1px solid #bccfae!important;border-radius:7px!important;background:#f5f6ec!important;color:#365c3b!important;font-size:11px!important}
html body #modalHost .er1370-shift #er963NotesSheet .er963-sheet-body{flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;padding:12px!important;overscroll-behavior:contain!important}
html body #modalHost .er1370-shift #er963NotesSheet .er963-block{margin:0 0 10px!important;padding:11px!important;background:#f7f7ed!important;border:1px solid #d2dcc6!important;border-radius:8px!important}
html body #modalHost .er1370-shift #er963NotesSheet .er995-notes-block{display:none!important}
html body #modalHost .er1370-shift #er963NotesSheet .er995-attach-copy{display:block!important;font-size:10px!important;line-height:1.4!important;color:#718367!important;margin:0 0 8px!important}
html body #modalHost .er1370-shift #er963NotesSheet .er995-attach-pick{display:flex!important;align-items:center!important;gap:10px!important;min-height:48px!important;padding:9px 10px!important;border:1px dashed #aabd97!important;border-radius:7px!important;background:#edf3e2!important;cursor:pointer!important}
html body #modalHost .er1370-shift #er963NotesSheet .er995-attach-ic{width:28px!important;height:28px!important;min-width:28px!important;display:grid!important;place-items:center!important}
html body #modalHost .er1370-shift #er963NotesSheet .er995-attach-ic svg{width:20px!important;height:20px!important}
html body #modalHost .er1370-shift #er963NotesSheet .er995-attach-pick b{display:block!important;font-size:11px!important;color:#385c3c!important}
html body #modalHost .er1370-shift #er963NotesSheet .er995-attach-pick small{display:block!important;font-size:9px!important;line-height:1.4!important;color:#718367!important;margin-top:3px!important}
html body #modalHost .er1370-shift #er963NotesSheet .er995-attach-list{display:grid!important;gap:7px!important;margin-top:9px!important}
html body #modalHost .er1370-shift #er963NotesSheet .er995-attach-row{display:grid!important;grid-template-columns:30px minmax(0,1fr) 30px!important;align-items:center!important;gap:8px!important;padding:7px!important;border:1px solid #d0dcc1!important;border-radius:7px!important;background:#edf2e4!important;min-width:0!important}
html body #modalHost .er1370-shift #er963NotesSheet .er995-attach-thumb{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;overflow:hidden!important;border-radius:6px!important;background:#dfe9d3!important}
html body #modalHost .er1370-shift #er963NotesSheet .er995-attach-thumb svg{width:17px!important;height:17px!important}
html body #modalHost .er1370-shift #er963NotesSheet .er995-attach-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
html body #modalHost .er1370-shift #er963NotesSheet .er995-attach-meta{min-width:0!important}.er1370-shift .er995-attach-meta b{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:11px!important}.er1370-shift .er995-attach-meta small{display:block!important;font-size:9px!important;margin-top:3px!important}
html body #modalHost .er1370-shift #er963NotesSheet .er995-attach-remove,html body #modalHost .er1370-shift #er963NotesSheet .er963-remove{width:28px!important;height:30px!important;border:1px solid #cccfb8!important;border-radius:6px!important;background:#f1efe1!important;color:#7b5f43!important;font-size:17px!important}
html body #modalHost .er1370-shift #er963NotesSheet .er963-add-item{min-height:32px!important;padding:6px 9px!important;border:1px solid #bdcfae!important;border-radius:6px!important;background:#e6efdb!important;color:#3a603a!important;font-size:10px!important}
html body #modalHost .er1370-shift #er963NotesSheet .er963-signoff{display:flex!important;align-items:flex-start!important;gap:9px!important;padding:9px!important;border:1px solid #c6d6b6!important;border-radius:7px!important;background:#edf3e3!important}
html body #modalHost .er1370-shift #er963NotesSheet .er963-signoff input{width:18px!important;height:18px!important;min-width:18px!important;margin:0!important;accent-color:#356a43!important}
html body #modalHost .er1370-shift #er963NotesSheet .er963-signoff input{appearance:auto!important;-webkit-appearance:checkbox!important;background:initial!important;transform:none!important;box-shadow:none!important}
html body #modalHost .er1370-shift #er963NotesSheet .er963-signoff input:before,html body #modalHost .er1370-shift #er963NotesSheet .er963-signoff input:after{display:none!important;content:none!important}
html body #modalHost .er1370-shift #er963NotesSheet .er963-signoff b{display:block!important;font-size:11px!important;color:#36573b!important}.er1370-shift .er963-signoff small{display:block!important;font-size:9px!important;line-height:1.45!important;color:#738367!important;margin-top:4px!important}
html body #modalHost .er1370-shift #er963NotesSheet .er963-block-head{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:5px!important;margin-bottom:8px!important}
html body #modalHost .er1370-shift #er963NotesSheet .er963-block-head strong{font-size:12px!important;color:#355839!important}
html body #modalHost .er1370-shift #er963NotesSheet .er963-block-head span{font-size:9px!important;color:#758568!important}
html body #modalHost .er1370-shift #er963NotesSheet #er963Notes{min-height:78px!important;width:100%!important;max-width:100%!important;padding:9px!important;border:1px solid #c6d4b7!important;border-radius:7px!important;background:#eef3e4!important;font-size:13px!important;line-height:1.4!important;color:#304e35!important;box-sizing:border-box!important}
html body #modalHost .er1370-shift #er963NotesSheet .er963-check-row{display:flex!important;align-items:center!important;gap:8px!important;margin:6px 0!important;min-width:0!important}
html body #modalHost .er1370-shift #er963NotesSheet .er963-check-input{flex:1 1 0!important;min-width:0!important;max-width:100%!important;padding:9px!important;border:1px solid #c6d4b7!important;border-radius:7px!important;background:#eef3e4!important;font-size:13px!important;color:#304e35!important}
html body #modalHost .er1370-shift #er963NotesSheet .er963-sheet-foot{flex:0 0 auto!important;display:flex!important;justify-content:flex-end!important;gap:8px!important;padding:10px 12px!important;border-top:1px solid #ccd8bf!important;background:#e3ecd6!important}
html body #modalHost .er1370-shift #er963NotesSheet .er963-sheet-foot button{min-height:36px!important;padding:8px 13px!important;border:1px solid #b5c9a7!important;border-radius:7px!important;background:#f2f5e7!important;color:#385a36!important;font-size:11px!important;font-weight:700!important}
html body #modalHost .er1370-shift #er963NotesSheet .er963-sheet-foot .er963-done{background:#306443!important;color:white!important;border-color:#306443!important}
@media(max-width:900px){.er1370-settings{grid-template-columns:1fr;gap:10px}.er1370-settings>section{padding:10px}}
@media(max-width:760px){
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .modal.er1370-shift{width:100%!important;max-width:100%!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1370-shift .modal-body{padding:11px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1370-shift textarea#m_notes{font-size:16px!important;height:88px!important;min-height:88px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1370-shift:has(#er963NotesSheet){height:100dvh!important}
 html body #modalHost .er1370-shift #er963NotesSheet :is(#er963Notes,.er963-check-input){font-size:16px!important}
 .er1370-job-details{min-height:40px;font-size:11px}.er1370-profile-alerts button{min-height:38px}
}