/* Warm neutral surfaces; forest green remains the app's navigation and action colour. */
html body.ww-app-visible{--er-bg:#eeece3;--er-surface:#faf8f2;--er-line:#deded1;--er-ink:#304638;--er-muted:#72796b;--bg:#eeece3;--paper:#faf8f2;--cream-50:#faf8f2;--cream-100:#f3f1e8}
html body.ww-app-visible #app :is(.shell,.main,.content,.page){background:#eeece3!important;background-image:none!important}
html body.ww-app-visible #app#app#app>.shell>.main>header.topbar{background:#f7f5ed!important;background-image:none!important;border-color:#deded1!important}
html body.ww-app-visible #app .er1319-sidebar .nav-item.active{background:#c1d1a8!important;color:#23452f!important}
html body.ww-app-visible #app .card{background:#faf8f2!important;border-color:#deded1!important}
html body.ww-app-visible #app :is(.er1319-metric,.pf2-card,.pf2-link,.directory-hub-card,.dir-preview-card,.doc-card,.person-card,.client-card,.cv-card){background:#faf8f2!important;border-color:#deded1!important}
html body.ww-app-visible #app :is(.input,.er932-input){background-color:#fffdf7!important;border-color:#d7d7ca!important}
html body.ww-app-visible #app .topbar-actions :is(.icon-btn,.top-profile){background:#f0eee5!important;border-color:#dddcd0!important}
html body.ww-app-visible #modalHost .modal:not(.er1372-shift){background:#faf8f2!important}
html body.ww-app-visible #modalHost .modal:not(.er1372-shift) :is(.modal-head,.modal-foot){background:#f3f1e8!important;border-color:#dfddd2!important}
html body.ww-app-visible #modalHost .modal:not(.er1372-shift)>.modal-body{background:#faf8f2!important}
/* A single form surface and subtle dividers replace stacked green cards. */
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift{background:#faf8f2!important;border-color:#d7d5c9!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .modal-head{background:#faf8f2!important;color:#284b38!important;border-bottom:1px solid #dfddd3!important;min-height:56px!important;padding:12px 14px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .modal-head::before{display:none!important;content:none!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .modal-head h2::before{display:none!important;content:none!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .modal-head h2{color:#284b38!important;font-size:18px!important;font-weight:650!important;letter-spacing:-.3px!important;margin:0 auto 0 0!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .modal-head :is(.modal-x,.er1372-minimize){background:#f0eee5!important;color:#536659!important;border:1px solid #dddcd1!important;border-radius:8px!important;box-shadow:none!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .modal-body{background:#faf8f2!important;padding:0 14px 10px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1367-main{gap:0!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1367-form-grid{gap:0!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1367-form-column>.er932-section{background:transparent!important;border:0!important;border-bottom:1px solid #e3e0d6!important;border-radius:0!important;padding:12px 0!important;margin:0!important;box-shadow:none!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er932-label{text-transform:none!important;letter-spacing:0!important;font-size:11px!important;font-weight:650!important;color:#536252!important;margin-bottom:7px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er932-label svg{display:none!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er932-add-client-link{top:6px!important;right:0!important;color:#3e654a!important;font-size:11px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift :is(.er932-team-row,.er962-client-trigger){background:#f3f1e8!important;border:1px solid #dddccf!important;border-radius:8px!important;box-shadow:none!important;padding:8px 9px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift :is(.er932-team-row .names,.er962-client-copy b){font-weight:600!important;color:#304638!important;font-size:13px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er962-client-copy small{font-size:11px!important;color:#73786c!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er932-team-row .edit{font-size:11px!important;color:#48664c!important;font-weight:600!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er932-field>label{font-size:10px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;color:#6a7163!important;margin-bottom:6px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift :is(.er1322-time-face,.er1028-date-button){background:#fffdf7!important;border:1px solid #d7d7ca!important;color:#354c3a!important;border-radius:7px!important;font-weight:550!important;box-shadow:none!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1337-total-time{background:transparent!important;border:0!important;border-radius:0!important;padding:7px 0 0!important;margin-top:0!important;min-height:24px!important;color:#73796c!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1337-total-time strong{font-size:12px!important;color:#4b604b!important;font-weight:600!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1023-roster-guard:not(.warn):not(.block){background:transparent!important;border:0!important;padding:7px 0 0!important;gap:6px!important;min-height:24px!important;box-shadow:none!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1023-roster-guard:not(.warn):not(.block) .ic{background:#e8eddf!important;color:#54704f!important;width:20px!important;height:20px!important;min-width:20px!important;border-radius:50%!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1023-roster-guard:not(.warn):not(.block) .copy b{font-size:11px!important;font-weight:550!important;color:#66765e!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1023-roster-guard:not(.warn):not(.block) .copy small{display:none!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1370-instructions{background:transparent!important;border:0!important;border-bottom:1px solid #e3e0d6!important;border-radius:0!important;padding:12px 0!important;margin:0!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1367-section-heading h3{color:#536252!important;font-size:11px!important;font-weight:650!important;letter-spacing:0!important;margin:0!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1367-section-heading p{color:#7a7d70!important;font-size:10px!important;margin:4px 0 8px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift textarea#m_notes{background:#fffdf7!important;border-color:#d7d7ca!important;color:#354b3b!important;border-radius:8px!important;padding:9px 10px!important;font-size:12px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1370-job-details{background:transparent!important;border:0!important;border-radius:5px!important;color:#42654a!important;padding:4px 0!important;font-size:11px!important;min-height:30px!important;margin-top:5px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1370-settings.er1373-options{background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important;padding:6px 0 0!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1370-settings.er1373-options>section{background:transparent!important;border:0!important;padding:5px 0!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1370-settings.er1373-options>section>h3{font-size:10px!important;letter-spacing:0!important;text-transform:none!important;font-weight:600!important;color:#6a7163!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1372-visibility>label{font-size:10px!important;letter-spacing:0!important;text-transform:none!important;font-weight:600!important;color:#6a7163!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1370-repeat .er1372-repeat-trigger{background:#f3f1e8!important;border-color:#deddd0!important;color:#3c5340!important;font-weight:500!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1370-colour .er1367-colour{background:#f3f1e8!important;border-color:#deddd0!important;color:#3c5340!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1370-colour .er1367-colour .left{font-weight:500!important;font-size:11px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1370-colour .er1367-colour>button{background:transparent!important;border:0!important;color:#48664c!important;font-weight:550!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1372-visibility select#m_status{background-color:#f3f1e8!important;border-color:#deddd0!important;color:#6c725e!important;font-weight:550!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1372-visibility[data-visibility="Published"] select#m_status{background-color:#e9efdf!important;border-color:#c6d2b7!important;color:#436341!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1370-colour .colour-picker{background:#eeeee3!important;border-color:#d9dccb!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1370-colour .colour-option{background:#faf9f1!important;border-color:#d9dccb!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1370-colour .colour-option.is-sel{background:#e4edda!important;border-color:#8ca17b!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .modal-foot{background:#f3f1e8!important;border-top:1px solid #dfddd2!important;padding:10px 14px!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .modal-foot .er932-foot-cancel{background:transparent!important;border-color:transparent!important;color:#697460!important;box-shadow:none!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .modal-foot .er932-foot-save{background:#355e42!important;border-color:#355e42!important;color:#fffdf3!important;box-shadow:none!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift #er963NotesSheet{background:#faf8f2!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift #er963NotesSheet :is(.er963-sheet-head,.er963-sheet-foot){background:#f3f1e8!important;border-color:#dfddd2!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift #er963NotesSheet .er963-sheet-body{background:#faf8f2!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift #er963NotesSheet :is(.er963-block,.er963-signoff,.er995-attach-row){background:#f4f2e9!important;border-color:#deddd0!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift :is(.er933-staff-dropdown,.er962-client-dropdown){background:#faf8f2!important;border-color:#deddd0!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er932-staff-row{background:#f7f5ed!important;border-color:#deddd0!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er932-staff-row.on{background:#e9efdf!important;border-color:#b7c9a7!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift #er963NotesSheet :is(.er963-check-input,#er963Notes){background:#fffdf7!important;border-color:#d7d7ca!important;color:#354b3b!important}
html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er932-panel{background:#faf8f2!important;border-color:#dddccf!important}
@media(max-width:1023px){
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .modal-head{min-height:62px!important;padding:calc(10px + var(--er1328-safe-top,env(safe-area-inset-top,0px))) 15px 10px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .modal-head h2{font-size:19px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .modal-head .modal-x{width:40px!important;height:40px!important;min-width:40px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .modal-body{padding:0 16px 12px!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:13px 0!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift :is(.er932-label,.er1367-section-heading h3){font-size:12px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er932-field>label{font-size:11px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift :is(.er1322-time-face,.er1028-date-button){font-size:16px!important;min-height:44px!important;height:44px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1028-date-shell{height:44px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift textarea#m_notes{font-size:16px!important;min-height:80px!important;height:80px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1370-job-details{min-height:40px!important;font-size:12px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er932-team-row{min-height:48px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .er1370-settings.er1373-options>section{min-height:46px!important}
 html body.modal-open.ww-app-visible[data-modal-type="shift"] #modalHost#modalHost .er1372-shift .modal-foot{padding:10px 16px calc(10px + var(--er1328-safe-bottom,env(safe-area-inset-bottom,0px)))!important}
}