/* EarthRoster V1452.145 | Desktop roster space and legibility only.
   Do not change roster data, card height, navigation, mobile styles, or PayPal. */
@layer er120 {
@media(min-width:1024px) and (pointer:fine) {
  /* Free space for all seven days without hiding any navigation item. */
  html.er-earth body.ww-roster-active #app .sidebar.er1319-sidebar {
    width:160px!important;min-width:160px!important;max-width:160px!important;
    flex:0 0 160px!important;
  }
  html.er-earth body.ww-roster-active #app .main>.content {
    padding-left:8px!important;padding-right:8px!important;
  }
  /* The 52px roster height is retained. Give the text the full card width. */
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er1170-jobs {
    padding:2px!important;gap:3px!important;
  }
  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 3px 2px 1px!important;gap:3px!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er53-desktop-rail {
    width:28px!important;max-width:28px!important;min-width:28px!important;flex:0 0 28px!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;
    display:grid!important;grid-template-rows:15px 11px 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{
    font-size:10px!important;line-height:15px!important;font-weight:680!important;
    min-height:15px!important;max-height:15px!important;
    padding-right:15px!important;white-space:nowrap!important;text-overflow:ellipsis!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:8.7px!important;line-height:11px!important;white-space:nowrap!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er53-desktop-footer{
    display:flex!important;justify-content:space-between!important;
    gap:2px!important;height:15px!important;max-height:15px!important;
    min-width:0!important;overflow:visible!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er14509-time{
    flex:1 1 auto!important;min-width:0!important;max-width:none!important;
    font-size:9px!important;font-weight:680!important;line-height:14px!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er14509-status{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 auto!important;width:auto!important;min-width:52px!important;max-width:none!important;
    height:14px!important;min-height:14px!important;max-height:14px!important;
    padding:0 3px!important;box-sizing:border-box!important;
    font-size:7.6px!important;line-height:12px!important;font-weight:675!important;
    letter-spacing:-.12px!important;white-space:nowrap!important;overflow:visible!important;
    text-overflow:clip!important;
  }
  /* Red clash indicator: visible without covering client or time. */
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er14509-clash{
    position:absolute!important;top:0!important;right:0!important;
    background:#fff0ef!important;color:#c13236!important;
    border:1px solid #f2bfbe!important;border-radius:3px!important;
    width:13px!important;max-width:13px!important;height:13px!important;max-height:13px!important;
    font-size:10px!important;line-height:11px!important;
    display:grid!important;place-items:center!important;padding:0!important;
    font-weight:800!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card:hover .er14509-clash{
    right:18px!important;
  }
}
@media(min-width:1600px) and (pointer:fine) {
  html.er-earth body.ww-roster-active #app .sidebar.er1319-sidebar {
    width:178px!important;min-width:178px!important;max-width:178px!important;flex:0 0 178px!important;
  }
}
}