/* EarthRoster V1452.166 — compact staff / full-window fix.
   Scope: Add/Edit shift only. Preserve app handlers and icons. */
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-shell{gap:5px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-header{min-height:26px!important;height:26px!important;gap:7px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-heading{font-size:14px!important;line-height:20px!important;letter-spacing:-.01em!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-collapse{width:27px!important;height:27px!important;padding:3px!important;min-height:27px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-summary.is-expanded .er163-staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px 6px!important}
html body[data-modal-type="shift"] #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:25px minmax(0,1fr) 15px!important;grid-template-rows:15px 13px!important;align-items:center!important;align-content:center!important;column-gap:5px!important;row-gap:0!important;height:42px!important;min-height:42px!important;padding:4px 5px!important;border-radius:7px!important;border-left-width:3px!important}
html body[data-modal-type="shift"] #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:25px!important;height:25px!important;flex-basis:25px!important;font-size:10px!important}
html body[data-modal-type="shift"] #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;line-height:15px!important;font-size:12px!important;font-weight:730!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 .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;white-space:nowrap!important}
html body[data-modal-type="shift"] #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:15px!important;height:15px!important;flex-basis:15px!important}
html body[data-modal-type="shift"] #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:11px!important;height:11px!important;flex-basis:11px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-total{min-height:31px!important;height:31px!important;padding:4px 7px!important;gap:4px!important;font-size:10.5px!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-total>span{min-width:0!important;display:inline-flex!important;align-items:center!important;white-space:nowrap!important;gap:2px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-total button{margin-left:auto!important;font-size:11px!important;min-height:25px!important;white-space:nowrap!important;padding:0 2px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-total .er164-ico{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 .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;overflow-x:visible!important;overflow-y:visible!important;min-height:63px!important;padding:3px 2px!important;border-radius:8px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .is-collapsed .er163-person{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;min-width:0!important;max-width:none!important;flex:1 1 0!important;height:57px!important;min-height:57px!important;gap:1px!important;padding:1px!important;text-align:center!important;overflow:visible!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .is-collapsed .er163-person-avatar{width:22px!important;height:22px!important;flex:0 0 22px!important;font-size:9px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .is-collapsed .er163-person-name{max-width:100%!important;font-size:10px!important;line-height:13px!important;font-weight:720!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .is-collapsed .er163-person-hours{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 .er164-approved-design .is-collapsed .er163-person-tick{width:12px!important;height:12px!important;flex-basis:12px!important;font-size:8px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .is-collapsed .er163-person-tick .er164-ico{width:9px!important;height:9px!important;flex-basis:9px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er1367-main{gap:7px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er1367-form-grid{gap:8px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er1367-form-column{gap:7px!important}
html body[data-modal-type="shift"] #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:8px 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 .er164-approved-design .modal-body{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-gutter:auto!important;padding-bottom:24px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .modal-foot{flex:0 0 auto!important;position:relative!important;z-index:3!important;background:#fffefa!important;box-shadow:0 -2px 9px #16322010!important}
@media(max-width:760px){
html body[data-modal-type="shift"] #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 .er164-approved-design .modal-body{padding:7px 9px 24px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .modal-head{min-height:61px!important;padding:7px 11px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .modal-foot{min-height:58px!important;gap:6px!important;padding:7px 9px calc(7px + env(safe-area-inset-bottom))!important}
html body[data-modal-type="shift"] #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:43px!important;padding:7px 3px!important;font-size:12px!important;white-space:nowrap!important}
}
@media(max-width:355px){
html body[data-modal-type="shift"] #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:22px minmax(0,1fr) 14px!important;column-gap:3px!important;padding:4px!important}
html body[data-modal-type="shift"] #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:22px!important;height:22px!important;flex-basis:22px!important}
html body[data-modal-type="shift"] #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 .er164-approved-design .er163-staff-total{font-size:9.3px!important;gap:2px!important;padding:3px 5px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-total .er164-ico{width:11px!important;height:11px!important;flex-basis:11px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .is-collapsed .er163-person-name{font-size:9px!important}
}
@media(min-width:761px){
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design {width:min(1080px,calc(100vw - 28px))!important;max-width:1080px!important;height:min(920px,calc(100dvh - 28px))!important;max-height:calc(100dvh - 28px)!important}
html body[data-modal-type="shift"] #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:12px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .modal-body{padding:12px 15px 24px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-summary.is-expanded .er163-person{height:41px!important;min-height:41px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-summary.is-expanded .er163-staff-grid{gap:5px 8px!important}
}