/* EarthRoster V1452.10 — restrained employee identities, restored booking filter design.
   Scope: admin desktop employee name panel and mobile bookings status pills only.
   Functionality, permissions, roster cards and other app screens are unchanged. */
@layer er-earth {
  @media (min-width:1024px) {
    /* Neutral sidebar means it no longer resembles another column of shift cards. */
    html.er-earth body.ww-roster-active #app #page .er14509-roster .er1170-emp[data-er14529-colour],
    html.er-earth body.ww-roster-active #app #page .er14509-roster .er1170-emp[data-er14529-colour]:hover {
      background-color:#fbfcfa!important;
      background-image:none!important;
      border-right:1px solid #dbe6de!important;
      box-shadow:inset 3px 0 0 var(--er14529-colour)!important;
      transition:background-color .15s ease!important;
    }
    html.er-earth body.ww-roster-active #app #page .er14509-roster .er1170-emp[data-er14529-colour]:hover {
      background-color:#f5f8f6!important;
    }
    html.er-earth body.ww-roster-active #app #page .er14509-roster .er1170-emp[data-er14529-colour] .er1170-emp-av {
      background-color:color-mix(in srgb,var(--er14529-colour) 13%,white)!important;
      background-image:none!important;
      border:1px solid color-mix(in srgb,var(--er14529-colour) 40%,white)!important;
      box-shadow:none!important;
      color:var(--er14529-colour)!important;
      -webkit-text-fill-color:var(--er14529-colour)!important;
      font-size:10px!important;font-weight:800!important;
    }
    html.er-earth body.ww-roster-active #app #page .er14509-roster .er1170-emp[data-er14529-colour] .er1170-emp-copy strong {
      color:var(--er14529-colour)!important;
      -webkit-text-fill-color:var(--er14529-colour)!important;
      font-weight:750!important;
      letter-spacing:-.01em!important;
    }
    html.er-earth body.ww-roster-active #app #page .er14509-roster .er1170-emp[data-er14529-colour] .er1170-emp-copy>span,
    html.er-earth body.ww-roster-active #app #page .er14509-roster .er1170-emp[data-er14529-colour] .er1170-stat {
      color:#67786f!important;
      -webkit-text-fill-color:#67786f!important;
      background:transparent!important;
      border:0!important;
      box-shadow:none!important;
      padding:0!important;
      font-weight:500!important;
    }
    html.er-earth[data-er-theme=dark] body.ww-roster-active #app #page .er14509-roster .er1170-emp[data-er14529-colour]{
      background-color:#232d29!important;
      background-image:none!important;
      border-right-color:#34413a!important;
    }
    html.er-earth[data-er-theme=dark] body.ww-roster-active #app #page .er14509-roster .er1170-emp[data-er14529-colour] .er1170-emp-copy strong {
      color:color-mix(in srgb,var(--er14529-colour) 47%,white)!important;
      -webkit-text-fill-color:currentColor!important;
    }
    html.er-earth[data-er-theme=dark] body.ww-roster-active #app #page .er14509-roster .er1170-emp[data-er14529-colour] .er1170-stat {
      color:#b6c4bb!important;
    }
  }
}
@layer er-earth {
@media (max-width:1023px){
  /* Restore the original pill labels, border and count badge; arrange them into
     two even columns so no status gets a cramped 1/4-width button or orphan gap. */
  html.er1394-refined body #app#app#app#app#app#app#app #page .bookings-page.v213-bookings.er1394-bookings .v213-filter-row,
  html body #app #page .bookings-page .v213-filter-row,
  html body #page .bookings-page .v213-filter-row {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:minmax(38px,auto)!important;
    align-items:stretch!important;
    gap:6px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
  }
  html.er1394-refined body #app#app#app#app#app#app#app #page .bookings-page.v213-bookings.er1394-bookings .v213-filter-row .v213-filter,
  html body #app #page .bookings-page .v213-filter-row .v213-filter,
  html body #page .bookings-page .v213-filter-row .v213-filter {
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:38px!important;
    min-height:38px!important;
    padding:7px 10px!important;
    gap:8px!important;
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    text-align:left!important;
    font:500 11px/1.3 system-ui,sans-serif!important;
    border:1px solid var(--er-line,#dce5dc)!important;
    border-radius:8px!important;
    color:var(--er-muted,#4b6356)!important;
    background:var(--er-paper,#fff)!important;
    box-shadow:none!important;
  }
  html.er1394-refined body #app#app#app#app#app#app#app #page .bookings-page.v213-bookings.er1394-bookings .v213-filter-row .v213-filter b,
  html body #page .bookings-page .v213-filter-row .v213-filter b {
    display:grid!important;
    place-items:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:18px!important;
    height:18px!important;
    min-height:18px!important;
    max-height:18px!important;
    margin:0!important;
    padding:0 3px!important;
    border:0!important;
    border-radius:5px!important;
    background:var(--er-soft,#ecf1ec)!important;
    color:inherit!important;
    font:650 10px/1 system-ui,sans-serif!important;
  }
  html.er1394-refined body #app#app#app#app#app#app#app #page .bookings-page.v213-bookings.er1394-bookings .v213-filter-row .v213-filter.active,
  html body #page .bookings-page .v213-filter-row .v213-filter.active {
    background:var(--er-soft,#edf4ee)!important;
    color:var(--er-brand-text,#225c40)!important;
    border-color:#a9c6b3!important;
    box-shadow:none!important;
  }
}

} /* er-earth mobile bookings */