/* Desktop-only mobile-style cards: time rail, readable details, no staff list. */
@layer er-earth {
@media(min-width:1024px){
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er14509-roster .er14509-card.er53-rail-card.er75-rectangle{display:flex!important;flex-direction:row!important;align-items:stretch!important;min-height:64px!important;height:auto!important;max-height:none!important;border-radius:8px!important;padding:0!important;gap:0!important;overflow:hidden!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er75-rectangle .er53-desktop-rail{display:flex!important;flex:0 0 33px!important;min-width:33px!important;width:33px!important;padding:4px 1px!important;justify-content:center!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er75-rectangle .er53-desktop-rail b{font:750 11.5px/1.2 system-ui!important;letter-spacing:-.25px!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er75-rectangle .er53-desktop-rail small{font:650 7px/1.2 system-ui!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er75-rectangle .er53-desktop-body{display:flex!important;flex-direction:column!important;justify-content:center!important;flex:1 1 0!important;width:0!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important;padding:5px 6px!important;gap:2px!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er75-rectangle .er14509-client{font:750 12px/1.2 system-ui!important;letter-spacing:-.15px!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;overflow-wrap:normal!important;word-break:normal!important;margin:0!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er75-rectangle .er53-desktop-schedule{justify-content:flex-start!important;gap:5px!important;flex-wrap:wrap!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er75-rectangle .er14509-time{font:700 11px/1.25 system-ui!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er75-rectangle .er53-staff-hours{display:none!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er75-rectangle .er54-desktop-address{display:flex!important;align-items:flex-start!important;gap:3px!important;min-width:0!important;max-height:13px!important;font:500 10px/1.2 system-ui!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;overflow-wrap:normal!important;color:var(--er43-muted,#5c7265)!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er75-rectangle .er54-desktop-address>svg{width:10px!important;height:10px!important;flex:0 0 10px!important;margin-top:1px!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er75-rectangle .er54-address-part{display:inline!important;white-space:nowrap!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er75-rectangle .er53-desktop-footer{gap:4px!important;flex-wrap:nowrap!important;margin-top:1px!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er75-rectangle :is(.er14509-status,.er53-job-hours){font:650 9px/1.2 system-ui!important;min-height:15px!important;padding:1px 4px!important;white-space:nowrap!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er75-rectangle .er14509-people{display:none!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er14509-roster .er1170-dayhead{flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:1px!important;padding:5px 8px!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er14509-roster .er1170-dayhead-copy{display:flex!important;align-items:baseline!important;gap:5px!important;white-space:nowrap!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er14509-roster .er1170-dayhead-copy strong{font-size:12px!important;white-space:nowrap!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er14509-roster .er1170-daycount{font-size:10px!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er14509-roster .er1205-alert::before{content:none!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er14509-roster .er1170-jobs{padding:0!important;margin:0!important;min-width:0!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er14509-roster .er1170-cell{padding:3px!important;align-items:start!important;align-content:start!important}
}
@media(min-width:1200px) and (max-width:1399px){
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er75-rectangle .er53-desktop-rail{flex-basis:27px!important;min-width:27px!important;width:27px!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er75-rectangle .er53-desktop-rail b{font-size:10.5px!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er75-rectangle .er14509-client{font-size:12px!important;letter-spacing:-.2px!important}
}
@media(min-width:1024px) and (max-width:1199px){
html.er-earth body.ww-app-visible.ww-roster-active{--sidebar-w:96px!important}
html.er-earth body.ww-app-visible.ww-roster-active #app .shell{grid-template-columns:96px minmax(0,1fr)!important}
html.er-earth body.ww-app-visible.ww-roster-active #app .sidebar.er1319-sidebar{width:96px!important;min-width:96px!important;max-width:96px!important;flex:0 0 96px!important;box-sizing:border-box!important;padding:18px 10px 12px!important}
html.er-earth body.ww-app-visible.ww-roster-active #app .er1319-brand{gap:0!important;padding:0!important;justify-content:center!important}
html.er-earth body.ww-app-visible.ww-roster-active #app .er1319-brand b{font-size:15px!important;letter-spacing:-.4px!important}
html.er-earth body.ww-app-visible.ww-roster-active #app .er1319-brand small{font-size:10px!important}
html.er-earth body.ww-app-visible.ww-roster-active #app .er1319-brand-mark{width:40px!important;height:40px!important}
html.er-earth body.ww-app-visible.ww-roster-active #app .er1319-brand-mark img{width:40px!important;height:40px!important}
html.er-earth body.ww-app-visible.ww-roster-active #app .sidebar .nav-item{font-size:12px!important;gap:0!important;padding:12px!important;justify-content:center!important}
html.er-earth body.ww-app-visible.ww-roster-active #app .sidebar :is(.er1319-company,.nav-group-label){display:none!important}
html.er-earth body.ww-app-visible.ww-roster-active #app .sidebar :is(.er1319-brand>span:last-child,.nav-item>span:not(.er1319-side-count),.er1319-side-profile>span:not(.avatar),.side-logout>span){position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
html.er-earth body.ww-app-visible.ww-roster-active #app .sidebar .side-user{display:flex!important;flex-direction:column!important;gap:10px!important}
html.er-earth body.ww-app-visible.ww-roster-active #app .sidebar .er1319-side-profile{justify-content:center!important;width:100%!important}
html.er-earth body.ww-app-visible.ww-roster-active #app .sidebar .side-logout{width:44px!important;justify-content:center!important;gap:0!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er14509-roster .er1170-emp-copy strong{font-size:11px!important;word-break:normal!important;overflow-wrap:normal!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er14509-roster .er1170-emp-av{width:25px!important;height:25px!important;min-width:25px!important;font-size:10px!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er75-rectangle .er53-desktop-rail{flex-basis:23px!important;min-width:23px!important;width:23px!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er75-rectangle .er53-desktop-rail b{font-size:9px!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er75-rectangle .er53-desktop-body{padding:4px!important;gap:2px!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er75-rectangle .er14509-client{font-size:10.5px!important;letter-spacing:-.25px!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er75-rectangle .er14509-time{font-size:10px!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er75-rectangle .er54-desktop-address{font-size:9px!important}
html.er-earth body.ww-app-visible.ww-roster-active #app #page .er75-rectangle :is(.er14509-status,.er53-job-hours){font-size:8px!important;padding:1px 2px!important}
}
}