.notification-bell{position:relative;min-width:40px;padding:8px!important;border-color:var(--line);background:var(--surface)!important;color:var(--brand)!important}
.notification-bell svg{width:20px;height:20px}
#notification-count{position:absolute;right:-5px;top:-5px;min-width:19px;height:19px;padding:1px 4px;background:var(--accent);color:#fff;border-radius:10px;font-size:10px;line-height:17px;text-align:center}
.notification-popover{position:fixed;z-index:80;width:min(440px,calc(100vw - 24px));max-height:min(620px,calc(100dvh - 100px));border:0;border-radius:8px;background:var(--surface);color:var(--ink);box-shadow:0 10px 28px #0b264522;overflow:auto;overscroll-behavior:contain}
.notification-popover>header,.notification-popover>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--surface)}
.notification-popover>header{position:sticky;top:0;z-index:1;border-bottom:1px solid var(--line)}
.notification-popover>header h2{font:600 16px/1.4 Manrope,Inter,sans-serif;margin:0}
.notification-popover>footer{border-top:1px solid var(--line)}
.notification-popover>footer>span{font-size:11px;color:var(--muted)}
.notification-entry{border-bottom:1px solid var(--line);padding:14px 16px;background:var(--surface)}
.notification-entry:last-child{border-bottom:0}
.notification-entry.is-unread{background:#eaf2f8}
.notification-open{display:block;border:0;padding:0;background:none;text-align:left;color:var(--ink);cursor:pointer;width:100%;font:400 12px/1.6 Manrope,Inter,sans-serif}
.notification-open:hover strong{text-decoration:underline;text-underline-offset:3px}
.notification-entry-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.notification-entry-heading strong{font-size:13px;font-weight:650}
.notification-body,.notification-breakdown{display:block;margin-top:5px;overflow-wrap:anywhere}
.notification-body{color:var(--muted)}
.notification-breakdown{font-weight:600}
.notification-unread-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none;margin-top:7px}
.notification-entry-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;font-size:11px;color:var(--muted)}
.notification-tag{background:#edf3f7;color:var(--muted);padding:2px 6px;border-radius:4px}
.notification-tag.urgent{background:#fff2df;color:#915000}.notification-tag.overdue{background:#fff0f2;color:var(--accent)}
.notification-read{border:0;background:none;color:#225777;font:600 11px/1.5 Manrope,Inter,sans-serif;padding:5px 0;cursor:pointer;min-height:30px}
.notification-read:hover{text-decoration:underline;text-underline-offset:3px}
.notification-empty{padding:28px 16px;margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.notification-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.notification-page-list{max-width:1000px;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.notification-page-list .notification-entry{padding:18px 20px}
.notification-context{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;padding:14px 16px;background:#eaf2f8;border:1px solid var(--line);border-radius:4px;font-size:12px;line-height:1.6}
@media(max-width:720px){.notification-popover>header,.notification-popover>footer{padding:12px}.notification-popover>footer{flex-wrap:wrap}.notification-page-toolbar,.notification-context{align-items:flex-start;flex-direction:column}.notification-page-list .notification-entry{padding:14px}.notification-bell{min-width:36px;min-height:36px}}
.nav-item .nav-page-badge{margin-left:auto;flex:0 0 auto;min-width:23px;padding:2px 6px;border-radius:12px;background:#ad1730;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;font-variant-numeric:tabular-nums}.nav-item.active .nav-page-badge{background:#9e1027;color:#fff}