/* V1452.165 — reference-density correction for Add/Edit Shift only.
   Keep the exact EarthRoster icons and form handlers; decrease excess chrome,
   never decrease text to illegibility or textarea below a usable writing area. */
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design{
 --er165-line:#e0e4da;
}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er1367-main,
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er1367-form-column{gap:8px!important}
html body[data-modal-type="shift"] #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 .er164-approved-design :is(.er1367-client,.er1367-schedule,.er1367-staff,.er1370-instructions){
 padding:9px 10px!important; border-radius:12px!important; box-shadow:0 1px 2px #142f2008!important;
}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er932-label{gap:8px!important;line-height:1.2!important;margin:0 0 6px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er932-label span,
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-heading,
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er1367-section-heading h3{
 font-size:14px!important;line-height:1.3!important;letter-spacing:-.014em!important;font-weight:740!important;
}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er932-label>.er164-ico,
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-heading>.er164-ico{width:19px!important;height:19px!important;flex-basis:19px!important}
/* Client: flat 56px selection row instead of oversized 70px tile. */
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er1395-client-heading{min-height:27px!important;gap:7px!important;margin-bottom:5px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er932-add-client-link{min-height:29px!important;padding:4px 8px!important;font-size:12px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er962-client-trigger{
 min-height:56px!important;height:56px!important;gap:10px!important;padding:6px 10px!important;border-radius:9px!important;
}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er164-client-badge{width:38px!important;height:38px!important;border-radius:9px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er164-client-badge .er164-ico{width:23px!important;height:23px!important;flex-basis:23px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er962-client-copy b{font-size:14.5px!important;line-height:1.25!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er962-client-copy small{font-size:11.5px!important;line-height:1.3!important}
/* Date field like user reference: label and full-width date control in one row. */
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er1337-start-finish-grid{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px 10px!important;align-items:end!important;
}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er1337-date-field{
 display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;grid-column:1/-1!important;
 align-items:center!important;gap:7px!important;margin:0!important;min-height:38px!important;
}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er932-field label{
 font-size:12px!important;font-weight:600!important;line-height:1.2!important;margin:0 0 5px!important;
 text-transform:none!important;letter-spacing:0!important;
}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er1337-date-field label{margin:0!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er164-date-wrap{
 display:block!important;height:38px!important;min-height:38px!important;border-radius:8px!important;position:relative!important;
}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er164-date-text{
 position:absolute!important;left:38px!important;right:28px!important;top:50%!important;transform:translateY(-50%)!important;
 display:block!important;padding:0!important;max-width:none!important;width:auto!important;text-align:left!important;
 font-size:13px!important;font-weight:700!important;line-height:17px!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 .er164-approved-design .er164-control-leading{left:10px!important;top:50%!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er164-control-trailing{right:9px!important;top:50%!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er1322-time-wrap,
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er1322-time-wrap .er1322-time-face{
 height:38px!important;min-height:38px!important;border-radius:8px!important;
}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er1322-time-wrap .er1322-time-face{font-size:13px!important;padding-left:35px!important;padding-right:24px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er164-onsite{
 height:33px!important;min-height:33px!important;margin-top:7px!important;padding:4px 8px!important;border-radius:8px!important;
}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er164-onsite span,
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er164-onsite strong{font-size:12px!important;line-height:1.25!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er164-onsite .er164-ico{width:17px!important;height:17px!important;flex-basis:17px!important}
/* Staff: same 2-column structure but slim, comfortable 49px rows. */
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-shell{gap:6px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-header{min-height:28px!important;height:28px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-collapse{width:29px!important;height:29px!important;padding:4px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-grid{gap:5px!important}
html body[data-modal-type="shift"] #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:30px minmax(0,1fr) 17px!important;grid-template-rows:16px 14px!important;
 align-content:center!important;align-items:center!important;column-gap:6px!important;row-gap:0!important;
 min-height:49px!important;height:49px!important;padding:6px 6px!important;border-radius:8px!important;
}
html body[data-modal-type="shift"] #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:30px!important;height:30px!important;flex-basis:30px!important;
}
html body[data-modal-type="shift"] #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:12.5px!important;line-height:16px!important;
 flex:1 1 auto!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 .er164-approved-design .er163-staff-summary.is-expanded .er163-person-hours{
 grid-column:2!important;grid-row:2!important;font-size:11px!important;line-height:14px!important;flex:0 0 auto!important;
}
html body[data-modal-type="shift"] #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: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 .er164-approved-design .er163-staff-total{
 min-height:35px!important;max-height:none!important;padding:6px 8px!important;gap:4px!important;
 font-size:10.6px!important;white-space:nowrap!important;
}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-total button{font-size:11px!important}
/* Collapsed tray stays neat and informative without expanding the parent card. */
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-summary.is-collapsed .er163-staff-grid{
 min-height:74px!important;padding:4px 2px!important;border-radius:8px!important;
}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .is-collapsed .er163-person{
 min-height:65px!important;height:65px!important;gap:2px!important;padding:1px!important;
}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .is-collapsed .er163-person-avatar{
 width:27px!important;height:27px!important;flex-basis:27px!important;
}
/* Keep substantial text editing area; move optional subsections beneath fold. */
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er1367-section-heading{column-gap:7px!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er1367-section-heading p{font-size:11px!important;line-height:1.2!important}
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design #m_notes{
 min-height:150px!important;height:150px!important;margin-top:8px!important;padding:11px!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 .er164-approved-design .er163-checklist,
html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-publishing>summary{
 min-height:41px!important;padding:9px 11px!important;font-size:13px!important;
}
@media(max-width:760px){
 html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .modal-head{min-height:64px!important;padding:8px 12px!important}
 html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .modal-body{padding:9px 10px 16px!important}
 html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er1367-form-grid{grid-template-columns:1fr!important}
 html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .modal-foot{
  gap:7px!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;min-height:60px!important;
 }
 html body[data-modal-type="shift"] #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:44px!important;font-size:12px!important;line-height:1.1!important;border-radius:8px!important;
 }
}
@media(max-width:350px){
 html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-summary.is-expanded .er163-person-name{font-size:11.8px!important}
 html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .er163-staff-summary.is-expanded .er163-person{column-gap:4px!important;padding:5px 4px!important}
}
@media(min-width:761px){
 html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .modal-head{min-height:64px!important;padding:9px 15px!important}
 html body[data-modal-type="shift"] #modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost#modalHost .er164-approved-design .modal-body{padding:13px 16px 20px!important}
 html body[data-modal-type="shift"] #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 .er164-approved-design :is(.er1367-client,.er1367-schedule,.er1367-staff,.er1370-instructions){padding:12px!important}
}