/* EarthRoster V1452.189 — desktop admin cards visually match mobile cards.
   Narrow 7-day grid, 8+ visible employee rows at 900px viewport height.
   No change to mobile layout, data selection, callbacks or permissions. */
@layer er-earth {
@media (min-width:1024px) {
  html.er-earth body.ww-app-visible.ww-roster-active #app #page#page#page#page .er14509-roster .er1170-grid {
    grid-template-columns:110px repeat(7,minmax(0,1fr))!important;
    width:100%!important;min-width:0!important;
    grid-template-rows:36px!important;
    grid-auto-rows:66px!important;
  }
  html.er-earth body.ww-app-visible.ww-roster-active #app #page#page#page#page .er14509-roster :is(.er1170-emp,.er1170-cell){
    min-height:66px!important;height:66px!important;max-height:66px!important;
    box-sizing:border-box!important;overflow:hidden!important;
  }
  html.er-earth body.ww-app-visible.ww-roster-active #app #page#page#page#page .er14509-roster .er1170-jobs{
    box-sizing:border-box!important;width:100%!important;height:100%!important;
    max-height:66px!important;min-height:0!important;
    padding:3px!important;gap:3px!important;overflow-y:auto!important;
    overflow-x:hidden!important;scrollbar-width:thin!important;
  }
  html.er-earth body.ww-app-visible.ww-roster-active #app #page#page#page#page .er14509-roster .er1170-cell{
    padding:0!important;
  }
  html.er-earth body.ww-app-visible.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card.er189-mobile-parity{
    box-sizing:border-box!important;position:relative!important;isolation:isolate!important;
    display:block!important;height:59px!important;min-height:59px!important;max-height:59px!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    margin:0!important;padding:3px 5px!important;gap:0!important;
    border:1px solid var(--er189-edge,#47865e)!important;
    border-left:4px solid var(--er189-edge,#47865e)!important;
    border-right:4px solid var(--er189-edge,#47865e)!important;
    border-radius:12px!important;
    background:var(--er189-fill,#ecf4f1)!important;
    box-shadow:0 1px 3px #1d4f3022,inset 0 0 0 1px #ffffff85!important;
    color:#1a392c!important;overflow:hidden!important;cursor:pointer!important;
    transform:none!important;animation:none!important;
    transition:box-shadow .12s ease!important;
  }
  html.er-earth body.ww-app-visible.ww-roster-active #app #page#page#page#page .er14509-roster .er189-mobile-parity>.er189-body{
    box-sizing:border-box!important;display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:13px 11px 11px 12px!important;
    align-content:center!important;justify-content:stretch!important;
    gap:0!important;padding:0!important;margin:0!important;
    min-width:0!important;max-width:100%!important;width:100%!important;height:100%!important;
    background:transparent!important;overflow:hidden!important;
  }
  html.er-earth body.ww-app-visible.ww-roster-active #app #page#page#page#page .er14509-roster .er189-heading{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:2px!important;min-width:0!important;height:13px!important;max-height:13px!important;
    padding:0!important;margin:0!important;
  }
  html.er-earth body.ww-app-visible.ww-roster-active #app #page#page#page#page .er14509-roster .er189-mobile-parity .er14509-client{
    display:block!important;flex:1 1 0!important;min-width:0!important;max-width:none!important;
    height:13px!important;min-height:13px!important;max-height:13px!important;
    padding:0!important;margin:0!important;
    font:750 10px/13px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
    letter-spacing:-.12px!important;color:#153b29!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  html.er-earth body.ww-app-visible.ww-roster-active #app #page#page#page#page .er14509-roster .er189-mobile-parity .er189-status{
    box-sizing:border-box!important;display:inline-flex!important;flex:0 0 auto!important;
    align-items:center!important;justify-content:center!important;gap:2px!important;
    height:12px!important;min-height:12px!important;max-height:12px!important;
    max-width:55px!important;min-width:0!important;
    padding:0 3px!important;margin:0!important;
    background:#d6efdc!important;color:#205737!important;
    border:1px solid #8ecba3!important;border-radius:7px!important;
    font:700 7.5px/10px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  html.er-earth body.ww-app-visible.ww-roster-active #app #page#page#page#page .er14509-roster .er189-status svg{
    width:9px!important;min-width:9px!important;height:9px!important;
  }
  html.er-earth body.ww-app-visible.ww-roster-active #app #page#page#page#page .er14509-roster :is(.er189-time-row,.er189-address,.er189-bottom){
    box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:3px!important;
    min-width:0!important;max-width:100%!important;width:100%!important;
    margin:0!important;padding:0!important;height:auto!important;max-height:none!important;
    overflow:hidden!important;
  }
  html.er-earth body.ww-app-visible.ww-roster-active #app #page#page#page#page .er14509-roster :is(.er189-time-row,.er189-address,.er189-bottom)>svg,
  html.er-earth body.ww-app-visible.ww-roster-active #app #page#page#page#page .er14509-roster .er189-people svg{
    flex:0 0 9px!important;width:9px!important;min-width:9px!important;height:9px!important;
    color:#47715f!important;
  }
  html.er-earth body.ww-app-visible.ww-roster-active #app #page#page#page#page .er14509-roster .er189-mobile-parity .er189-time{
    position:static!important;display:block!important;min-width:0!important;
    max-width:100%!important;height:11px!important;min-height:11px!important;
    font:700 9px/11px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
    color:#203e30!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  html.er-earth body.ww-app-visible.ww-roster-active #app #page#page#page#page .er14509-roster .er189-mobile-parity .er189-address,
  html.er-earth body.ww-app-visible.ww-roster-active #app #page#page#page#page .er14509-roster .er189-address>span{
    font:500 8.2px/11px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
    color:#436153!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  html.er-earth body.ww-app-visible.ww-roster-active #app #page#page#page#page .er14509-roster .er189-bottom{
    justify-content:space-between!important;gap:4px!important;border-top:1px solid #4b73521f!important;
  }
  html.er-earth body.ww-app-visible.ww-roster-active #app #page#page#page#page .er14509-roster :is(.er189-people,.er189-hours){
    box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:2px!important;
    font:650 8.2px/11px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
    white-space:nowrap!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;
    color:#385848!important;
  }
  html.er-earth body.ww-app-visible.ww-roster-active #app #page#page#page#page .er14509-roster .er189-hours{
    flex:0 0 auto!important;font-weight:750!important;background:#eff8edcc!important;
    border:1px solid #85b78f80!important;border-radius:6px!important;padding:0 3px!important;
  }
  html.er-earth body.ww-app-visible.ww-roster-active #app #page#page#page#page .er14509-roster .er189-mobile-parity .er189-clash{
    top:12px!important;right:3px!important;height:12px!important;min-height:12px!important;
    width:12px!important;z-index:4!important;
  }
  html.er-earth body.ww-app-visible.ww-roster-active #app #page#page#page#page .er14509-roster .er189-mobile-parity:focus-visible{
    outline:2px solid #245e3e!important;outline-offset:1px!important;
  }
  /* At seven-column laptop widths a single checked status glyph leaves the
     client readable. The full status remains in the badge title/aria-label. */
  @media (max-width:1510px) {
    html.er-earth body.ww-app-visible.ww-roster-active #app #page#page#page#page .er14509-roster .er189-mobile-parity .er189-status{
      width:16px!important;min-width:16px!important;max-width:16px!important;
      padding:0 1px!important;overflow:hidden!important;
    }
    html.er-earth body.ww-app-visible.ww-roster-active #app #page#page#page#page .er14509-roster .er189-mobile-parity .er189-status > span:not(.er189-status-tick){
      display:none!important;
    }
  }
  /* Desktop grid retains the seven day columns; mobile components are not touched. */
}
}