/* EarthRoster V1452.167: truly slim Add/Edit Shift form. Scoped to shift dialog only.
   Preserve original functional controls, icons, total hours and editable instructions. */
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-shell{gap:3px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-header{height:23px!important;min-height:23px!important;gap:5px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-heading{font-size:13.5px!important;line-height:19px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-collapse{height:24px!important;min-height:24px!important;width:26px!important;padding:2px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-summary.is-expanded .er163-staff-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:3px 5px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-summary.is-expanded .er163-person{display:grid!important;grid-template-columns:23px minmax(0,1fr) 14px!important;grid-template-rows:14px 12px!important;column-gap:5px!important;row-gap:0!important;align-items:center!important;align-content:center!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:3px 5px!important;border-left-width:3px!important;border-radius:6px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-summary.is-expanded .er163-person-avatar{grid-column:1!important;grid-row:1/3!important;width:23px!important;height:23px!important;flex:0 0 23px!important;font-size:9px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-summary.is-expanded .er163-person-name{grid-column:2!important;grid-row:1!important;font-size:12px!important;line-height:14px!important;font-weight:750!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-summary.is-expanded .er163-person-hours{grid-column:2!important;grid-row:2!important;font-size:10.5px!important;line-height:12px!important;font-weight:550!important;white-space:nowrap!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-summary.is-expanded .er163-person-tick{grid-column:3!important;grid-row:1/3!important;width:14px!important;height:14px!important;flex-basis:14px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-summary.is-expanded .er163-person-tick .er164-ico{width:10px!important;height:10px!important;flex-basis:10px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-total{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:4px!important;height:27px!important;min-height:27px!important;padding:2px 6px!important;border-radius:6px!important;font-size:10px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-total>span{display:inline-flex!important;align-items:center!important;min-width:0!important;gap:3px!important;white-space:nowrap!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-total .er164-ico{width:12px!important;height:12px!important;flex-basis:12px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-total button{margin-left:auto!important;min-height:23px!important;padding:0 1px!important;font-size:10.5px!important;white-space:nowrap!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-summary.is-collapsed .er163-staff-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:0!important;min-height:53px!important;height:53px!important;padding:2px 1px!important;overflow:hidden!important;border-radius:7px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .is-collapsed .er163-person{display:grid!important;grid-template-columns:minmax(0,1fr) 10px!important;grid-template-rows:20px 12px 11px!important;align-content:center!important;justify-items:center!important;height:47px!important;min-height:47px!important;gap:0!important;padding:0 1px!important;overflow:hidden!important;position:relative!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .is-collapsed .er163-person-avatar{grid-column:1/-1!important;grid-row:1!important;width:20px!important;height:20px!important;flex:0 0 20px!important;font-size:8px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .is-collapsed .er163-person-name{grid-column:1/-1!important;grid-row:2!important;font-size:9.5px!important;line-height:12px!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .is-collapsed .er163-person-hours{grid-column:1!important;grid-row:3!important;font-size:9px!important;line-height:11px!important;white-space:nowrap!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .is-collapsed .er163-person-tick{grid-column:2!important;grid-row:3!important;width:10px!important;height:10px!important;flex-basis:10px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .is-collapsed .er163-person-tick .er164-ico{width:8px!important;height:8px!important;flex-basis:8px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er1367-main, .er1367-form-column, .er1367-form-grid{gap:5px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design :is(.er1367-client,.er1367-schedule,.er1367-staff,.er1370-instructions){padding:6px 8px!important;border-radius:9px!important;box-shadow:none!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er932-label{margin:0 0 4px!important;gap:5px!important;min-height:20px!important;line-height:20px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er932-label span,.er1367-section-heading h3{font-size:13.5px!important;line-height:18px!important;font-weight:750!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er932-label>.er164-ico, .er163-staff-heading>.er164-ico{width:17px!important;height:17px!important;flex-basis:17px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er1395-client-heading{min-height:23px!important;gap:4px!important;margin-bottom:4px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er932-add-client-link{min-height:26px!important;padding:3px 7px!important;font-size:11px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er962-client-trigger{height:48px!important;min-height:48px!important;padding:4px 8px!important;gap:8px!important;border-radius:7px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er164-client-badge{width:33px!important;height:33px!important;border-radius:7px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er164-client-badge .er164-ico{width:20px!important;height:20px!important;flex-basis:20px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er962-client-copy b{font-size:13.5px!important;line-height:17px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er962-client-copy small{font-size:11px!important;line-height:13px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er1337-start-finish-grid{gap:5px 8px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er1337-date-field{min-height:34px!important;gap:5px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er932-field label{font-size:11.5px!important;line-height:15px!important;margin-bottom:3px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er164-date-wrap{min-height:34px!important;height:34px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er1322-time-wrap,.er1322-time-wrap .er1322-time-face{height:34px!important;min-height:34px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er1322-time-wrap .er1322-time-face{font-size:12.5px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er164-onsite{height:27px!important;min-height:27px!important;padding:3px 7px!important;font-size:11.5px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er164-onsite .er164-ico{width:16px!important;height:16px!important;flex-basis:16px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er1367-section-heading{gap:5px!important;min-height:22px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er1367-section-heading p{font-size:11px!important;line-height:14px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-checklist,.er163-publishing>summary{min-height:33px!important;height:33px!important;padding:5px 8px!important;font-size:12px!important;border-radius:8px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design #m_notes{height:150px!important;min-height:150px!important;max-height:none!important;margin-top:5px!important;padding:9px!important;font-size:14px!important;line-height:1.45!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .modal-body{min-height:0!important;flex:1 1 auto!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:24px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .modal-foot{flex-shrink:0!important;position:relative!important;z-index:3!important}
@media(max-width:760px){
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design {width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:0!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .modal-head{height:54px!important;min-height:54px!important;padding:5px 10px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .modal-head h2{font-size:18px!important;line-height:23px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-back,.modal-x{width:32px!important;height:32px!important;min-height:32px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .modal-body{padding:5px 7px 24px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .modal-foot{min-height:52px!important;padding:5px 7px calc(5px + env(safe-area-inset-bottom))!important;gap:5px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .modal-foot :is(.er932-foot-cancel,.er163-save-draft,.er163-publish-now){min-height:42px!important;height:42px!important;font-size:12px!important;padding:5px 3px!important}
}
@media(max-width:355px){
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-summary.is-expanded .er163-person{grid-template-columns:21px minmax(0,1fr) 13px!important;column-gap:3px!important;padding:3px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-summary.is-expanded .er163-person-avatar{width:21px!important;height:21px!important;flex-basis:21px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-summary.is-expanded .er163-person-name{font-size:11px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-total{font-size:9.2px!important;gap:2px!important;padding:2px 3px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-total .er164-ico{width:10px!important;height:10px!important;flex-basis:10px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .is-collapsed .er163-person-name{font-size:8.5px!important}
}
@media(min-width:761px){
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er1367-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .modal-body{padding:9px 11px 24px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-summary.is-expanded .er163-person{height:36px!important;min-height:36px!important}
}