/* 1452.130: small change set scoped to employee Clock CONTENT only.
   Original header, bottom navigation, Messages, Settings, PayPal: unchanged. */
@layer er120 {
@media (max-width:767px) {
 body.er108-employee-clock #page .er152-ready.er130-upcoming {
   display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
   grid-template-areas:"label date" "name name" "time badge" "hint button"!important;
   grid-template-rows:auto auto auto auto!important;
   align-items:center!important;column-gap:9px!important;row-gap:5px!important;
   min-height:0!important;padding:13px 13px 13px 16px!important;
   border-color:#c4ddca!important;border-left-color:#28875a!important;
   background:linear-gradient(112deg,#ffffff 0%,#f0f9f0 100%)!important;
 }
 body.er108-employee-clock #page .er152-ready.er130-upcoming > small:first-child {
   grid-area:date!important;justify-self:end!important;
   font-size:10px!important;font-weight:750!important;color:#4d7158!important;
 }
 body.er108-employee-clock #page .er152-ready.er130-upcoming .er156-clock-label {
   grid-area:label!important;display:block!important;
   color:#236a45!important;font-size:9px!important;letter-spacing:1px!important;
 }
 body.er108-employee-clock #page .er152-ready.er130-upcoming h2 {
   grid-area:name!important;font-size:17px!important;line-height:21px!important;
   color:#183e2e!important;overflow-wrap:anywhere!important;
 }
 body.er108-employee-clock #page .er152-ready.er130-upcoming > p {
   grid-area:time!important;font-size:12px!important;font-weight:730!important;
   color:#3d6550!important;white-space:normal!important;
 }
 body.er108-employee-clock #page .er152-ready.er130-upcoming .er130-relative-day {
   grid-area:badge!important;justify-self:end!important;
   padding:4px 8px!important;background:#d7ead8!important;border-radius:999px!important;
   color:#155e3d!important;font-size:10px!important;font-weight:800!important;
 }
 body.er108-employee-clock #page .er152-ready.er130-upcoming .er156-clock-hint {
   grid-area:hint!important;min-width:0!important;max-width:100%!important;
   color:#617c67!important;font-size:10px!important;line-height:14px!important;
 }
 body.er108-employee-clock #page .er152-ready.er130-upcoming > .er152-btn {
   grid-area:button!important;justify-self:end!important;align-self:center!important;
   min-width:100px!important;min-height:33px!important;height:auto!important;
   padding:6px 9px!important;background:#e0f0e1!important;
   color:#155e3d!important;border:1px solid #a9d0b3!important;border-radius:9px!important;
   font-size:11px!important;font-weight:750!important;box-shadow:none!important;
 }
 body.er108-employee-clock #page .er152-ready.er130-no-shift {
   min-height:90px!important;padding-top:12px!important;padding-bottom:12px!important;
   background:linear-gradient(120deg,#fff,#f4f8f1)!important;
 }
 body.er108-employee-clock #page .er152-ready.er130-no-shift h2 {
   font-size:16px!important;line-height:21px!important;
 }
 /* Slim only the weekly time-entry cards, not clock-in controls or any admin screens. */
 body.er108-employee-clock #page .er130-timesheets .er152-entry {
   padding:8px 10px 7px!important;row-gap:0!important;margin-bottom:6px!important;
   border-left:3px solid #328f5f!important;border-color:#d4e2d6!important;
   border-left-color:#328f5f!important;border-radius:10px!important;
   box-shadow:0 2px 6px #174c2b0d!important;
 }
 body.er108-employee-clock #page .er130-timesheets .er152-entry-head {
   min-height:0!important;margin:0 0 2px!important;gap:8px!important;
   align-items:flex-start!important;
 }
 body.er108-employee-clock #page .er130-timesheets .er152-entry-head h3 {
   font-size:12px!important;line-height:16px!important;font-weight:800!important;
   color:#17402e!important;overflow-wrap:anywhere!important;
 }
 body.er108-employee-clock #page .er130-timesheets .er152-status {
   min-height:19px!important;padding:2px 5px!important;font-size:9px!important;
   line-height:12px!important;background:#ffebc9!important;color:#845414!important;
 }
 body.er108-employee-clock #page .er130-timesheets .er152-entry-hours {
   margin:0 0 2px!important;font-size:11px!important;line-height:15px!important;
   color:#385f49!important;
 }
 body.er108-employee-clock #page .er130-timesheets .er152-entry-hours strong {
   font-size:16px!important;line-height:18px!important;color:#146e46!important;
 }
 body.er108-employee-clock #page .er130-timesheets .er152-entry-meta {
   padding:3px 0 0!important;gap:2px 8px!important;line-height:13px!important;
   font-size:9px!important;color:#526d5c!important;border-top-color:#e4ebe3!important;
 }
 body.er108-employee-clock #page .er130-timesheets .er152-entry details summary {
   font-size:10px!important;line-height:15px!important;padding:0!important;
 }
 body.er108-employee-clock #page .er130-timesheets .er152-entry footer {
   gap:0!important;align-self:end!important;
 }
 body.er108-employee-clock #page .er130-timesheets .er152-entry footer .er152-btn {
   min-height:29px!important;height:29px!important;padding:5px 7px!important;
   border-color:#a9d2b2!important;background:#e8f4e8!important;
   color:#1a6843!important;font-size:10px!important;line-height:14px!important;
 }
 body.er108-employee-clock #page .er130-timesheets .er152-summary>div:first-child {
   border-top-color:#377da5!important;background:#eaf4fc!important;
 }
 body.er108-employee-clock #page .er130-timesheets .er152-summary>div:nth-child(2) {
   border-top-color:#258751!important;background:#e7f5e9!important;
 }
 body.er108-employee-clock #page .er130-timesheets .er152-summary>div:nth-child(3) {
   border-top-color:#d49d39!important;background:#fff2df!important;
 }
 body.er108-employee-clock #page .er130-timesheets .er152-days button[aria-pressed="true"] {
   background:#dceee0!important;box-shadow:inset 0 0 0 1px #b8d9be!important;
 }
 body.er108-employee-clock #page .er130-timesheets .er152-filters button[aria-pressed="true"] {
   background:#e0f1e2!important;color:#155c3b!important;
 }
 body.er108-employee-clock #page .er152-attention {
   background:#fff6e7!important;border-color:#e9bf75!important;
 }
}
@media (max-width:350px) {
 body.er108-employee-clock #page .er152-ready.er130-upcoming {
   grid-template-columns:minmax(0,1fr) auto!important;column-gap:5px!important;
   padding-left:11px!important;padding-right:10px!important;
 }
 body.er108-employee-clock #page .er152-ready.er130-upcoming .er156-clock-hint {
   font-size:9px!important;line-height:12px!important;
 }
 body.er108-employee-clock #page .er130-timesheets .er152-entry-head h3 {
   font-size:11px!important;line-height:15px!important;
 }
}
}