/* Employee My Hours: stable desktop columns, independent of available actions. */
@media(min-width:901px) and (pointer:fine){
html body #app #week .week-table-card{border-radius:18px!important;overflow:hidden!important;box-shadow:0 10px 30px #00000018!important}
html body #app #week #weekRows{padding:0!important}
html body #app #week #weekRows>.week-row{display:grid!important;grid-template-columns:84px minmax(130px,1fr) 92px 116px 216px!important;align-items:center!important;gap:16px!important;padding:15px 18px!important;min-height:86px!important;border-bottom:1px solid #8496b52b!important}
html body #app #week #weekRows>.week-row:last-child{border-bottom:0!important}
html body #app #week #weekRows>.week-row>.week-day{grid-column:1!important;grid-row:1!important;margin:0!important;padding:10px 8px!important;min-height:56px!important;width:84px!important;border-radius:11px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important}
html body #app #week .week-day b{font-size:13px!important;line-height:1.2!important}
html body #app #week .week-day small{font-size:11px!important;line-height:1.3!important;font-variant-numeric:tabular-nums}
html body #app #week #weekRows>.week-row>.week-time{grid-column:2!important;grid-row:1!important;min-width:0!important}
html body #app #week .week-time>b{font-size:15px!important;line-height:1.3!important;letter-spacing:.1px}
html body #app #week .week-time small{line-height:1.5!important;overflow-wrap:anywhere}
html body #app #week #weekRows>.week-row>strong{grid-column:3!important;grid-row:1!important;text-align:right!important;justify-self:end!important;white-space:nowrap!important;font-size:15px!important;font-variant-numeric:tabular-nums}
html body #app #week #weekRows>.week-row>.week-row-status{grid-column:4!important;grid-row:1!important;justify-self:center!important;text-align:center!important;font-size:11px!important;line-height:1.3!important;padding:5px 9px!important;border-radius:999px!important;max-width:116px!important}
html body #app #week #weekRows>.week-row>.week-row-actions{grid-column:5!important;grid-row:1!important;display:grid!important;grid-template-columns:repeat(3,66px)!important;gap:6px!important;justify-content:end!important;min-width:0!important;margin:0!important}
html body #app #week #weekRows>.week-row>.week-row-actions button{width:66px!important;min-width:0!important;min-height:36px!important;height:36px!important;margin:0!important;padding:0 8px!important;font-size:12px!important;border-radius:9px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer}
html body #app #week #weekRows>.week-row>.week-row-actions button:hover{filter:brightness(1.12)}
html body #app #week #weekRows>.week-row>.week-day-details{grid-column:1/-1!important;grid-row:2!important;border-radius:12px!important}
html body #app #week #weekRows>.week-row.not-worked{opacity:.7}
html body #app #week .week-total{padding:17px 20px!important;min-height:58px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:16px!important}
html body #app #week .week-rate-breakdown{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;padding:15px 18px!important}
html body #app #week .week-rate-breakdown>span{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:10px 12px!important;border:1px solid #8496b52b!important;border-radius:10px!important;font-size:12px!important;line-height:1.4!important;min-width:0!important}
html body #app #week .week-rate-breakdown b{font-size:13px!important;white-space:nowrap!important;font-variant-numeric:tabular-nums}
html body #app #week .samsara-employee-bar{margin:16px 0!important;padding:12px 16px!important;border-radius:12px!important;min-height:44px!important}
}
@media(min-width:901px) and (max-width:1150px) and (pointer:fine){
html body #app #week #weekRows>.week-row{grid-template-columns:76px minmax(100px,1fr) 76px 94px 190px!important;gap:10px!important;padding:13px 14px!important}
html body #app #week #weekRows>.week-row>.week-day{width:76px!important}
html body #app #week #weekRows>.week-row>.week-row-actions{grid-template-columns:repeat(3,58px)!important}
html body #app #week #weekRows>.week-row>.week-row-actions button{width:58px!important;padding:0 5px!important}
html body #app #week .week-rate-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}