/* EarthRoster V1452.149: only desktop roster cards, readability in seven-day grid.
   No data, event, navigation, payments, or mobile styling changes. */
@layer er120 {
@media (min-width:1024px) and (pointer:fine) {
  /* Retain 52px cards and full week. Make three text rows readable. */
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card.er1170-job {
    height:52px!important;min-height:52px!important;max-height:52px!important;
    padding:2px 2px 2px 1px!important;gap:2px!important;
    border-radius:6px!important;
    box-shadow:0 1px 2px rgba(30,65,45,.07)!important;
  }
  /* Give back horizontal space previously taken by the start-time rail. */
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er53-desktop-rail {
    width:26px!important;max-width:26px!important;min-width:26px!important;
    flex:0 0 26px!important;padding:1px 0!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er53-desktop-rail>b {
    font-size:9.2px!important;line-height:12px!important;font-weight:800!important;
    letter-spacing:-.3px!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er53-desktop-rail>small {
    font-size:7.4px!important;line-height:10px!important;font-weight:700!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er53-desktop-body {
    flex:1 1 0!important;min-width:0!important;
    grid-template-rows:15px 12px 15px!important;gap:0!important;
    overflow:hidden!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er14509-client {
    min-width:0!important;height:15px!important;max-height:15px!important;
    padding-right:15px!important;
    font-size:10.6px!important;line-height:15px!important;font-weight:720!important;
    letter-spacing:-.1px!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card:is(:hover,:focus-within) .er14509-client {
    padding-right:33px!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er54-desktop-address,
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er54-desktop-address>* {
    display:block!important;min-height:12px!important;max-height:12px!important;
    font-size:9.3px!important;line-height:12px!important;font-weight:450!important;
    overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;
    color:#536b5e!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er53-desktop-footer {
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:2px!important;min-width:0!important;height:15px!important;max-height:15px!important;
    overflow:hidden!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er14509-time {
    font-size:9.6px!important;line-height:14px!important;font-weight:770!important;
    min-width:0!important;flex:1 1 auto!important;
    letter-spacing:-.15px!important;white-space:nowrap!important;
    overflow:hidden!important;text-overflow:ellipsis!important;
    color:#274939!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er14509-status {
    font-size:8.6px!important;line-height:13px!important;font-weight:700!important;
    min-height:15px!important;max-height:15px!important;height:15px!important;
    min-width:0!important;width:auto!important;max-width:none!important;
    flex:0 0 auto!important;padding:0 4px!important;gap:2px!important;
    border:1px solid rgba(46,96,64,.12)!important;border-radius:4px!important;
    white-space:nowrap!important;letter-spacing:0!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er14509-status>span {
    font-size:inherit!important;line-height:13px!important;font-weight:inherit!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er14509-status>svg {
    width:9px!important;height:9px!important;flex:0 0 9px!important;
  }
  /* Clash remains clear but does not steal the name or cover action controls. */
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er14509-clash {
    width:13px!important;height:13px!important;
    border-radius:3px!important;background:#fff3f1!important;
    border:1px solid #eeb5b1!important;color:#b91e30!important;
    box-sizing:border-box!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card:is(:hover,:focus-within) .er14509-clash {right:19px!important;}
  /* Don't let hover make the card expand or its content shift. */
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card:is(:hover,:focus-visible) {
    transform:none!important;box-shadow:0 0 0 1px #44835b,0 2px 6px rgba(28,70,45,.10)!important;
  }
}
/* At 1280-1365px, hide only the tiny decorative status icon (keep full label). */
@media (min-width:1024px) and (max-width:1365px) and (pointer:fine) {
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er14509-status>svg {
    display:none!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er14509-status {
    font-size:8.4px!important;padding:0 3px!important;
  }
}
@media (min-width:1600px) and (pointer:fine) {
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er14509-client {
    font-size:11.3px!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er54-desktop-address,
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er54-desktop-address>* {
    font-size:9.8px!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er14509-status {font-size:9px!important;}
}
}