/* EarthRoster 1452.172 — Four-column symmetry on expanded Add/Edit Shift staff rows.
   Only visual positioning is changed; staff allocation, buttons, data and collapsed rows are preserved. */
html body[data-modal-type="shift"] #modalHost#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:22px minmax(0,1fr) 39px 14px!important;grid-template-rows:1fr!important;align-items:center!important;column-gap:4px!important;row-gap:0!important;height:34px!important;min-height:34px!important;padding:2px 5px!important;box-sizing:border-box!important}
html body[data-modal-type="shift"] #modalHost#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!important;align-self:center!important;justify-self:center!important;width:22px!important;height:22px!important;flex:0 0 22px!important;line-height:22px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-summary.is-expanded .er168-person-info{display:contents!important;grid-column:auto!important;grid-row:auto!important;min-width:0!important;width:auto!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-summary.is-expanded .er168-person-info .er163-person-name{grid-column:2!important;grid-row:1!important;align-self:center!important;justify-self:stretch!important;flex:none!important;min-width:0!important;width:auto!important;margin:0!important;line-height:16px!important;font-size:11.5px!important;font-weight:680!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:left!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-summary.is-expanded .er168-person-info .er163-person-hours{grid-column:3!important;grid-row:1!important;align-self:center!important;justify-self:end!important;flex:none!important;min-width:0!important;max-width:none!important;width:auto!important;margin:0!important;padding:0!important;line-height:16px!important;font-size:10px!important;font-weight:500!important;white-space:nowrap!important;text-align:right!important}
html body[data-modal-type="shift"] #modalHost#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:4!important;grid-row:1!important;align-self:center!important;justify-self:center!important;width:13px!important;height:13px!important;min-width:13px!important;min-height:13px!important;flex-basis:13px!important;margin:0!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#modalHost .er164-approved-design .er163-staff-summary.is-expanded .er163-person{grid-template-columns:20px minmax(0,1fr) 36px 12px!important;column-gap:3px!important;padding:2px 4px!important}
html body[data-modal-type="shift"] #modalHost#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: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#modalHost .er164-approved-design .er163-staff-summary.is-expanded .er168-person-info .er163-person-name{font-size:10.75px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-summary.is-expanded .er168-person-info .er163-person-hours{font-size:9.5px!important}
html body[data-modal-type="shift"] #modalHost#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{width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important;flex-basis:12px!important}
 }