/* Compact, readable desktop roster: three lines per card, unchanged status colours. */
@layer er-earth {
 @media(min-width:1024px){
  html.er-earth body.ww-roster-active #app .main>.content{padding:10px!important}
  html.er-earth body.ww-roster-active #app .main>.topbar{height:56px!important;min-height:56px!important;padding-block:6px!important}
  html.er-earth body.ww-roster-active #app #page .er14509-roster .er14509-search-row :is(input,select,.er14509-actions>summary,.er145223-import-trigger){height:32px!important;min-height:32px!important;padding-block:5px!important}
  html.er-earth body.ww-roster-active #app #page .er14509-roster .er14509-search-row .er915-search{height:32px!important;min-height:32px!important}
  html.er-earth body.ww-roster-active #app #page .er14509-roster .er1170-grid{grid-template-rows:40px!important;grid-auto-rows:minmax(60px,auto)!important}
  html.er-earth body.ww-roster-active #app #page .er14509-roster :is(.er1170-dayhead,.er1170-corner){height:40px!important;min-height:40px!important;padding-block:4px!important}
  html.er-earth body.ww-roster-active #app #page .er14509-roster .er1170-cell,
  html.er-earth body.ww-roster-active #app #page .er14509-roster .er1170-emp{min-height:60px!important}
  html.er-earth body.ww-roster-active #app #page .er14509-roster .er1170-jobs{padding:2px 3px!important;gap:3px!important}
  html.er-earth body.ww-roster-active #app #page .er14509-roster .er14509-card.er1170-job{
   display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:14px 17px 13px!important;
   height:54px!important;min-height:54px!important;max-height:54px!important;padding:3px 7px!important;gap:0 5px!important;
   border-left-width:4px!important;border-radius:7px!important;align-content:center!important;
  }
  html.er-earth body.ww-roster-active #app #page .er14509-roster .er14509-card .er14509-card-overline{display:contents!important}
  html.er-earth body.ww-roster-active #app #page .er14509-roster .er14509-card .er14509-time{grid-area:1/1!important;font-size:12px!important;line-height:14px!important;white-space:nowrap!important}
  html.er-earth body.ww-roster-active #app #page .er14509-roster .er14509-card .er14509-status{grid-area:1/2!important;justify-self:end!important;height:14px!important;font-size:9px!important;line-height:12px!important;padding:0 4px!important}
  html.er-earth body.ww-roster-active #app #page .er14509-roster .er14509-card .er14509-client{grid-area:2/1/3/3!important;font-size:13px!important;line-height:17px!important}
  html.er-earth body.ww-roster-active #app #page .er14509-roster .er14509-card .er14509-hours{grid-area:3/1!important;font-size:10px!important;line-height:13px!important;gap:8px!important;justify-content:flex-start!important;white-space:nowrap!important}
  html.er-earth body.ww-roster-active #app #page .er14509-roster .er14509-card .er14509-hours b{font-size:10px!important;line-height:13px!important}
  html.er-earth body.ww-roster-active #app #page .er14509-roster .er14509-card .er14509-people{grid-area:3/2!important;align-self:center!important;font-size:9px!important;line-height:13px!important;white-space:nowrap!important}
  html.er-earth body.ww-roster-active #app #page .er14509-roster .er1170-emp{padding:4px 9px!important;gap:1px 7px!important}
  html.er-earth body.ww-roster-active #app #page .er14509-roster .er1170-emp-copy strong{font-size:12px!important;line-height:13px!important}
  html.er-earth body.ww-roster-active #app #page .er14509-roster .er1170-emp-copy>span{font-size:9.5px!important;line-height:11px!important;margin-top:1px!important}
  html.er-earth body.ww-roster-active #app #page .er14509-roster .er1170-stat{font-size:9.5px!important;line-height:11px!important}
  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:color-mix(in srgb,var(--er14529-colour) 9%,white)!important;
   background-image:linear-gradient(100deg,color-mix(in srgb,var(--er14529-colour) 14%,white),color-mix(in srgb,var(--er14529-colour) 4%,white))!important;
   box-shadow:inset 4px 0 0 var(--er14529-colour)!important;
  }
  html.er-earth body.ww-roster-active #app #page .er14509-roster .er1170-emp[data-er14529-colour] .er1170-emp-copy strong{color:#283d33!important;-webkit-text-fill-color:currentColor!important}
  html.er-earth body.ww-roster-active #app #page .er14509-roster .er1170-emp-stats{display:flex!important;flex-wrap:wrap!important;gap:1px 8px!important;margin-top:1px!important}
  html.er-earth body.ww-roster-active #app #page .er14509-roster .er14509-command{margin-bottom:6px!important}
  html.er-earth body.ww-roster-active #app #page .er14509-roster .er14509-command .er14509-main-row{min-height:46px!important;padding:5px 10px!important;gap:7px!important}
  html.er-earth body.ww-roster-active #app #page .er14509-roster .er14509-heading h2{font-size:16px!important;margin-bottom:1px!important}
  html.er-earth body.ww-roster-active #app #page .er14509-roster .er14509-search-row{padding:0 10px 4px!important}
  html.er-earth body.ww-roster-active #app #page .er14509-roster .er14509-command .er1024-roster-tools{padding-inline:10px!important}
  html.er-earth body.ww-roster-active #app #page .er14509-roster .er14509-command :is(.er1024-filter-row,.er1024-filter-scroll,.er1024-filter){height:32px!important;min-height:32px!important}
  html.er-earth[data-er-theme=dark] body.ww-roster-active #app #page .er14509-roster .er1170-emp[data-er14529-colour]{background-color:#25312c!important;background-image:linear-gradient(100deg,color-mix(in srgb,var(--er14529-colour) 20%,#202b25),#25312c)!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:#f1f5f1!important}
 }
}