/* V128: V127 styles retained except clock-specific overrides of the ORIGINAL header and bottom menu. */
@layer   er120 {
@media   (max-width:1023px) {
#er151-dialog.er154-settings[open]{box-shadow:0 24px 80px #172d2440!important;
    border:1px solid #e0e7df!important;border-radius:17px!important;}
#er151-dialog.er154-settings>header{
    background:#f4f7f1!important;border-bottom:1px solid #e3e9e2!important;
    padding:15px 16px 13px!important;
  }
#er151-dialog.er154-settings>header h2{font-size:20px!important;
    font-weight:760!important;letter-spacing:-.65px!important;}
#er151-dialog.er154-settings .er154-field-options>label{
    background:#fff!important;border:1px solid #e0e7df!important;
    border-left:3px solid #c8d9c8!important;border-radius:10px!important;
    min-height:0!important;padding:9px 11px!important;
  }
#er151-dialog.er154-settings .er154-field-options>label:has(input:checked){
    background:#f1f6ef!important;border-left-color:#2b6346!important;
  }
#er151-dialog.er154-settings .er154-field-options strong{color:#263e30!important;font-size:13px!important;}
#er151-dialog.er154-settings .er154-field-options small{color:#78897b!important;font-size:11px!important;}
#er151-dialog.er154-settings .er154-settings-note{
    background:#f5f8f2!important;border-radius:10px!important;color:#7b897d!important;
    padding:9px 11px!important;font-size:10px!important;
  }
#er151-dialog.er154-settings>footer{
    background:#fff!important;border-top:1px solid #e4eae3!important;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px))!important;
  }
