/* EarthRoster V1452-66 — compact staff overlays ONLY for cards with 4+ employees.
   The 1–3-person roster styling is untouched; existing colours and card shape remain.
   Keep two staff across, each row aligned, with less tinted area and no heavy tiles. */
@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;
    gap:3px 5px!important;align-items:stretch!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    box-sizing:border-box!important;
    padding:2px!important;margin:3px 0 0!important;
    border:1px solid #e0e9e1!important;border-radius:7px!important;
    background:rgba(250,252,249,.70)!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:16px minmax(0,1fr)!important;
    align-items:center!important;gap:3px!important;
    height:24px!important;min-height:24px!important;max-height:24px!important;
    padding:1px 3px!important;margin:0!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    box-sizing:border-box!important;border-radius:4px!important;
    border:1px solid #e0e9e1!important;border-left:2px solid #6e9e82!important;
    background:#f6faf6!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:#fdf7f5!important;border-color:#f2e5e1!important;border-left-color:#c68177!important;
  }
  html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card .er65-compact-team > .er50-assignee.er62-awaiting{
    background:#fdfaf4!important;border-color:#f1e8d9!important;border-left-color:#c9a666!important;
  }
  html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card .er65-compact-team .er50-person-avatar{
    display:grid!important;place-items:center!important;
    width:16px!important;min-width:16px!important;max-width:16px!important;
    height:16px!important;min-height:16px!important;max-height:16px!important;
    margin:0!important;font:700 7.1px/1 system-ui!important;
    border-radius:50%!important;background:#59836b!important;color:#fff!important;
  }
  html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card .er65-compact-team .er54-person-details{
    display:grid!important;grid-template-columns:minmax(0,1fr) 18px 13px!important;
    gap:2px!important;align-items:center!important;
    min-width:0!important;width:100%!important;height: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 .er50-person-name{
    display:block!important;grid-column:1!important;
    min-width:0!important;max-width:100%!important;width:100%!important;
    margin:0!important;padding:0!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
    word-break:normal!important;overflow-wrap:normal!important;
    font:650 9.6px/1.14 system-ui,sans-serif!important;color:#2e5342!important;
  }
  html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card .er65-compact-team .er54-person-hours{
    display:block!important;grid-column:2!important;width:18px!important;min-width:18px!important;
    text-align:right!important;margin:0!important;padding:0!important;
    font:550 9px/1.12 system-ui,sans-serif!important;color:#647968!important;white-space:nowrap!important;
  }
  html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card .er65-compact-team .er50-person-response{
    display:grid!important;grid-column:3!important;place-items:center!important;
    width:13px!important;min-width:13px!important;max-width:13px!important;
    height:13px!important;min-height:13px!important;max-height:13px!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;
    background:#3a8761!important;color:#fff!important;font:800 9px/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:#b95f59!important;color:#fff!important}
  html.er-earth body.ww-app-visible #app #page article.rc-card.er50-card .er65-compact-team .er50-person-response.er63-pending{background:#efe3cd!important;color:#8e713b!important;font-size:12px!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}
 }
}