@layer er-earth {
html.er-earth body #app #page .er43-active-shift{max-width:880px!important;margin:0 auto!important;display:grid!important;gap:15px!important}
html.er-earth body #app #page .er43-active-shift .er43-live-clock{position:relative!important;isolation:isolate!important;overflow:hidden!important;border:1px solid #28694f!important;border-radius:22px!important;padding:24px!important;background:radial-gradient(ellipse at 100% 0%,#4d8e6666,transparent 58%),linear-gradient(125deg,#153c32,#20634d)!important;color:#fff!important;box-shadow:0 10px 30px -20px #174d39!important}
html.er-earth body #app #page .er43-clock-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
html.er-earth body #app #page .er43-live-label{display:inline-flex!important;align-items:center!important;gap:8px!important;font:700 10px/18px system-ui!important;letter-spacing:1.15px!important;color:#d0efcb!important}
html.er-earth body #app #page .er43-live-label i{display:block!important;width:7px!important;height:7px!important;background:#a6df9d!important;border-radius:50%!important;box-shadow:0 0 0 4px #b4e69d12!important}
html.er-earth body #app #page .er43-clock-date{color:#bdd9c7!important;font-size:11px!important;line-height:18px!important;white-space:nowrap!important}
html.er-earth body #app #page .er43-clock-face{display:flex!important;flex-direction:column!important;align-items:center!important;padding:26px 0 27px!important}
html.er-earth body #app #page .er43-timer-caption{color:#cce2ce!important;font-size:12px!important;margin-bottom:8px!important}
html.er-earth body #app #page .er43-active-shift #clockTimer.er1449-timer{display:block!important;font:650 clamp(42px,12vw,62px)/1.12 ui-sans-serif,system-ui!important;letter-spacing:1.2px!important;font-variant-numeric:tabular-nums!important;color:#fff!important;-webkit-text-fill-color:#fff!important;margin:0!important;text-shadow:0 2px 10px #0e322725!important}
html.er-earth body #app #page .er43-time-units{display:flex!important;align-items:center!important;gap:17px!important;margin-top:12px!important;font-size:8px!important;letter-spacing:1.1px!important;font-weight:550!important;color:#a9ccba!important}
html.er-earth body #app #page .er43-time-units i{font-style:normal!important;color:transparent!important}
html.er-earth body #app #page .er43-clock-facts{display:grid!important;grid-template-columns:1fr 1fr!important;border:1px solid #ffffff1c!important;border-radius:12px!important;background:#ffffff0b!important;padding:13px 10px!important}
html.er-earth body #app #page .er43-clock-facts>div{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-width:0!important}
html.er-earth body #app #page .er43-clock-facts>div+div{border-left:1px solid #ffffff26!important}
html.er-earth body #app #page .er43-clock-facts>div>span{color:#bbd9a6!important;display:flex!important}
html.er-earth body #app #page .er43-clock-facts svg{width:19px!important;height:19px!important}
html.er-earth body #app #page .er43-clock-facts small{display:block!important;color:#bbd4c5!important;font-size:10px!important;line-height:16px!important}
html.er-earth body #app #page .er43-clock-facts b{display:block!important;color:#fff!important;font-size:14px!important;font-weight:650!important;line-height:21px!important}
html.er-earth body #app #page .er43-active-shift .er1449-current-job{display:flex!important;align-items:flex-start!important;gap:13px!important;padding:21px!important;margin:0!important;background:#fff!important;border:1px solid #dae5dd!important;border-radius:16px!important;box-shadow:0 3px 12px -9px #234d3230!important}
html.er-earth body #app #page .er43-active-shift .er1449-job-icon{display:grid!important;place-items:center!important;background:#fcf0dc!important;border:1px solid #edddbc!important;color:#a16d37!important;width:43px!important;height:43px!important;flex:0 0 43px!important;border-radius:12px!important}
html.er-earth body #app #page .er43-active-shift .er1449-current-job>div{min-width:0!important}
html.er-earth body #app #page .er43-active-shift .er1449-current-job small{font-size:9px!important;letter-spacing:1.5px!important;color:#74907a!important;font-weight:700!important}
html.er-earth body #app #page .er43-active-shift .er1449-current-job h3{font-size:21px!important;line-height:1.25!important;letter-spacing:-.55px!important;margin:5px 0 9px!important;color:#254834!important;overflow-wrap:anywhere!important}
html.er-earth body #app #page .er43-active-shift .er1449-job-address{font:400 12px/1.6 system-ui!important;color:#627c68!important;text-align:left!important;background:transparent!important;border:0!important;padding:0!important;display:flex!important;align-items:flex-start!important;gap:5px!important}
html.er-earth body #app #page .er43-active-shift .er1449-job-address svg{width:14px!important;height:14px!important;flex:0 0 14px!important;margin-top:3px!important}
html.er-earth body #app #page .er43-active-shift .er1449-location{background:#eaf4e7!important;border:1px solid #d6e7cf!important;border-radius:12px!important;padding:12px 16px!important;margin:0!important;color:#417846!important}
html.er-earth body #app #page .er43-active-shift .er1449-location strong{font-size:12px!important;color:#396944!important}
html.er-earth body #app #page .er43-active-shift .er1449-location small{font-size:10px!important;color:#6b8468!important}
html.er-earth body #app #page .er43-active-shift .er1449-clock-out{margin:2px 0 0!important;min-height:52px!important;border:1px solid #b45e49!important;border-radius:13px!important;background:#b75e49!important;color:#fff!important;padding:14px 18px!important;font-size:14px!important;box-shadow:0 4px 12px -7px #853b2a!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important}
html.er-earth body #app #page .er43-active-shift .er1449-clock-out b{margin-left:auto!important}
html.er-earth body #app #page .er43-active-shift .er1449-clock-out>span{flex:1!important;text-align:left!important}
html.er-earth body #app #page .er43-active-shift .er1449-work-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:0!important}
html.er-earth body #app #page .er43-active-shift .er1449-work-actions button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:75px!important;border:1px solid #dce5db!important;border-radius:12px!important;background:#fff!important;color:#46694f!important;font-size:10px!important;padding:12px 3px!important;white-space:normal!important}
html.er-earth body #app #page .er43-active-shift .er1449-work-actions button:nth-child(2){color:#a47039!important;background:#fffbf3!important;border-color:#ece2cf!important}
html.er-earth body #app #page .er43-active-shift .er1449-work-actions button:nth-child(3){color:#4a7a8a!important;background:#f5fafb!important;border-color:#dce8eb!important}
html.er-earth body #app #page .er43-active-shift .er1449-work-actions button:nth-child(4){color:#a86451!important;background:#fff9f6!important;border-color:#eddfd8!important}
html.er-earth body #app #page .er43-active-shift .er1449-work-note{font-size:10px!important;color:#81917e!important;text-align:center!important;margin:0 8px 8px!important;line-height:1.6!important}
@media(min-width:900px){html.er-earth body #app #page .er43-active-shift{grid-template-columns:1.1fr 1fr!important;align-items:start!important;gap:16px!important}html.er-earth body #app #page .er43-active-shift .er43-live-clock{grid-column:1;grid-row:1/4!important;padding:28px!important}html.er-earth body #app #page .er43-active-shift .er43-clock-face{padding:39px 0!important}html.er-earth body #app #page .er43-active-shift .er1449-work-actions{grid-column:1/-1!important}html.er-earth body #app #page .er43-active-shift .er1449-work-note{grid-column:1/-1!important}}
html.er-earth[data-er-theme=dark] body #app #page .er43-active-shift .er1449-current-job{background:#263c31!important;border-color:#496450!important}
html.er-earth[data-er-theme=dark] body #app #page .er43-active-shift .er1449-current-job h3{color:#e1eddf!important}
html.er-earth[data-er-theme=dark] body #app #page .er43-active-shift .er1449-job-address{color:#b6c9b7!important}
html.er-earth[data-er-theme=dark] body #app #page .er43-active-shift .er1449-location{background:#304c35!important;border-color:#496b45!important}
html.er-earth[data-er-theme=dark] body #app #page .er43-active-shift .er1449-location strong{color:#c3e0ba!important}
html.er-earth[data-er-theme=dark] body #app #page .er43-active-shift .er1449-location small{color:#abc9a5!important}
html.er-earth[data-er-theme=dark] body #app #page .er43-active-shift .er1449-work-actions button{background:#293d30!important;border-color:#48604c!important;color:#c0d8bd!important}
}