/* EarthRoster V1452-65 — compact 2-across employee alignment for teams of 2–4.
   Two on first line, next two directly below; 5+ uses original full-width rows.
   No change to 1-person declined cards, header, time rail or job details. */
@layer er-earth {
@media (max-width:1023px) {
 html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card .er50-assignees.er65-compact-team,
 html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card .er50-assignees.er51-team-grid.er62-large-team.er65-compact-team {
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;gap:4px 6px!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  padding:3px!important;margin:4px 0 0!important;
  border:1px solid #d5e1d7!important;border-radius:8px!important;
  background:#fbfcfa!important;box-sizing:border-box!important;
 }
 html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card .er65-compact-team > .er50-assignee,
 html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card .er51-team-grid.er62-large-team.er65-compact-team > .er50-assignee {
  display:grid!important;grid-template-columns:17px minmax(0,1fr)!important;
  gap:4px!important;align-items:center!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  height:29px!important;min-height:29px!important;max-height:29px!important;
  border:1px solid #d8e8dc!important;border-left:3px solid #589873!important;
  border-radius:5px!important;padding:2px 4px!important;
  background:#edf6ef!important;box-sizing:border-box!important;overflow:hidden!important;
 }
 html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card .er65-compact-team > .er50-assignee.er62-declined{background:#fff1ef!important;border-color:#efd9d3!important;border-left-color:#bd655b!important}
 html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card .er65-compact-team > .er50-assignee.er62-awaiting{background:#fff9ed!important;border-color:#ecdfca!important;border-left-color:#c59a52!important}
 html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card .er65-compact-team .er50-person-avatar,
 html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card .er51-team-grid.er62-large-team.er65-compact-team .er50-person-avatar {
  display:grid!important;place-items:center!important;flex:none!important;
  width:17px!important;min-width:17px!important;max-width:17px!important;
  height:17px!important;margin:0!important;border-radius:50%!important;
  background:#568368!important;color:#fff!important;font:700 7.6px/1 system-ui!important;
 }
 html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card .er65-compact-team .er54-person-details,
 html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card .er51-team-grid.er62-large-team.er65-compact-team .er54-person-details {
  display:grid!important;grid-template-columns:minmax(0,1fr) 21px 15px!important;
  align-items:center!important;gap:2px!important;height:100%!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  margin:0!important;padding:0!important;overflow:hidden!important;
 }
 html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card .er65-compact-team .er54-person-details .er50-person-name,
 html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card .er51-team-grid.er62-large-team.er65-compact-team .er54-person-details .er50-person-name {
  display:block!important;grid-column:1!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  overflow-wrap:normal!important;word-break:normal!important;
  font:650 10px/1.2 system-ui!important;color:#2b4e40!important;
 }
 html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card .er65-compact-team .er54-person-hours,
 html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card .er51-team-grid.er62-large-team.er65-compact-team .er54-person-hours {
  display:block!important;grid-column:2!important;width:21px!important;min-width:21px!important;
  white-space:nowrap!important;text-align:right!important;margin:0!important;padding:0!important;
  font:550 9.5px/1.1 system-ui!important;color:#63746b!important;
 }
 html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card .er65-compact-team .er50-person-response,
 html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card .er51-team-grid.er62-large-team.er65-compact-team .er50-person-response {
  display:grid!important;grid-column:3!important;place-items:center!important;
  width:15px!important;height:15px!important;min-width:15px!important;max-width:15px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;
  background:#328355!important;color:white!important;font:800 10px/1 system-ui!important;
 }
 html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card .er65-compact-team .er50-person-response.declined{background:#bd5b54!important;color:white!important}
 html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card .er65-compact-team .er50-person-response.er63-pending{background:#eddfbf!important;color:#85692f!important;font-size:14px!important}
 html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card .er65-compact-team .er62-awaiting .er54-person-details::after{display:none!important;content:none!important}
}
}
