/* EarthRoster V1452.168: place each employee's hours immediately BELOW their name.
   Explicit grouped markup avoids hours drifting sideways at phone widths.
   No change to roster times, allocation data or button actions. */
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:23px minmax(0,1fr) 14px!important;grid-template-rows:1fr!important;align-items:center!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 .er168-person-info{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;grid-column:2!important;grid-row:1/3!important;gap:0!important;min-width:0!important;overflow:hidden!important;align-self:stretch!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!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!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 .er168-person-info .er163-person-name{flex:0 0 auto!important;min-width:0!important;max-width:100%!important;line-height:14px!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!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 .er164-approved-design .er163-staff-summary.is-expanded .er168-person-info .er163-person-hours{flex:0 0 auto!important;width:100%!important;max-width:100%!important;line-height:12px!important;white-space:nowrap!important;text-align:left!important;justify-self:start!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 .er168-person-info{grid-column:1/-1!important;grid-row:2/4!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:0!important;max-width:100%!important;gap:0!important;padding:0 1px!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 .er168-person-info .er163-person-name{flex:0 0 auto!important;line-height:12px!important;max-width:100%!important;text-align:center!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-collapsed .er168-person-info .er163-person-hours{flex:0 0 auto!important;line-height:11px!important;width:auto!important;max-width:100%!important;text-align:center!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-person-tick{grid-column:2!important;grid-row:3!important;align-self:end!important;justify-self:end!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}
}