.notification-tabs{background:#eef2eb;border-radius:10px;flex:none;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) minmax(0,1fr);gap:3px;margin:0 0 12px;padding:3px;display:grid}.notification-tabs button{color:#526a58;min-width:0;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:4px;padding:5px 4px;font-size:11px;font-weight:650;line-height:1.25;display:flex}.notification-tabs button[aria-selected=true]{color:#24573b;background:#fffefa;box-shadow:0 1px 3px #26393012}.notification-tabs button:hover{color:#24573b;background:#e2ebde}.notification-tabs button[aria-selected=true]:hover{background:#fffefa}.notification-tabs button:focus-visible{outline-offset:2px;outline:2px solid #39714d}.notification-tabs b{font-variant-numeric:tabular-nums;flex:none;font-size:10px;font-weight:750}.notification-tabs button[aria-selected=true] b{color:#24573b}
.employee-notifications-control{flex:none;place-items:center;display:grid;position:relative}.employee-notifications-trigger{color:#657c6b;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;width:42px;height:42px;padding:0;display:grid;position:relative}.employee-notifications-trigger:hover{color:var(--green);background:#e9f1e9}.employee-notifications-trigger:focus-visible,.employee-notifications-close:focus-visible{outline-offset:2px;outline:2px solid #78b887}.employee-notifications-trigger svg{width:19px;height:19px}.employee-notifications-badge{color:#fff;background:#bd6253;border:2px solid #f6f8f4;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:9px;font-weight:800;display:grid;position:absolute;top:1px;right:1px}.employee-notifications-popover{z-index:60;color:#263d30;opacity:0;visibility:hidden;pointer-events:none;background:#fbfcfa;border:1px solid #dce6dc;border-radius:18px;width:min(400px,100vw - 24px);max-height:min(72dvh,620px);transition:opacity .16s,transform .16s,visibility 0s linear .16s;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;transform:translateY(-7px);box-shadow:0 20px 56px #1422192e}.employee-notifications-popover.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .16s,transform .16s,visibility;transform:translateY(0)}.employee-notifications-popover .employee-notifications-content{max-height:min(72dvh,620px);padding:20px}.employee-notifications-dialog{color:#263d30;background:#fbfcfa;border:1px solid #dce6dc;border-radius:22px;width:min(480px,100% - 28px);max-width:none;max-height:min(82dvh,760px);margin:auto;padding:0;overflow:hidden;box-shadow:0 24px 80px #1422193d}.employee-notifications-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#141f189e}.employee-notifications-content{flex-direction:column;max-height:min(82dvh,760px);padding:22px;display:flex}.employee-notifications-heading{border-bottom:1px solid #e4ebe3;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:17px;display:flex}.employee-notifications-heading h2{letter-spacing:-.8px;margin:6px 0 5px;font-size:25px}.employee-notifications-heading p{color:#7b8c80;font-size:12px;line-height:1.5}.employee-notifications-close{color:#536c5b;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.employee-notifications-close:hover{background:#edf3eb}.employee-notifications-actions{color:#536c5b;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-size:11px;display:flex}.employee-notifications-actions button{color:#236d3f;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:750}.employee-notifications-content>.notification-tabs{margin-top:14px;margin-bottom:0}.employee-notifications-heading,.employee-notifications-actions{flex:none}.employee-notifications-actions button{min-height:44px}.employee-notifications-list{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.employee-notifications-item{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #e8eee7;align-items:center;gap:12px;padding:13px 4px;display:flex}.employee-notifications-item.is-unread{background:#f1f7f0}.employee-notifications-item.is-warning .employee-notifications-mark{color:#946d31;background:#faf1df}.employee-notifications-item.is-critical .employee-notifications-mark{color:#a34d3f;background:#f8e9e5}.employee-notifications-mark{color:#4a7654;background:#eaf2e9;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.employee-notifications-copy{flex:1;gap:4px;min-width:0;display:grid}.employee-notifications-copy strong{font-size:13px;line-height:1.35}.employee-notifications-copy small{color:#5b7062;font-size:11px;line-height:1.45}.employee-notifications-copy time{color:#617367;font-size:10px}.employee-notifications-dot{background:#2b7546;border-radius:50%;flex:none;width:8px;height:8px}.employee-notifications-item>svg:last-child{color:#819184;flex:none}.employee-notifications-empty,.employee-notifications-error{color:#5b7062;padding:26px 8px;font-size:12px;line-height:1.6}.employee-notifications-error{color:#a34135}@media (max-width:560px){.employee-notifications-popover{display:none}.employee-notifications-dialog{border-radius:22px 22px 0 0;align-self:end;width:100%;max-height:84dvh;margin:0}.employee-notifications-content{max-height:84dvh;padding:20px 18px calc(18px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.employee-notifications-popover{transition:none}}