@layer er96,er95,er94,er89;
@layer er96 {
:root{--er96-vvh:var(--er94-visible-height,100dvh);--er96-vvtop:var(--er94-vv-top,0px);--er96-safe-top:env(safe-area-inset-top,0px);--er96-safe-bottom:env(safe-area-inset-bottom,0px)}
/* Separate, quiet shortcuts: no shared capsule or heavy profile fill. */
html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header) .topbar-actions{gap:4px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header) :is(.topbar-actions>.icon-btn,.topbar-actions>.top-profile){flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:9px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#365c43!important;box-shadow:none!important}
html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header) .icon-btn svg{flex:0 0 22px!important;width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important;min-height:22px!important;max-height:22px!important;stroke-width:1.75!important;visibility:visible!important;opacity:1!important;transform:none!important;transition:none!important}
html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header) .topbar-actions>.top-profile{padding:3px!important}
html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header) .top-profile .avatar{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;min-height:34px!important;max-height:34px!important;border:0!important;border-radius:50%!important;background:#e5ede1!important;color:#365c43!important;-webkit-text-fill-color:#365c43!important;font:700 11px/1 system-ui!important;box-shadow:none!important}
html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header) .notif-bell-btn .dot{width:6px!important;height:6px!important;right:8px!important;top:6px!important;border:1.5px solid #fafbf7!important;background:#ae694f!important}
html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header) .icon-btn:hover{background:transparent!important}
@media(hover:hover){html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header) .icon-btn:hover{background:#eaf0e6!important}}
@media(max-width:359px){html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header) :is(.topbar-actions>.icon-btn,.topbar-actions>.top-profile){flex-basis:36px!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:7px!important}html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header) .topbar-actions>.top-profile{padding:3px!important}html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header) .top-profile .avatar{width:30px!important;height:30px!important}}
/* Today stays visible independently from selection, with no coloured ring. */
html.er-earth body #app #page .rst-day.er94-is-today{border:1px solid #cfd7c8!important;background:#fffefa!important;outline:0!important;box-shadow:none!important}
html.er-earth body #app #page .rst-day.sel.er94-is-today{border:1px solid #315b40!important;background:#315b40!important;outline:0!important;box-shadow:none!important}
html.er-earth body #app #page .rst-day.er94-is-today .er94-today-marker{font:750 9px/11px system-ui!important;color:#365f43!important;background:transparent!important}
html.er-earth body #app #page .rst-day.sel.er94-is-today .er94-today-marker{color:#f2f7ed!important}
html.er-earth body #app #page .rst-day.er94-is-today .er94-today-marker::before{content:''!important;display:inline-block!important;width:3px!important;height:3px!important;margin:0 3px 2px 0!important;border-radius:50%!important;background:currentColor!important}
/* A definite dialog height gives Safari a real, scrollable flex body. */
html.er-earth body:has(#er95-password-help[open]),html.er-earth:has(#er95-password-help[open]),html.er-earth body[data-modal-type=person]{touch-action:pan-y!important}
html.er-earth body #er95-password-help[open]{top:calc(var(--er96-vvtop) + max(16px,var(--er96-safe-top) + 8px))!important;right:12px!important;bottom:auto!important;left:12px!important;height:min(620px,calc(var(--er96-vvh) - max(16px,var(--er96-safe-top) + 8px) - max(16px,var(--er96-safe-bottom) + 8px)))!important;max-height:calc(var(--er96-vvh) - max(16px,var(--er96-safe-top) + 8px) - max(16px,var(--er96-safe-bottom) + 8px))!important;min-height:0!important;transform:none!important;touch-action:pan-y!important}
html.er-earth body #er95-password-help[open][data-state=ready]{height:min(460px,calc(var(--er96-vvh) - max(16px,var(--er96-safe-top) + 8px) - max(16px,var(--er96-safe-bottom) + 8px)))!important}
html.er-earth body #er95-password-help>header{position:relative!important;inset:auto!important;padding:15px 18px!important;min-height:0!important;flex:0 0 auto!important}
html.er-earth body #er95-password-help h2{font-size:20px!important;line-height:1.25!important}
html.er-earth body #er95-password-help>main{position:relative!important;inset:auto!important;display:block!important;flex:1 1 0%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:16px 18px!important;overflow-x:hidden!important;overflow-y:auto!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;scroll-padding:14px!important}
html.er-earth body #er95-password-help .er95-reset-person{padding:10px 12px!important;gap:2px!important}
html.er-earth body #er95-password-help .er95-reset-result{gap:10px!important;margin-top:14px!important}
html.er-earth body #er95-password-help .er95-reset-result>strong{font:750 16px/1.35 system-ui!important;outline:0!important}
html.er-earth body #er95-password-help .er95-reset-result p{margin:2px 0!important;font-size:12px!important}
html.er-earth body #er95-password-help>footer{position:relative!important;inset:auto!important;display:flex!important;flex:0 0 auto!important;gap:8px!important;min-height:0!important;max-height:none!important;margin:0!important;padding:12px 18px!important;transform:none!important;z-index:1!important}
html.er-earth body #er95-password-help>footer button{min-height:42px!important;white-space:normal!important}
/* Employee details: the footer is inside the visible sheet, never under the dock. */
html.er-earth body[data-modal-type=person] #modalHost{position:fixed!important;inset:0!important;z-index:2147483647!important;height:100%!important;max-height:none!important;overflow:visible!important;transform:none!important;touch-action:pan-y!important}
html.er-earth body[data-modal-type=person] #modalHost .modal-overlay{position:fixed!important;inset:var(--er96-vvtop) 0 auto!important;display:flex!important;align-items:stretch!important;justify-content:center!important;box-sizing:border-box!important;width:100%!important;height:var(--er96-vvh)!important;max-height:var(--er96-vvh)!important;padding:var(--er96-safe-top) 0 0!important;margin:0!important;overflow:hidden!important;transform:none!important;touch-action:pan-y!important}
html.er-earth body[data-modal-type=person] #modalHost .modal{position:relative!important;inset:auto!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;border:0!important;border-radius:0!important;padding:0!important;overflow:hidden!important;transform:none!important}
html.er-earth body[data-modal-type=person] #modalHost .modal-head{position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;flex:0 0 auto!important;box-sizing:border-box!important;height:auto!important;min-height:60px!important;padding:14px 18px!important;margin:0!important;transform:none!important}
html.er-earth body[data-modal-type=person] #modalHost .modal-body{position:relative!important;inset:auto!important;display:block!important;flex:1 1 0%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:16px 18px 24px!important;overflow-x:hidden!important;overflow-y:auto!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;scroll-padding:16px!important}
html.er-earth body[data-modal-type=person] #modalHost .modal-foot{position:relative!important;inset:auto!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important;box-sizing:border-box!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:12px 16px max(16px,var(--er96-safe-bottom))!important;overflow:visible!important;transform:none!important;background:#fffefa!important;z-index:1!important}
html.er-earth body[data-modal-type=person] #modalHost .modal-foot button{box-sizing:border-box!important;flex:1 1 0!important;min-width:0!important;min-height:44px!important;height:auto!important;margin:0!important;padding:11px 14px!important;font:650 14px/1.3 system-ui!important;white-space:normal!important;transform:none!important}
@media(min-width:1024px){html.er-earth body[data-modal-type=person] #modalHost .modal-overlay{padding:24px!important;align-items:center!important}html.er-earth body[data-modal-type=person] #modalHost .modal{width:min(620px,100%)!important;max-width:620px!important;height:min(780px,100%)!important;border:1px solid #d6e0d0!important;border-radius:18px!important}}
/* Notifications: clear hierarchy and separated rows, without coloured rails. */
html.er-earth body.ww-alerts-active .ww1149-notif-wrap{display:grid!important;gap:14px!important;width:100%!important;max-width:880px!important;margin:0 auto!important;padding:0!important}
html.er-earth body.ww-alerts-active .ww1149-review{margin:0!important;border:1px solid #d8e2d1!important;border-radius:12px!important;background:#f6f9f2!important;box-shadow:none!important;overflow:hidden!important}
html.er-earth body.ww-alerts-active .ww1149-review-bar{display:grid!important;grid-template-columns:30px minmax(0,1fr) auto 30px!important;align-items:center!important;gap:10px!important;min-height:70px!important;padding:13px!important;background:transparent!important}
html.er-earth body.ww-alerts-active .ww1149-review-mark{width:30px!important;height:30px!important;border:0!important;border-radius:9px!important;background:#e8efe1!important;color:#496b4e!important}
html.er-earth body.ww-alerts-active .ww1149-review-mark svg{width:17px!important;height:17px!important}
html.er-earth body.ww-alerts-active .ww1149-review-title small{display:none!important}
html.er-earth body.ww-alerts-active .ww1149-review-title strong{font:700 15px/1.3 system-ui!important;white-space:normal!important;color:#2f5038!important}
html.er-earth body.ww-alerts-active .ww1149-review-title em{font:400 11px/1.4 system-ui!important;color:#65795f!important;white-space:normal!important}
html.er-earth body.ww-alerts-active .ww725-review-state{padding:5px 7px!important;border:0!important;border-radius:6px!important;background:#e6eee0!important;color:#3c6043!important;font:700 11px/1.3 system-ui!important;white-space:nowrap!important;box-shadow:none!important}
html.er-earth body.ww-alerts-active .ww693-review-toggle{width:30px!important;min-width:30px!important;height:32px!important;min-height:32px!important;padding:6px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#476a4c!important;box-shadow:none!important}
html.er-earth body.ww-alerts-active .ww1149-activity-head{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html.er-earth body.ww-alerts-active .ww1149-activity-head>span{display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;gap:4px 10px!important}
html.er-earth body.ww-alerts-active .ww1149-activity-head>span>small{display:none!important}
html.er-earth body.ww-alerts-active .ww1149-activity-head strong{font:750 18px/1.35 system-ui!important;color:#2d4d36!important}
html.er-earth body.ww-alerts-active .ww1149-activity-head em{font:400 12px/1.4 system-ui!important;color:#74836d!important}
html.er-earth body.ww-alerts-active .ww1149-activity-actions{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;gap:8px!important;height:auto!important;min-height:0!important;overflow:visible!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
html.er-earth body.ww-alerts-active .ww1149-activity-actions>button{flex:0 1 auto!important;width:auto!important;min-width:0!important;min-height:40px!important;padding:9px 13px!important;margin:0!important;border:1px solid #d3deca!important;border-radius:9px!important;background:#fffefa!important;color:#426449!important;font:650 12px/1.3 system-ui!important;box-shadow:none!important;white-space:normal!important}
html.er-earth body.ww-alerts-active .ww1149-activity-actions>button:disabled{opacity:.45!important}
html.er-earth body.ww-alerts-active .ww1149-notif-list{display:grid!important;gap:8px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
html.er-earth body.ww-alerts-active .ww1149-notif-item{position:relative!important;margin:0!important;padding:0!important;border:1px solid #dce5d6!important;border-radius:12px!important;background:#fffefa!important;box-shadow:none!important;overflow:hidden!important}
html.er-earth body.ww-alerts-active .ww1149-notif-item::before{display:none!important;content:none!important}
html.er-earth body.ww-alerts-active .ww1149-notif-row{display:grid!important;grid-template-columns:30px minmax(0,1fr) 14px!important;align-items:start!important;gap:10px!important;box-sizing:border-box!important;width:100%!important;min-height:76px!important;height:auto!important;padding:13px 49px 13px 12px!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;text-align:left!important;transform:none!important}
html.er-earth body.ww-alerts-active .ww1149-notif-row .notif-ic{display:grid!important;place-items:center!important;flex:none!important;width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;margin:2px 0 0!important;border:0!important;border-radius:9px!important;background:#edf3e8!important;color:#4a7051!important;box-shadow:none!important}
html.er-earth body.ww-alerts-active .ww1149-notif-row .notif-ic svg{width:17px!important;height:17px!important;stroke-width:1.8!important}
html.er-earth body.ww-alerts-active .ww1149-notif-row .notif-ic::after{display:none!important;content:none!important}
html.er-earth body.ww-alerts-active .ww1149-notif-item.important .notif-ic{background:#f6ede6!important;color:#9b5843!important}
html.er-earth body.ww-alerts-active .ww1149-notif-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-width:0!important;gap:4px!important}
html.er-earth body.ww-alerts-active .ww1149-notif-copy strong{display:block!important;flex:0 0 auto!important;width:auto!important;height:auto!important;max-height:none!important;max-width:100%!important;font:650 14px/1.4 system-ui!important;letter-spacing:0!important;color:#36533e!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;overflow-wrap:anywhere!important}
html.er-earth body.ww-alerts-active .ww1149-notif-item.unread .ww1149-notif-copy strong{font-weight:750!important;color:#294b35!important}
html.er-earth body.ww-alerts-active .ww1149-notif-item.unread .ww1149-notif-copy strong::before{content:''!important;display:inline-block!important;width:5px!important;height:5px!important;margin:0 5px 2px 0!important;border-radius:50%!important;background:#4f8257!important}
html.er-earth body.ww-alerts-active .ww1149-notif-copy :is(small,.er1328-notice-summary){display:block!important;position:static!important;flex:0 0 auto!important;height:auto!important;max-height:none!important;font:400 11px/1.45 system-ui!important;color:#74836e!important;white-space:normal!important;overflow-wrap:anywhere!important;margin:0!important;padding:0!important;border:0!important}
html.er-earth body.ww-alerts-active .ww1149-notif-copy .notif-badge{padding:2px 5px!important;margin:0 0 1px!important;border:0!important;border-radius:4px!important;background:#f7eee7!important;color:#94553f!important;font:650 9px/1.3 system-ui!important;letter-spacing:0!important;text-transform:none!important}
html.er-earth body.ww-alerts-active .ww1149-notif-go{align-self:center!important;width:14px!important;height:14px!important;margin:0!important;color:#8b9b83!important}
html.er-earth body.ww-alerts-active .ww1149-notif-go svg{width:12px!important;height:12px!important}
html.er-earth body.ww-alerts-active .ww1149-notif-item .notif-del{position:absolute!important;inset:9px 7px auto auto!important;width:34px!important;min-width:34px!important;height:36px!important;min-height:36px!important;padding:9px!important;margin:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#83937c!important;opacity:1!important;box-shadow:none!important;transform:none!important}
html.er-earth body.ww-alerts-active .ww1149-notif-item .notif-del svg{width:14px!important;height:14px!important}
html.er-earth body.ww-alerts-active .ww1149-notif-body{margin:0 12px 12px 52px!important;padding:12px 0 0!important;border-top:1px solid #e1e8dc!important;background:transparent!important;color:#4d6650!important;font:400 12px/1.6 system-ui!important;overflow-wrap:anywhere!important}
html.er-earth body.ww-alerts-active .ww1149-notif-body :is(.notif-actions,.notif-detail){max-width:100%!important;min-width:0!important}
html.er-earth body.ww-alerts-active .ww1149-notif-body .notif-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
/* Dark-mode controls remain readable without reintroducing a shared box. */
html.er-earth[data-er-theme=dark] body :is(#app .main>.topbar,#er-invoicing>.er95-header) .topbar-actions{background:transparent!important;border:0!important}
html.er-earth[data-er-theme=dark] body :is(#app .main>.topbar,#er-invoicing>.er95-header) .icon-btn{color:#d3e2cc!important}
html.er-earth[data-er-theme=dark] body :is(#app .main>.topbar,#er-invoicing>.er95-header) .top-profile .avatar{background:#3b5140!important;color:#e9f2e1!important;-webkit-text-fill-color:#e9f2e1!important}
html.er-earth[data-er-theme=dark] body #app #page .rst-day.er94-is-today:not(.sel){background:#293a2c!important;border-color:#52644b!important}
html.er-earth[data-er-theme=dark] body #app #page .rst-day.er94-is-today:not(.sel) .er94-today-marker{color:#c2d9b3!important}
}