@layer er97 {
/* Quiet earth palette, readable controls, one consistent rhythm across both roles. */
:root{--er97-ink:#233e30;--er97-muted:#68766c;--er97-line:#dce3da;--er97-paper:#fffefa;--er97-canvas:#f3f5ef;--er97-green:#315d45;--er97-sage:#eaf0e5}
html.er-earth body #app .main{background:var(--er97-canvas)!important;color:var(--er97-ink)!important}
html.er-earth body #app #page{box-sizing:border-box!important;background:var(--er97-canvas)!important;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}
/* Separate shortcuts with visible strokes and generous, equal touch targets. */
html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header){min-height:94px!important;gap:12px!important;padding:calc(12px + env(safe-area-inset-top,0px)) 18px 12px!important;background:var(--er97-paper)!important;border-bottom:1px solid var(--er97-line)!important;box-shadow:none!important;overflow:visible!important}
html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header)>div:first-child{min-width:0!important;flex:1 1 0%!important}
html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header) h1{max-width:100%!important;font:750 25px/1.15 system-ui,sans-serif!important;letter-spacing:-.7px!important;white-space:normal!important;overflow:visible!important;color:var(--er97-ink)!important}
html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header) .sub{max-width:100%!important;font:400 12px/1.4 system-ui,sans-serif!important;white-space:normal!important;overflow:visible!important;color:var(--er97-muted)!important}
html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header) .er38-company-identity{font-size:10px!important;line-height:1.3!important;margin-bottom:5px!important;min-width:0!important}
html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header) .topbar-actions{display:flex!important;flex:0 0 auto!important;gap:6px!important;margin:0!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 :is(#app .main>.topbar,#er-invoicing>.er95-header) .topbar-actions::after{content:none!important;display:none!important}
html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header) :is(.topbar-actions>.icon-btn,.topbar-actions>.top-profile){display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;margin:0!important;padding:11px!important;border:1px solid #d9e1d4!important;border-radius:13px!important;background:#f6f8f1!important;color:#294f39!important;box-shadow:none!important;overflow:visible!important;transform:none!important}
html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header) .icon-btn svg{display:block!important;flex:none!important;width:21px!important;height:21px!important;min-width:21px!important;max-width:21px!important;min-height:21px!important;max-height:21px!important;stroke:currentColor!important;stroke-width:1.8!important;opacity:1!important;visibility:visible!important;transform:none!important}
html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header) .topbar-actions>.top-profile{padding:0!important;background:#e7eee2!important;border-color:#d2dec9!important;border-radius:50%!important}
html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header) .top-profile .avatar{display:grid!important;place-items:center!important;box-sizing:border-box!important;width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;min-height:42px!important;max-height:42px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#31523c!important;-webkit-text-fill-color:#31523c!important;font:750 12px/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:7px!important;height:7px!important;top:6px!important;right:7px!important;background:#a46149!important;border:2px solid #f6f8f1!important;box-shadow:none!important}
html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header) button:focus-visible{outline:2px solid #41694e!important;outline-offset:3px!important}
/* Today is a small green label; selection remains a single solid green tile. */
html.er-earth body #app #page .rst-day.er94-is-today{position:relative!important;border:1px solid #b7cbb0!important;background:#eff5e9!important;outline:0!important;box-shadow:none!important}
html.er-earth body #app #page .rst-day.sel.er94-is-today{background:#315b40!important;border:1px solid #315b40!important;outline:0!important;box-shadow:none!important}
html.er-earth body #app #page .rst-day.er94-is-today .er94-today-marker{display:block!important;min-height:11px!important;font:750 9px/11px system-ui!important;color:#3b6645!important;background:transparent!important}
html.er-earth body #app #page .rst-day.sel.er94-is-today .er94-today-marker{color:#fff!important}
html.er-earth body #app #page .rst-day.er94-is-today .er94-today-marker::before{content:none!important}
/* Profile menus, directories, availability and page sections share one calm surface. */
html.er-earth body[data-er97-page]:not([data-er97-page=roster]):not([data-er97-page=bookings]) #page :is(.card,.pf2-card,.pf2-links,.er151-admin-links,.er152-access-shortcut,.directory-hub-card){border:1px solid var(--er97-line)!important;border-radius:14px!important;box-shadow:0 2px 8px #1b382704!important;background:var(--er97-paper)!important}
html.er-earth body #page :is(.section-head h2,.pf2-section-label){font-family:system-ui,sans-serif!important;font-weight:700!important;letter-spacing:0!important;color:#35513d!important}
html.er-earth body #page .section-head{margin-top:20px!important;margin-bottom:10px!important}
html.er-earth body #page :is(.pf2-link,.er151-admin-links button,.er152-access-shortcut>button,.pf2-company-payroll,.dir-mini-row){min-height:62px!important;gap:12px!important;box-shadow:none!important}
html.er-earth body #page :is(.pf2-link-txt strong,.dir-main>strong,.fc-name){font:650 14px/1.4 system-ui,sans-serif!important;color:var(--er97-ink)!important;white-space:normal!important;overflow-wrap:anywhere!important}
html.er-earth body #page :is(.pf2-link-txt>span,.dir-main>small){font:400 12px/1.45 system-ui,sans-serif!important;color:var(--er97-muted)!important;white-space:normal!important}
html.er-earth body #page :is(.pf2-link-ic,.er152-access-icon){width:34px!important;height:34px!important;border-radius:10px!important;background:#edf2e7!important;color:#476b4d!important;box-shadow:none!important}
html.er-earth body #page :is(.pf2-link-ic svg,.er152-access-icon svg){width:18px!important;height:18px!important;stroke-width:1.7!important}
html.er-earth body #page .pf2-hero{border-radius:16px!important;background:#294f3c!important;box-shadow:none!important}
html.er-earth body #page .pf2-name{font:700 21px/1.3 system-ui!important;letter-spacing:-.4px!important}
html.er-earth body #page .pf2-edit{border:1px solid #ffffff45!important;border-radius:9px!important;min-height:36px!important}
html.er-earth body #page .pf2-section-label{font-size:11px!important;line-height:1.5!important;letter-spacing:.08em!important;margin-top:22px!important}
html.er-earth body #page :is(.directory-hub-hero,.doc-intro){padding:18px!important;background:var(--er97-paper)!important;box-shadow:none!important}
html.er-earth body #page :is(.directory-hub-hero h2,.doc-intro h3){font:700 21px/1.25 system-ui!important;letter-spacing:-.4px!important}
html.er-earth body #page :is(.directory-card,.client-card,.employee-card-list){box-shadow:none!important;border-color:var(--er97-line)!important}
html.er-earth body #page .avail-row{background:var(--er97-paper)!important;border:1px solid var(--er97-line)!important;border-radius:12px!important;padding:12px!important;min-height:66px!important}
html.er-earth body #page .wa-row{padding:12px 14px!important;min-height:56px!important}
html.er-earth body #page :is(.chat-item,.msg-chat-row,.ww1057-chat-row){box-shadow:none!important}
html.er-earth body #app :is(button,input,select,textarea):focus-visible{outline:2px solid #63855d!important;outline-offset:2px!important}
/* All ordinary sheets reserve real space for their footer and let the body scroll. */
html.er-earth body:not([data-modal-type=shift]) #modalHost .modal-overlay{box-sizing:border-box!important;height:var(--er94-visible-height,100dvh)!important;max-height:var(--er94-visible-height,100dvh)!important;top:var(--er94-vv-top,0px)!important;bottom:auto!important;padding:max(12px,env(safe-area-inset-top,0px)) 12px max(12px,env(safe-area-inset-bottom,0px))!important;overflow:hidden!important;align-items:center!important}
html.er-earth body:not([data-modal-type=shift]) #modalHost .modal{display:flex!important;flex-direction:column!important;box-sizing:border-box!important;width:min(600px,100%)!important;height:auto!important;max-height:100%!important;min-height:0!important;margin:0 auto!important;border:1px solid #d4dfcd!important;border-radius:18px!important;padding:0!important;overflow:hidden!important;background:var(--er97-paper)!important;box-shadow:0 18px 70px #15352526!important}
html.er-earth body:not([data-modal-type=shift]) #modalHost .modal-head{position:relative!important;inset:auto!important;flex:0 0 auto!important;min-height:62px!important;margin:0!important;padding:16px 18px!important;background:#f4f7ef!important;border-bottom:1px solid var(--er97-line)!important}
html.er-earth body:not([data-modal-type=shift]) #modalHost .modal-head h2{font:700 20px/1.3 system-ui!important;letter-spacing:-.4px!important;white-space:normal!important;color:var(--er97-ink)!important}
html.er-earth body:not([data-modal-type=shift]) #modalHost .modal-body{position:relative!important;inset:auto!important;flex:1 1 auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:18px!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;touch-action:pan-y!important}
html.er-earth body:not([data-modal-type=shift]) #modalHost .modal-foot{position:relative!important;inset:auto!important;display:flex!important;flex-wrap:wrap!important;flex:0 0 auto!important;gap:8px!important;min-height:64px!important;max-height:none!important;margin:0!important;padding:12px 18px!important;transform:none!important;background:var(--er97-paper)!important;border-top:1px solid var(--er97-line)!important;overflow:visible!important}
html.er-earth body:not([data-modal-type=shift]) #modalHost .modal-foot>button{min-height:42px!important;height:auto!important;white-space:normal!important;line-height:1.35!important;padding:10px 14px!important}
/* Documents: open layout, practical summary and readable file rows. */
html.er-earth body #er151-dialog[open]{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;top:calc(var(--er94-vv-top,0px) + max(12px,env(safe-area-inset-top,0px)))!important;bottom:auto!important;max-height:calc(var(--er94-visible-height,100dvh) - max(12px,env(safe-area-inset-top,0px)) - max(12px,env(safe-area-inset-bottom,0px)))!important;height:min(760px,calc(var(--er94-visible-height,100dvh) - 32px))!important;width:min(620px,calc(100vw - 24px))!important;min-height:0!important;margin:0 auto!important;padding:0!important;border:1px solid var(--er97-line)!important;border-radius:18px!important;background:var(--er97-paper)!important;overflow:hidden!important;box-shadow:0 20px 80px #19352530!important}
html.er-earth body #er151-dialog>header{flex:0 0 auto!important;padding:17px 18px!important;background:#f4f7ef!important;border-bottom:1px solid var(--er97-line)!important}
html.er-earth body #er151-dialog h2{font:700 21px/1.3 system-ui!important;letter-spacing:-.4px!important;color:var(--er97-ink)!important;white-space:normal!important}
html.er-earth body #er151-dialog .er151-body{flex:1 1 0%!important;min-height:0!important;max-height:none!important;padding:18px!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;touch-action:pan-y!important}
html.er-earth body #er151-dialog>footer{position:relative!important;inset:auto!important;flex:0 0 auto!important;display:flex!important;gap:10px!important;padding:12px 18px!important;background:var(--er97-paper)!important;border-top:1px solid var(--er97-line)!important;min-height:66px!important}
html.er-earth body #er151-dialog>footer button{flex:1 1 auto!important;min-height:42px!important;white-space:normal!important}
html.er-earth body #er151-dialog :is(.er151-permission,.er151-field){font-size:13px!important;line-height:1.5!important}
html.er-earth body #er151-dialog .er151-permission{padding:13px 0!important;border-bottom:1px solid var(--er97-line)!important}
html.er-earth body .er97-documents{max-width:1100px!important;margin:0 auto!important;color:var(--er97-ink)!important;font-family:system-ui,sans-serif!important}
html.er-earth body .er97-workspace-heading{padding:4px 0 20px!important}
html.er-earth body .er97-eyebrow{font:700 10px/1.5 system-ui!important;letter-spacing:.12em!important;color:#73836a!important}
html.er-earth body .er97-workspace-heading h2{font:750 26px/1.2 system-ui!important;letter-spacing:-.7px!important;margin:7px 0 9px!important;color:var(--er97-ink)!important}
html.er-earth body .er97-workspace-heading p{font:400 13px/1.65 system-ui!important;max-width:560px!important;color:var(--er97-muted)!important;margin:0 0 16px!important}
html.er-earth body :is(.er97-heading-actions,.er97-detail-actions,.er97-record-actions){display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important}
html.er-earth body .er97-button{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:42px!important;padding:10px 13px!important;border:1px solid #d2ddcb!important;border-radius:10px!important;background:var(--er97-paper)!important;color:#3b5c42!important;font:650 12px/1.4 system-ui!important;white-space:normal!important;text-align:center!important;cursor:pointer!important;box-shadow:none!important}
html.er-earth body .er97-button svg{flex:none!important;width:16px!important;height:16px!important}
html.er-earth body .er97-button.primary{color:#fff!important;background:var(--er97-green)!important;border-color:var(--er97-green)!important}
html.er-earth body .er97-button.danger{color:#96543d!important;border-color:#e4cfc2!important;background:#fdf7f0!important}
html.er-earth body .er97-button:disabled{opacity:.55!important}
html.er-earth body .er97-document-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-bottom:20px!important}
html.er-earth body .er97-document-stats>button{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;text-align:left!important;border:1px solid var(--er97-line)!important;border-radius:12px!important;background:var(--er97-paper)!important;padding:16px!important;color:var(--er97-ink)!important}
html.er-earth body .er97-document-stats>button.selected{background:#eaf1e4!important;border-color:#bccfb2!important}
html.er-earth body .er97-document-stats strong{font:750 26px/1 system-ui!important;letter-spacing:-.5px!important}
html.er-earth body .er97-document-stats span{font:500 11px/1.5 system-ui!important;color:var(--er97-muted)!important}
html.er-earth body .er97-doc-tools{display:grid!important;gap:14px!important;padding:18px!important;border:1px solid var(--er97-line)!important;border-radius:14px!important;background:var(--er97-paper)!important}
html.er-earth body .er97-search{display:flex!important;align-items:center!important;gap:10px!important;box-sizing:border-box!important;min-width:0!important;min-height:44px!important;padding:0 12px!important;border:1px solid #d2dccb!important;border-radius:10px!important;background:#fafbf6!important;color:#74836b!important}
html.er-earth body .er97-search>svg{flex:none!important;width:18px!important;height:18px!important}
html.er-earth body .er97-search>input{box-sizing:border-box!important;display:block!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;min-height:42px!important;margin:0!important;padding:10px 0!important;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;font:400 14px/1.4 system-ui!important;color:var(--er97-ink)!important}
html.er-earth body .er97-filter-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:12px!important}
html.er-earth body :is(.er97-filter-grid,.er97-metadata)>label{display:grid!important;gap:6px!important;margin:0!important;font:600 11px/1.45 system-ui!important;color:#64735f!important}
html.er-earth body :is(.er97-filter-grid,.er97-metadata) :is(input,select,textarea){box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:42px!important;padding:10px!important;border:1px solid #d5dfce!important;border-radius:9px!important;background:#fffefa!important;font:400 13px/1.45 system-ui!important;color:var(--er97-ink)!important;box-shadow:none!important}
html.er-earth body .er97-filter-tabs{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important}
html.er-earth body .er97-filter-tabs>button{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:36px!important;padding:7px 11px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;font:600 11px/1.45 system-ui!important;color:#6d7b67!important;box-shadow:none!important}
html.er-earth body .er97-filter-tabs>button[aria-pressed=true]{background:#eaf1e4!important;border-color:#d5e1cb!important;color:#355b3e!important}
html.er-earth body .er97-filter-tabs>button>span{display:inline-block!important;min-width:16px!important;font-size:10px!important;font-weight:750!important;color:inherit!important;opacity:.8!important}
html.er-earth body .er97-results-head{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:10px!important;padding:20px 0 12px!important}
html.er-earth body .er97-results-head>strong{font:650 14px/1.5 system-ui!important}
html.er-earth body .er97-results-head>label{font:400 11px/1.4 system-ui!important;color:#6a7865!important}
html.er-earth body .er97-results-head select{border:0!important;padding:5px!important;background:transparent!important;font:600 11px/1.4 system-ui!important;color:#466049!important;max-width:145px!important}
html.er-earth body .er97-document-list{display:grid!important;gap:9px!important}
html.er-earth body .er97-doc-row{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto 10px!important;align-items:center!important;gap:12px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0!important;padding:16px!important;border:1px solid var(--er97-line)!important;border-radius:12px!important;background:var(--er97-paper)!important;color:var(--er97-ink)!important;box-shadow:none!important;text-align:left!important;cursor:pointer!important}
html.er-earth body .er97-file-icon{display:grid!important;place-items:center!important;width:38px!important;height:42px!important;border:1px solid #dbe4d4!important;border-radius:10px!important;background:#eef3e8!important;color:#4d6d50!important}
html.er-earth body .er97-file-icon>svg{width:19px!important;height:19px!important}
html.er-earth body .er97-file-icon.attention{background:#f8eee5!important;border-color:#eddbcc!important;color:#9b6246!important}
html.er-earth body .er97-doc-copy{display:grid!important;gap:4px!important;min-width:0!important;overflow-wrap:anywhere!important}
html.er-earth body .er97-doc-copy>strong{font:650 14px/1.45 system-ui!important;color:var(--er97-ink)!important}
html.er-earth body .er97-doc-copy>span{font:400 11px/1.5 system-ui!important;color:#6b7b65!important}
html.er-earth body .er97-doc-copy>small{font:400 10px/1.5 system-ui!important;color:#7d8778!important}
html.er-earth body .er97-doc-copy i{font-style:normal!important}
html.er-earth body .er97-status{display:inline-block!important;justify-self:start!important;padding:4px 7px!important;border:1px solid #dce3d6!important;border-radius:6px!important;background:#f0f3eb!important;color:#62715c!important;font:600 10px/1.4 system-ui!important;white-space:nowrap!important}
html.er-earth body .er97-status.good{background:#edf4e8!important;border-color:#d9e5d0!important;color:#476b43!important}
html.er-earth body .er97-status.pending{background:#f7f1e3!important;border-color:#e9dec3!important;color:#8b6b36!important}
html.er-earth body .er97-status.attention{background:#faeee6!important;border-color:#ebd7c9!important;color:#975b42!important}
html.er-earth body .er97-chevron{color:#88957f!important;font:500 22px/1 system-ui!important}
html.er-earth body :is(.er97-staff-folders,.er97-client-agreement){margin-top:20px!important;padding:16px!important;border:1px solid var(--er97-line)!important;border-radius:12px!important;background:var(--er97-paper)!important}
html.er-earth body :is(.er97-staff-folders,.er97-client-agreement)>summary{font:650 13px/1.5 system-ui!important;color:#405e45!important;cursor:pointer!important;min-height:24px!important}
html.er-earth body :is(.er97-staff-folders,.er97-client-agreement)>summary>span{float:right!important;font:500 11px/1.5 system-ui!important;color:#788570!important}
html.er-earth body .er97-client-agreement>p{font:400 12px/1.6 system-ui!important;color:var(--er97-muted)!important}
html.er-earth body .er97-folder-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;gap:8px!important;margin-top:14px!important}
html.er-earth body .er97-folder-grid>button{display:flex!important;align-items:center!important;gap:10px!important;padding:12px!important;min-width:0!important;border:1px solid #e0e6db!important;border-radius:10px!important;background:#fafcf6!important;text-align:left!important}
html.er-earth body :is(.er97-folder-grid>button,.er97-folder-person)>span:nth-child(2){display:grid!important;gap:4px!important;flex:1 1 auto!important;min-width:0!important}
html.er-earth body .er97-folder-grid strong{font:600 12px/1.4 system-ui!important;color:var(--er97-ink)!important;overflow-wrap:anywhere!important}
html.er-earth body .er97-folder-grid small{font:400 10px/1.45 system-ui!important;color:var(--er97-muted)!important}
html.er-earth body .er97-folder-person{display:flex!important;align-items:center!important;gap:12px!important;padding-bottom:18px!important;font:650 14px/1.4 system-ui!important}
html.er-earth body .er97-folder-person small{font:400 12px/1.45 system-ui!important;color:var(--er97-muted)!important}
html.er-earth body .er97-empty{display:grid!important;justify-items:center!important;gap:8px!important;padding:32px 20px!important;border:1px dashed #d6dfcf!important;border-radius:12px!important;background:#fafcf6!important;text-align:center!important;color:#5f7659!important}
html.er-earth body .er97-empty>svg{width:28px!important;height:28px!important;color:#91a187!important}
html.er-earth body .er97-empty>strong{font:650 15px/1.4 system-ui!important}
html.er-earth body .er97-empty>p{font:400 12px/1.6 system-ui!important;margin:0!important;max-width:360px!important;color:#7a8772!important}
html.er-earth body .er97-document-detail h3{font:700 22px/1.35 system-ui!important;letter-spacing:-.4px!important;color:var(--er97-ink)!important;margin:12px 0 4px!important;overflow-wrap:anywhere!important}
html.er-earth body .er97-document-detail p{font:400 13px/1.65 system-ui!important;color:var(--er97-muted)!important;margin:6px 0 18px!important}
html.er-earth body .er97-document-detail dl{display:grid!important;gap:0!important;margin:18px 0!important;border-block:1px solid var(--er97-line)!important}
html.er-earth body .er97-document-detail dl>div{display:grid!important;grid-template-columns:95px minmax(0,1fr)!important;gap:12px!important;padding:11px 0!important;border-bottom:1px solid #e9ede4!important}
html.er-earth body .er97-document-detail dt{font:500 12px/1.5 system-ui!important;color:#7b8773!important}
html.er-earth body .er97-document-detail dd{font:500 12px/1.5 system-ui!important;color:#3e5942!important;margin:0!important;overflow-wrap:anywhere!important}
html.er-earth body .er97-document-notes{white-space:pre-wrap!important;font:400 12px/1.7 system-ui!important;color:#5d7257!important;background:#f4f7ee!important;border-radius:10px!important;padding:13px!important;margin-bottom:16px!important;overflow-wrap:anywhere!important}
html.er-earth body .er97-record-actions{padding-top:18px!important;margin-top:18px!important;border-top:1px solid var(--er97-line)!important}
html.er-earth body .er97-metadata{display:grid!important;gap:14px!important;border:1px solid var(--er97-line)!important;border-radius:12px!important;padding:14px!important;margin:20px 0 4px!important}
html.er-earth body .er97-metadata legend{padding:0 5px!important;font:650 12px/1.4 system-ui!important;color:#4d694b!important}
html.er-earth body .er97-metadata legend small{font-weight:400!important;color:#8a9580!important;margin-left:5px!important}
html.er-earth body .er97-metadata>.er97-checkbox{display:flex!important;align-items:center!important;gap:9px!important;font:400 12px/1.5 system-ui!important}
html.er-earth body .er97-checkbox input{flex:none!important;width:17px!important;height:17px!important;min-height:17px!important;margin:0!important;accent-color:#315d45!important}
/* Notifications have room to breathe; filters never hide the review queue. */
html.er-earth body.ww-alerts-active .ww1149-notif-wrap{max-width:1000px!important;gap:16px!important;margin-inline:auto!important}
html.er-earth body.ww-alerts-active .ww1149-review{padding:0!important;border:1px solid var(--er97-line)!important;border-radius:14px!important;background:var(--er97-paper)!important;box-shadow:none!important}
html.er-earth body.ww-alerts-active .ww1149-review-bar{padding:16px!important;min-height:84px!important;gap:12px!important}
html.er-earth body.ww-alerts-active .ww1149-review-title strong{font-size:15px!important}
html.er-earth body.ww-alerts-active .ww1149-review-title em{font-size:12px!important}
html.er-earth body.ww-alerts-active .ww1149-activity-head{padding-top:6px!important;gap:12px!important}
html.er-earth body.ww-alerts-active .ww1149-activity-head strong{font:700 18px/1.4 system-ui!important;letter-spacing:-.3px!important}
html.er-earth body .er97-notification-tools{display:grid!important;gap:12px!important}
html.er-earth body.ww-alerts-active .ww1149-notif-list{gap:10px!important}
html.er-earth body.ww-alerts-active .ww1149-notif-item{border:1px solid #e0e5db!important;border-radius:13px!important;background:var(--er97-paper)!important;box-shadow:none!important}
html.er-earth body.ww-alerts-active .ww1149-notif-item.unread{border-color:#cbdac3!important;background:#fcfdf8!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{grid-template-columns:34px minmax(0,1fr) 12px!important;padding:17px 50px 17px 14px!important;min-height:92px!important;gap:12px!important}
html.er-earth body.ww-alerts-active .ww1149-notif-row .notif-ic{width:34px!important;height:36px!important;border-radius:10px!important;background:#edf3e7!important;color:#57744e!important}
html.er-earth body.ww-alerts-active .ww1149-notif-copy{gap:6px!important}
html.er-earth body.ww-alerts-active .ww1149-notif-copy strong{font:600 14px/1.5 system-ui!important;color:#38503d!important;white-space:normal!important;overflow:visible!important;max-height:none!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:700!important}
html.er-earth body.ww-alerts-active .ww1149-notif-copy small{font:400 11px/1.5 system-ui!important;color:#7b8873!important}
html.er-earth body.ww-alerts-active .ww1149-notif-item .notif-del{top:12px!important;right:6px!important;width:36px!important;height:40px!important;padding:10px!important;border-radius:9px!important;color:#829276!important}
html.er-earth body.ww-alerts-active .ww1149-notif-body{margin-left:60px!important;margin-right:16px!important;padding-top:14px!important;font-size:13px!important;line-height:1.65!important}
html.er-earth body.ww-alerts-active :is(.ww1149-notif-item,#er97-notice-empty)[hidden]{display:none!important}
@media(min-width:1024px){
 html.er-earth body #app #page{padding-bottom:28px!important}
 html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header){padding:16px 28px!important;min-height:98px!important}
 html.er-earth body[data-er97-page=account] #page .pf2{max-width:920px!important;margin-inline:auto!important}
 html.er-earth body .er97-documents{padding:10px 12px 0!important}
 html.er-earth body .er97-notification-tools{grid-template-columns:1fr minmax(240px,340px)!important;align-items:center!important}
 html.er-earth body.ww-alerts-active .ww1149-activity-head{flex-direction:row!important;align-items:center!important;justify-content:space-between!important}
}
@media(max-width:600px){
 html.er-earth body .er97-workspace-heading h2{font-size:23px!important}
 html.er-earth body .er97-document-stats{gap:8px!important}
 html.er-earth body .er97-document-stats>button{padding:12px 9px!important;gap:7px!important}
 html.er-earth body .er97-document-stats strong{font-size:23px!important}
 html.er-earth body .er97-document-stats span{font-size:10px!important;line-height:1.4!important}
 html.er-earth body .er97-doc-tools{padding:14px!important}
 html.er-earth body .er97-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 html.er-earth body .er97-doc-tools .er97-filter-grid>label:last-child:nth-child(3){grid-column:1 / -1!important}
 html.er-earth body .er97-heading-actions>.er97-button{flex:1 1 auto!important}
 html.er-earth body .er97-doc-row{grid-template-columns:34px minmax(0,1fr) 10px!important;gap:5px 10px!important;padding:14px 12px!important}
 html.er-earth body .er97-file-icon{grid-row:1 / span 2!important;width:34px!important;height:40px!important;align-self:start!important}
 html.er-earth body .er97-doc-copy{grid-column:2!important;grid-row:1!important}
 html.er-earth body .er97-status{grid-column:2!important;grid-row:2!important;margin-top:3px!important}
 html.er-earth body .er97-document-detail>.er97-status{display:inline-block!important;margin:0!important}
 html.er-earth body .er97-chevron{grid-column:3!important;grid-row:1 / span 2!important}
 html.er-earth body .er97-doc-copy>strong{font-size:13px!important}
 html.er-earth body .er97-folder-grid{grid-template-columns:1fr!important}
 html.er-earth body:not([data-modal-type=shift]) #modalHost .modal-foot>button{flex:1 1 auto!important;min-width:0!important}
 html.er-earth body:not([data-modal-type=shift]) #modalHost .modal-foot>span:empty{display:none!important}
 html.er-earth body .er97-detail-actions>.er97-button{flex:1 1 auto!important}
}
@media(max-width:359px){
 html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header){padding-left:12px!important;padding-right:12px!important;gap:8px!important;min-height:94px!important}
 html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header) h1{font-size:21px!important;letter-spacing:-.6px!important}
 html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header) .sub{font-size:10px!important}
 html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header) .topbar-actions{gap:4px!important}
 html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header) :is(.topbar-actions>.icon-btn,.topbar-actions>.top-profile){width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;min-height:40px!important;max-height:40px!important;flex-basis:40px!important;padding:9px!important}
 html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header) .topbar-actions>.top-profile{padding:0!important}
 html.er-earth body :is(#app .main>.topbar,#er-invoicing>.er95-header) .top-profile .avatar{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;min-height:38px!important;max-height:38px!important}
 html.er-earth body .er97-document-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
/* Dark mode retains contrast on every new surface. */
html.er-earth[data-er-theme=dark]{--er97-ink:#e3ecdd;--er97-muted:#bac8b1;--er97-line:#485e43;--er97-paper:#283d2d;--er97-canvas:#203326;--er97-green:#54754d;--er97-sage:#394e32}
html.er-earth[data-er-theme=dark] body :is(.er97-doc-row,.er97-document-stats>button,.er97-doc-tools,.er97-staff-folders,.er97-client-agreement,.er97-search,.er97-empty){background:var(--er97-paper)!important;color:var(--er97-ink)!important;border-color:var(--er97-line)!important}
html.er-earth[data-er-theme=dark] body :is(#app .main>.topbar,#er-invoicing>.er95-header) :is(.topbar-actions>.icon-btn,.topbar-actions>.top-profile){background:#354c37!important;border-color:#52664b!important;color:#e2eddb!important}
html.er-earth[data-er-theme=dark] body :is(#app .main>.topbar,#er-invoicing>.er95-header) .top-profile .avatar{color:#e2eddb!important;-webkit-text-fill-color:#e2eddb!important}
html.er-earth[data-er-theme=dark] body :is(.er97-filter-grid,.er97-metadata) :is(input,select,textarea){background:#304532!important;color:#e3ecdd!important;border-color:#53664b!important}
html.er-earth[data-er-theme=dark] body .er97-doc-copy :is(span,small){color:#bac8b1!important}
html.er-earth[data-er-theme=dark] body.ww-alerts-active .ww1149-notif-item{background:#283d2d!important;border-color:#485e43!important}
html.er-earth[data-er-theme=dark] body.ww-alerts-active .ww1149-notif-item.unread{background:#304532!important}
html.er-earth[data-er-theme=dark] body.ww-alerts-active .ww1149-notif-copy strong{color:#e3ecdd!important}
html.er-earth[data-er-theme=dark] body #app #page .rst-day.er94-is-today:not(.sel){background:#344b32!important;border-color:#758c68!important}
html.er-earth[data-er-theme=dark] body #app #page .rst-day.er94-is-today:not(.sel) .er94-today-marker{color:#d2e5c5!important}
}