#er151-dialog.er154-settings>footer button{font-size:13px!important;border-radius:10px!important;}
}
}
@layer   er120 {
@media   (max-width:767px) {
:root{ --er123-ink:#273c32;--er123-muted:#7a8980;--er123-line:#e5eae5;--er123-accent:#315b45;--er123-bg:#fafbf9 }
#er151-dialog.er154-settings[open]{width:min(100% - 22px,440px)!important;max-height:calc(100dvh - 24px)!important;border-radius:12px!important;border:1px solid #dde5df!important;box-shadow:0 12px 38px #18282024!important}
#er151-dialog.er154-settings>header{padding:10px 12px!important;background:white!important;min-height:57px!important}
#er151-dialog.er154-settings>header small{font-size:9px!important;letter-spacing:1px!important}
#er151-dialog.er154-settings>header h2{font-size:17px!important;line-height:22px!important;letter-spacing:-.25px!important}
#er151-dialog.er154-settings>header button{width:33px!important;min-width:33px!important;height:33px!important;min-height:33px!important;border:1px solid var(--er123-line)!important;border-radius:7px!important;padding:0!important;font-size:23px!important;box-shadow:none!important}
#er151-dialog.er154-settings .er151-body{padding:11px 12px!important}
#er151-dialog.er154-settings .er154-settings-intro{font-size:11px!important;line-height:1.45!important;margin:0 0 8px!important}
#er151-dialog.er154-settings .er154-field-options{gap:0!important;border-top:1px solid var(--er123-line)!important}
#er151-dialog.er154-settings .er154-field-options>label,#er151-dialog.er154-settings .er154-field-options>label:has(input:checked){border:0!important;border-bottom:1px solid var(--er123-line)!important;border-left:0!important;border-radius:0!important;padding:8px 4px!important;background:white!important;min-height:49px!important;gap:8px!important}
#er151-dialog.er154-settings .er154-field-options strong{font-size:12px!important;line-height:17px!important;color:var(--er123-ink)!important}
#er151-dialog.er154-settings .er154-field-options small{font-size:10px!important;line-height:14px!important;color:var(--er123-muted)!important}
#er151-dialog.er154-settings .er154-field-options input{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;accent-color:var(--er123-accent)!important}
#er151-dialog.er154-settings .er154-settings-note{padding:7px 8px!important;margin:7px 0 0!important;background:#f6f8f5!important;color:var(--er123-muted)!important;border-radius:6px!important;font-size:9.5px!important;line-height:1.4!important}
#er151-dialog.er154-settings>footer{padding:8px 12px!important;border-top:1px solid var(--er123-line)!important;gap:8px!important}
#er151-dialog.er154-settings>footer button{height:34px!important;min-height:34px!important;font-size:11px!important;border-radius:8px!important;padding:6px 8px!important}
}
}
@layer   er120 {
@media   (max-width:767px) {
#er151-dialog.er154-settings .er154-field-options>label,#er151-dialog.er154-settings .er154-field-options>label:has(input:checked){
    height:45px!important;min-height:45px!important;max-height:45px!important;
    padding:4px 2px!important;gap:8px!important;overflow:hidden!important;
  }
#er151-dialog.er154-settings .er154-field-options>label>span{display:flex!important;flex-direction:column!important;min-width:0!important;gap:0!important;overflow:hidden!important}
#er151-dialog.er154-settings .er154-field-options small{display:block!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:13px!important;font-size:9.5px!important}
#er151-dialog.er154-settings .er154-field-options strong{line-height:16px!important;font-size:12px!important}
#er151-dialog.er154-settings .er154-settings-intro{font-size:10.5px!important;line-height:14px!important}
#er151-dialog.er154-settings .er154-settings-note{font-size:9px!important;line-height:13px!important}
#er151-dialog.er154-settings>footer{padding:6px 12px!important}
#er151-dialog.er154-settings>footer button{height:32px!important;min-height:32px!important}
}
}
@layer   er120 {
@media  (max-width:767px) {
:root{ --er124-ink:#233f34;--er124-mid:#456457;--er124-mute:#7d8d82;--er124-hair:#e4eae5;--er124-base:#fafbf8;--er124-leaf:#295e48; }
body.er108-employee-clock #app #page{background:#fff!important;}
body.er108-employee-clock #app .content{padding:0 15px 12px!important;}
body.er108-employee-clock #page .er120-clock{background:white!important;}
body.er108-employee-clock #page .er152-tabs{height:41px!important;min-height:41px!important;max-height:41px!important;padding:0!important;border-bottom:1px solid var(--er124-hair)!important;margin-bottom:1px!important;}
body.er108-employee-clock #page .er152-tabs button{height:40px!important;min-height:40px!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;padding:0 8px!important;font-size:12px!important;background:transparent!important;color:#88968d!important;box-shadow:none!important;}
body.er108-employee-clock #page .er152-tabs button[aria-pressed="true"]{border-bottom:2px solid var(--er124-leaf)!important;background:transparent!important;color:var(--er124-leaf)!important;}
body.er108-employee-clock #page .er152-tabs button svg{height:14px!important;width:14px!important;}
body.er108-employee-clock #page .er120-clock-content{padding-top:5px!important;}
body.er108-employee-clock #page .er152-time{gap:0!important;}
body.er108-employee-clock #page .er152-ready{
 display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:18px 24px 24px!important;
 padding:9px 0 10px!important;margin:0!important;background:white!important;border:0!important;border-bottom:1px solid var(--er124-hair)!important;border-left:0!important;border-radius:0!important;box-shadow:none!important;gap:0 12px!important;align-items:center!important;
}
body.er108-employee-clock #page .er152-ready .er156-clock-label{grid-column:1!important;grid-row:1!important;font-size:10px!important;line-height:13px!important;letter-spacing:.8px!important;color:var(--er124-leaf)!important;margin:0!important;}
body.er108-employee-clock #page .er152-ready>small:first-child{grid-column:2!important;grid-row:1!important;font-size:10px!important;color:#8d9a8d!important;justify-self:end!important;white-space:nowrap!important;}
body.er108-employee-clock #page .er152-ready h2{grid-column:1!important;grid-row:2!important;font-size:16px!important;line-height:22px!important;letter-spacing:-.3px!important;margin:0!important;}
body.er108-employee-clock #page .er152-ready>p{grid-column:2!important;grid-row:2!important;white-space:nowrap!important;font-size:12px!important;line-height:19px!important;margin:0!important;color:#4a6254!important;}
body.er108-employee-clock #page .er152-ready .er156-clock-hint{grid-column:1!important;grid-row:3!important;white-space:nowrap!important;font-size:9.5px!important;line-height:14px!important;margin:0!important;padding:0!important;border:0!important;}
body.er108-employee-clock #page .er152-ready>.er152-btn{grid-column:2!important;grid-row:3!important;height:25px!important;min-height:25px!important;padding:3px 8px!important;border:1px solid #cbdccd!important;border-radius:6px!important;background:transparent!important;color:var(--er124-leaf)!important;box-shadow:none!important;font-size:10px!important;}
body.er108-employee-clock #page .er152-ready>.er152-btn svg{height:13px!important;width:13px!important;}
body.er108-employee-clock #page .er152-section-title{height:35px!important;min-height:35px!important;padding:9px 0 3px!important;margin:0!important;}
body.er108-employee-clock #page .er152-section-title h3{font-size:13px!important;line-height:18px!important;font-weight:710!important;}
body.er108-employee-clock #page .er152-section-title span{font-size:11px!important;color:var(--er124-mid)!important;}
body.er108-employee-clock #page .er152-entry{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:1px 9px!important;padding:10px 0!important;border:0!important;border-bottom:1px solid var(--er124-hair)!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;}
body.er108-employee-clock #page .er152-entry-head{grid-column:1/-1!important;min-height:19px!important;}
body.er108-employee-clock #page .er152-entry-head h3{font-size:12.5px!important;line-height:19px!important;}
body.er108-employee-clock #page .er152-status{padding:2px 6px!important;border-radius:4px!important;min-height:18px!important;font-size:9.5px!important;background:#fff2db!important;color:#815d2b!important;}
body.er108-employee-clock #page .er152-entry-hours{grid-column:1/-1!important;min-height:19px!important;font-size:11px!important;line-height:18px!important;color:#52685a!important;}
body.er108-employee-clock #page .er152-entry-hours strong{font-size:14px!important;line-height:18px!important;color:var(--er124-leaf)!important;}
body.er108-employee-clock #page .er152-entry-meta{grid-column:1/-1!important;gap:8px!important;font-size:10px!important;line-height:15px!important;color:#8a9b90!important;}
body.er108-employee-clock #page .er152-entry-meta svg{height:12px!important;width:12px!important;}
body.er108-employee-clock #page .er152-entry details{grid-column:1!important;font-size:10px!important;line-height:20px!important;}
body.er108-employee-clock #page .er152-entry footer{grid-column:2!important;grid-row:4/6!important;display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;align-self:end!important;padding:0!important;margin:0!important;border:0!important;min-height:24px!important;}
body.er108-employee-clock #page .er152-entry footer small{display:none!important;}
body.er108-employee-clock #page .er152-entry footer .er152-btn{height:25px!important;min-height:25px!important;font-size:10px!important;padding:3px 7px!important;background:transparent!important;border:1px solid var(--er124-hair)!important;border-radius:5px!important;}
body.er108-employee-clock #page .er152-links{display:flex!important;gap:12px!important;margin:8px 0 0!important;}
body.er108-employee-clock #page .er152-links .er152-btn{height:25px!important;min-height:25px!important;padding:1px!important;font-size:10px!important;color:var(--er124-leaf)!important;border:0!important;border-radius:0!important;background:transparent!important;text-decoration:underline!important;text-underline-offset:3px!important;}
body.er108-employee-clock #page .er152-heading{height:42px!important;min-height:42px!important;margin:0!important;}
body.er108-employee-clock #page .er152-heading h2{font-size:16px!important;line-height:20px!important;margin:0!important;}
body.er108-employee-clock #page .er152-heading small{font-size:8.5px!important;letter-spacing:1.1px!important;line-height:12px!important;}
body.er108-employee-clock #page .er152-heading .er152-btn{height:29px!important;min-height:29px!important;border-radius:7px!important;padding:5px 9px!important;font-size:10.5px!important;}
body.er108-employee-clock #page .er152-week-nav,body.er108-employee-clock #page .er152-weekly-nav{height:36px!important;min-height:36px!important;padding:0!important;border:0!important;border-bottom:1px solid var(--er124-hair)!important;border-radius:0!important;margin:0!important;}
body.er108-employee-clock #page .er152-week-nav strong,body.er108-employee-clock #page .er152-weekly-nav strong{font-size:12px!important;}
body.er108-employee-clock #page .er152-week-nav button,body.er108-employee-clock #page .er152-weekly-nav button{height:28px!important;width:30px!important;border:0!important;border-radius:5px!important;}
body.er108-employee-clock #page .er152-summary{height:56px!important;min-height:56px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;border:0!important;border-bottom:1px solid var(--er124-hair)!important;border-radius:0!important;margin:1px 0!important;box-shadow:none!important;}
body.er108-employee-clock #page .er152-summary>div{padding:7px 5px!important;border-right:1px solid #eef1ec!important;gap:1px!important;}
body.er108-employee-clock #page .er152-summary span{font-size:9.5px!important;color:#89988b!important;}
body.er108-employee-clock #page .er152-summary strong{font-size:17px!important;color:#244935!important;}
body.er108-employee-clock #page .er152-days{height:50px!important;min-height:50px!important;gap:0!important;margin:0!important;padding:0!important;border-bottom:1px solid var(--er124-hair)!important;}
body.er108-employee-clock #page .er152-days button{height:49px!important;min-height:49px!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;margin:0!important;padding:2px!important;}
body.er108-employee-clock #page .er152-days button[aria-pressed="true"]{background:#f5faf6!important;border-bottom-color:var(--er124-leaf)!important;}
body.er108-employee-clock #page .er152-days span{font-size:9px!important;color:#8a9b90!important;line-height:12px!important;}
body.er108-employee-clock #page .er152-days b{font-size:15px!important;line-height:18px!important;color:#315545!important;}
body.er108-employee-clock #page .er152-days small{font-size:8px!important;line-height:10px!important;color:#8a9b90!important;}
body.er108-employee-clock #page .er152-filters{height:35px!important;min-height:35px!important;gap:0!important;margin:0!important;border:0!important;border-bottom:1px solid var(--er124-hair)!important;border-radius:0!important;background:transparent!important;padding:0!important;}
body.er108-employee-clock #page .er152-filters button{height:34px!important;min-height:34px!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;padding:5px 3px!important;background:transparent!important;font-size:10.5px!important;}
body.er108-employee-clock #page .er152-filters button[aria-pressed="true"]{border-bottom-color:var(--er124-leaf)!important;background:transparent!important;color:var(--er124-leaf)!important;box-shadow:none!important;}
body.er108-employee-clock #page .er152-week-day-title{font-size:11.5px!important;margin:7px 0 2px!important;color:#687d6e!important;}
body.er108-employee-clock #page .er152-history{border-radius:7px!important;}
body.er108-employee-clock #page .er152-empty{border:0!important;border-radius:0!important;background:transparent!important;padding:18px 7px!important;}
}
}
@layer   er120 {
@media  (max-width:767px){
body.er108-employee-clock #page .er152-ready h2{min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
body.er108-employee-clock #page .er152-ready>p{font-variant-numeric:tabular-nums!important;}
body.er108-employee-clock #page .er152-ready>.er152-btn,body.er108-employee-clock #page .er152-entry footer .er152-btn{position:relative!important;}
body.er108-employee-clock #page .er152-ready>.er152-btn:after,body.er108-employee-clock #page .er152-entry footer .er152-btn:after{content:"";position:absolute;inset:-8px -3px;}
}
@media  (max-width:350px){
body.er108-employee-clock #page .er152-ready{gap:0 7px!important;}
body.er108-employee-clock #page .er152-ready>p{font-size:10px!important;}
body.er108-employee-clock #page .er152-ready .er156-clock-hint{font-size:8.2px!important;white-space:normal!important;}
}
}
@layer   er120 {
@media   (max-width:767px) {
:root{ --er125-forest:#17392e;--er125-forest2:#235741;--er125-ink:#1e352e;--er125-muted:#73877e;--er125-line:#e5ece7;--er125-mist:#f4f7f4;--er125-lime:#b9e5a6;--er125-amber:#e4b971; }
body.er108-employee-clock #app{--er125-bg:#f5f7f4;background:var(--er125-bg)!important}
body.er108-employee-clock #app #page{background:var(--er125-bg)!important}
body.er108-employee-clock #app .content{padding:0 13px 10px!important;background:var(--er125-bg)!important}
body.er108-employee-clock #page .er152-workspace{background:var(--er125-bg)!important}
body.er108-employee-clock #page .er152-tabs{position:sticky!important;top:0!important;z-index:12!important;display:flex!important;height:44px!important;min-height:44px!important;padding:4px 0!important;margin:0 0 10px!important;border:0!important;background:var(--er125-bg)!important;box-shadow:none!important;gap:5px!important}
body.er108-employee-clock #page .er152-tabs button{flex:1!important;height:36px!important;min-height:36px!important;margin:0!important;border:1px solid #dbe6dc!important;border-radius:9px!important;padding:5px 7px!important;background:white!important;color:#809187!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-size:11.5px!important;font-weight:700!important}
body.er108-employee-clock #page .er152-tabs button[aria-selected="true"],body.er108-employee-clock #page .er152-tabs button[aria-pressed="true"],body.er108-employee-clock #page .er152-tabs button.active{background:var(--er125-forest)!important;border-color:var(--er125-forest)!important;color:#fff!important;box-shadow:none!important}
body.er108-employee-clock #page .er152-tabs button svg{width:14px!important;height:14px!important}
body.er108-employee-clock #page .er120-clock-content{padding-top:0!important}
body.er108-employee-clock #page .er152-time{gap:0!important}
body.er108-employee-clock #page .er152-ready{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:15px 25px 23px!important;gap:0 10px!important;padding:13px 14px!important;margin:0 0 11px!important;border:0!important;border-radius:11px!important;background:linear-gradient(117deg,#17392e,#27644a)!important;box-shadow:0 3px 11px #19392b15!important;align-items:center!important;min-height:0!important}
body.er108-employee-clock #page .er152-ready .er156-clock-label{grid-column:1!important;grid-row:1!important;font-size:9px!important;line-height:14px!important;color:#bde0b9!important;font-weight:750!important;letter-spacing:1.1px!important;margin:0!important}
body.er108-employee-clock #page .er152-ready>small:first-child{grid-column:2!important;grid-row:1!important;justify-self:end!important;font-size:10px!important;line-height:14px!important;color:#c7e0ce!important;margin:0!important;white-space:nowrap!important}
body.er108-employee-clock #page .er152-ready h2{grid-column:1!important;grid-row:2!important;margin:0!important;color:white!important;font-size:18px!important;line-height:25px!important;font-weight:730!important;letter-spacing:-.4px!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.er108-employee-clock #page .er152-ready>p{grid-column:2!important;grid-row:2!important;font-size:11.5px!important;line-height:21px!important;color:#e9f3e8!important;margin:0!important;white-space:nowrap!important;letter-spacing:.1px!important}
body.er108-employee-clock #page .er152-ready .er156-clock-hint{grid-column:1!important;grid-row:3!important;font-size:9px!important;line-height:16px!important;color:#aacbb5!important;margin:0!important;padding:0!important;border:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.er108-employee-clock #page .er152-ready>.er152-btn{grid-column:2!important;grid-row:3!important;height:25px!important;min-height:25px!important;padding:4px 8px!important;border:1px solid #76a890!important;border-radius:6px!important;background:#ffffff17!important;color:white!important;font-size:10px!important;box-shadow:none!important;white-space:nowrap!important}
body.er108-employee-clock #page .er152-ready>.er152-btn svg{width:12px!important;height:12px!important}
body.er108-employee-clock #page .er152-section-title{height:30px!important;min-height:30px!important;display:flex!important;align-items:center!important;margin:0!important;padding:1px 0 6px!important;border:0!important}
body.er108-employee-clock #page .er152-section-title h3{font-size:13.5px!important;color:var(--er125-ink)!important;font-weight:730!important}
body.er108-employee-clock #page .er152-section-title span{font-size:11px!important;color:#648e76!important;font-weight:750!important}
body.er108-employee-clock #page .er152-entry{border:1px solid #e2eae2!important;border-radius:10px!important;background:white!important;box-shadow:0 1px 3px #264b2a0b!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:2px 10px!important;padding:9px 11px!important;margin:0 0 9px!important;min-height:0!important}
body.er108-employee-clock #page .er152-entry-head{grid-column:1/-1!important;min-height:18px!important;margin:0!important}
body.er108-employee-clock #page .er152-entry-head h3{font-size:12.5px!important;line-height:18px!important;color:var(--er125-ink)!important}
body.er108-employee-clock #page .er152-status{height:19px!important;min-height:19px!important;border-radius:5px!important;padding:2px 6px!important;background:#fff3df!important;color:#8a6324!important;font-size:9px!important}
body.er108-employee-clock #page .er152-entry-hours{grid-column:1/-1!important;line-height:17px!important;min-height:17px!important;font-size:11.5px!important;color:#647c6c!important}
body.er108-employee-clock #page .er152-entry-hours strong{font-size:14px!important;line-height:18px!important;color:#235940!important}
body.er108-employee-clock #page .er152-entry-meta{grid-column:1/-1!important;font-size:9.5px!important;line-height:14px!important;color:#8a9a8e!important;gap:6px!important}
body.er108-employee-clock #page .er152-entry-meta svg{width:11px!important;height:11px!important}
body.er108-employee-clock #page .er152-entry details{grid-column:1!important;min-height:19px!important;font-size:10px!important;color:#6e8c77!important}
body.er108-employee-clock #page .er152-entry footer{grid-column:2!important;grid-row:4/6!important;display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;min-height:23px!important;border:0!important;padding:0!important;margin:0!important}
body.er108-employee-clock #page .er152-entry footer small{display:none!important}
body.er108-employee-clock #page .er152-entry footer .er152-btn{height:25px!important;min-height:25px!important;padding:3px 7px!important;border:1px solid #cfe1d3!important;border-radius:6px!important;background:#f6faf6!important;font-size:10px!important;color:#286044!important;box-shadow:none!important}
body.er108-employee-clock #page .er152-links{display:flex!important;align-items:center!important;margin:4px 0!important;gap:7px!important}
body.er108-employee-clock #page .er152-links .er152-btn{height:26px!important;min-height:26px!important;padding:4px 7px!important;border-radius:6px!important;border:1px solid #dce7dd!important;background:#fff!important;color:#406d54!important;box-shadow:none!important;font-size:10px!important;text-decoration:none!important}
body.er108-employee-clock #page .er152-heading{height:43px!important;min-height:43px!important;margin:0 0 4px!important;padding:0!important}
body.er108-employee-clock #page .er152-heading h2{font-size:16px!important;line-height:22px!important;color:var(--er125-ink)!important;letter-spacing:-.3px!important}
body.er108-employee-clock #page .er152-heading small{font-size:9px!important;color:#779080!important;letter-spacing:1.2px!important}
body.er108-employee-clock #page .er152-heading .er152-btn{height:30px!important;min-height:30px!important;padding:4px 10px!important;background:#27644a!important;border:0!important;border-radius:7px!important;font-size:10.5px!important;box-shadow:none!important}
body.er108-employee-clock #page .er152-week-nav,body.er108-employee-clock #page .er152-weekly-nav{height:40px!important;min-height:40px!important;margin:0!important;padding:0 4px!important;border:1px solid #e2eae2!important;border-radius:9px 9px 0 0!important;background:white!important;box-shadow:none!important}
body.er108-employee-clock #page .er152-week-nav strong,body.er108-employee-clock #page .er152-weekly-nav strong{font-size:12px!important;color:#294c3b!important}
body.er108-employee-clock #page .er152-week-nav button,body.er108-employee-clock #page .er152-weekly-nav button{height:30px!important;width:31px!important;background:white!important;border:0!important;border-radius:7px!important;box-shadow:none!important}
body.er108-employee-clock #page .er152-summary{height:56px!important;min-height:56px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:0!important;border:1px solid #e2eae2!important;border-top:0!important;border-radius:0!important;background:white!important;box-shadow:none!important}
body.er108-employee-clock #page .er152-summary>div{padding:7px 10px!important;gap:1px!important;border-right:1px solid #eef1ec!important}
body.er108-employee-clock #page .er152-summary span{font-size:10px!important;color:#8a998d!important}
body.er108-employee-clock #page .er152-summary strong{font-size:17px!important;color:#1e5139!important}
body.er108-employee-clock #page .er152-days{height:47px!important;min-height:47px!important;gap:0!important;margin:0!important;padding:0!important;border:1px solid #e2eae2!important;border-top:0!important;border-radius:0 0 9px 9px!important;background:white!important;overflow:hidden!important}
body.er108-employee-clock #page .er152-days button{height:45px!important;min-height:45px!important;margin:0!important;padding:2px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.er108-employee-clock #page .er152-days button[aria-pressed="true"]{background:#e9f3ea!important;box-shadow:inset 0 -2px #2b7c55!important}
body.er108-employee-clock #page .er152-days span{font-size:9px!important;line-height:11px!important;color:#839589!important}
body.er108-employee-clock #page .er152-days b{font-size:14px!important;line-height:17px!important;color:#254f3b!important}
body.er108-employee-clock #page .er152-days small{font-size:8px!important;line-height:9px!important;color:#96a79b!important}
body.er108-employee-clock #page .er152-filters{height:39px!important;min-height:39px!important;gap:0!important;margin:10px 0 2px!important;padding:0!important;border:1px solid #e1eae1!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important}
body.er108-employee-clock #page .er152-filters button{height:37px!important;min-height:37px!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;border-bottom:2px solid transparent!important;padding:6px 3px!important;color:#8b9a8c!important;font-size:10.5px!important;box-shadow:none!important}
body.er108-employee-clock #page .er152-filters button[aria-pressed="true"]{color:#216143!important;border-bottom-color:#2d8a62!important;background:#f4faf5!important;box-shadow:none!important}
body.er108-employee-clock #page .er152-week-day-title{margin:9px 0 3px!important;font-size:11px!important;font-weight:700!important;color:#819689!important}
body.er108-employee-clock #page .er152-history{border-radius:8px!important;background:#fff!important;border:1px solid #e3ebe5!important;margin:7px 0!important;box-shadow:none!important;font-size:11px!important}
body.er108-employee-clock #page .er152-empty{border:1px dashed #d7e4d8!important;border-radius:10px!important;background:#f9fbf8!important;padding:20px 10px!important}
}
@media  (max-width:350px){
body.er108-employee-clock #page .er152-ready{padding:10px 9px!important;gap:0 6px!important}
body.er108-employee-clock #page .er152-ready h2{font-size:15px!important}
body.er108-employee-clock #page .er152-ready>p{font-size:10px!important}
body.er108-employee-clock #page .er152-ready .er156-clock-hint{font-size:8px!important}
}
}
@layer   er120 {
@media  (max-width:767px){
body.er108-employee-clock #page .er152-tabs button[aria-selected="true"] svg,body.er108-employee-clock #page .er152-tabs button[aria-pressed="true"] svg,body.er108-employee-clock #page .er152-tabs button.active svg{filter:brightness(0) invert(1)!important}
}
}
@layer   er120 {
@media   (max-width:767px) {
:root{--er126-paper:#ffffff;--er126-ground:#f7f8f6;--er126-ink:#172f28;--er126-mid:#60766b;--er126-line:#e4eae5;--er126-accent:#29674e;--er126-pale:#eff6f0;--er126-shadow:0 1px 5px #213e2c0b;}
body.er108-employee-clock #app,body.er108-employee-clock #app #page{background:var(--er126-ground)!important;}
body.er108-employee-clock #app .content{padding:0 14px 12px!important;background:var(--er126-ground)!important;}
body.er108-employee-clock #page .er152-workspace{background:var(--er126-ground)!important;}
body.er108-employee-clock #page .er152-tabs{background:transparent!important;gap:0!important;border-bottom:1px solid #dfe7df!important;height:44px!important;min-height:44px!important;padding:0!important;margin-bottom:12px!important;}
body.er108-employee-clock #page .er152-tabs button{height:43px!important;min-height:43px!important;background:transparent!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;color:#839388!important;box-shadow:none!important;font-size:12px!important;}
body.er108-employee-clock #page .er152-tabs button[aria-selected="true"],body.er108-employee-clock #page .er152-tabs button[aria-pressed="true"],body.er108-employee-clock #page .er152-tabs button.active{background:transparent!important;color:#225c43!important;border:0!important;border-bottom:2px solid #287653!important;}
body.er108-employee-clock #page .er152-tabs button[aria-selected="true"] svg,body.er108-employee-clock #page .er152-tabs button[aria-pressed="true"] svg{filter:none!important;stroke:#225c43!important;}
body.er108-employee-clock #page .er152-ready{background:#fff!important;border:1px solid #e1e9e1!important;border-left:4px solid #3d8461!important;border-radius:12px!important;box-shadow:var(--er126-shadow)!important;padding:13px 14px!important;grid-template-rows:16px 28px 24px!important;gap:0 10px!important;margin:0 0 14px!important;}
body.er108-employee-clock #page .er152-ready .er156-clock-label{color:#577d64!important;font-size:9px!important;letter-spacing:1.1px!important;}
body.er108-employee-clock #page .er152-ready>small:first-child{color:#89998c!important;font-size:10px!important;}
body.er108-employee-clock #page .er152-ready h2{font-size:17px!important;color:var(--er126-ink)!important;line-height:25px!important;}
body.er108-employee-clock #page .er152-ready>p{color:#294b38!important;font-size:11px!important;}
body.er108-employee-clock #page .er152-ready .er156-clock-hint{color:#8c9b91!important;font-size:9.5px!important;}
body.er108-employee-clock #page .er152-ready>.er152-btn{background:#edf5ef!important;color:#1e6444!important;border:1px solid #cde3d3!important;height:28px!important;min-height:28px!important;font-size:10px!important;}
body.er108-employee-clock #page .er152-section-title{height:31px!important;min-height:31px!important;padding:1px 0 6px!important;}
body.er108-employee-clock #page .er152-section-title h3{font-size:14px!important;letter-spacing:-.2px!important;}
body.er108-employee-clock #page .er152-entry{border:1px solid #e1e9e1!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;padding:11px 12px!important;gap:2px 9px!important;margin-bottom:11px!important;}
body.er108-employee-clock #page .er152-entry-head h3{font-size:13px!important;color:#1c392c!important;}
body.er108-employee-clock #page .er152-entry-hours{color:#496757!important;font-size:11.5px!important;}
body.er108-employee-clock #page .er152-entry-hours strong{color:#246c4a!important;font-size:15px!important;}
body.er108-employee-clock #page .er152-entry-meta{color:#839688!important;font-size:10px!important;}
body.er108-employee-clock #page .er152-links .er152-btn{border-radius:8px!important;padding:5px 8px!important;height:30px!important;min-height:30px!important;}
body.er108-employee-clock #page .er152-heading{height:47px!important;min-height:47px!important;margin:0 0 6px!important;}
body.er108-employee-clock #page .er152-heading h2{font-size:18px!important;color:#1a3429!important;letter-spacing:-.45px!important;}
body.er108-employee-clock #page .er152-heading .er152-btn{height:32px!important;min-height:32px!important;background:#276c4c!important;border-radius:8px!important;}
body.er108-employee-clock #page .er152-week-nav,body.er108-employee-clock #page .er152-weekly-nav{height:43px!important;min-height:43px!important;border-radius:11px 11px 0 0!important;}
body.er108-employee-clock #page .er152-week-nav strong,body.er108-employee-clock #page .er152-weekly-nav strong{font-size:12px!important;}
body.er108-employee-clock #page .er152-summary{height:61px!important;min-height:61px!important;background:#f0f6f0!important;border-color:#dfe8de!important;}
body.er108-employee-clock #page .er152-summary>div{padding:8px 11px!important;border-right:1px solid #dde8df!important;}
body.er108-employee-clock #page .er152-summary span{color:#698272!important;font-size:10px!important;}
body.er108-employee-clock #page .er152-summary strong{font-size:19px!important;color:#21523b!important;font-weight:770!important;}
body.er108-employee-clock #page .er152-days{height:53px!important;min-height:53px!important;background:#fff!important;border-color:#e0e8e1!important;}
body.er108-employee-clock #page .er152-days button{height:52px!important;min-height:52px!important;}
body.er108-employee-clock #page .er152-days button[aria-pressed="true"]{background:#e8f3ea!important;box-shadow:inset 0 -3px #32845a!important;}
body.er108-employee-clock #page .er152-days span{font-size:9px!important;}
body.er108-employee-clock #page .er152-days b{font-size:16px!important;line-height:19px!important;}
body.er108-employee-clock #page .er152-filters{height:38px!important;min-height:38px!important;margin:9px 0 8px!important;border-radius:9px!important;}
body.er108-employee-clock #page .er152-filters button{height:36px!important;min-height:36px!important;font-size:10px!important;}
body.er108-employee-clock #page .er152-week-day-title{font-size:11.5px!important;color:#6c8173!important;margin:10px 0 7px!important;}
body.er108-employee-clock #page .er152-history{border:1px solid #e1e9e1!important;border-radius:10px!important;}
}
}
@layer  er120 {
@media  (max-width: 767px) {
body[data-er99-chat] #app .er99-messages .chat-thread-head .cth-back,body[data-er99-chat="thread"] #page .chat-thread-head .cth-back,body.ww-chat-active #page .chat-thread-head .cth-back{display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;flex:0 0 38px!important;width:38px!important;min-width:38px!important;height:40px!important;min-height:40px!important;margin-right:5px!important;place-items:center!important;}
body[data-er99-chat="thread"] #page .chat-thread-head .cth-back svg{width:20px!important;height:20px!important;}
body[data-er99-chat] #page .chat-list,body[data-er99-chat] #page .chat-thread{min-width:0!important;max-width:100%!important;}
body[data-er99-chat] #page .chat-thread-head{min-width:0!important;max-width:100%!important;}
body[data-er99-chat] #page .chat-thread-head .cth-card{min-width:0!important;}
body[data-er99-chat] #page .chat-scroll .bubble{overflow-wrap:anywhere!important;max-width:calc(100vw - 75px)!important;}
body[data-er99-chat] #page .chat-composer{min-width:0!important;max-width:100%!important;}
body[data-er99-chat] #page .chat-composer #chatInput{min-width:0!important;max-width:100%!important;}
}
}
@layer  er120 {
@media  (max-width:767px) {
html.er-earth body.ww-chat-active #app#app#app #page .chat-shell.show-thread .chat-thread-head button.cth-back[data-action="back-chatlist"],html.er-earth body.ww-chat-active #app#app#app #page .chat-thread-head button.cth-back[data-action="back-chatlist"]{
   display:grid!important;visibility:visible!important;opacity:1!important;
   pointer-events:auto!important;place-items:center!important;
   width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;
   padding:9px!important;flex:none!important;
 }
}
}