.nav-alert-count{margin-left:auto;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:#d64a58;color:#fff;font-size:9px;font-weight:800}.notification-bell{position:relative}.notification-bell>span{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border:2px solid var(--surface);border-radius:999px;background:var(--danger);color:#fff;font-size:8px;font-weight:800}.notification-shell{display:grid;gap:18px}.notification-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 30px;border-radius:18px;background:linear-gradient(120deg,#0e3554,#1769aa);color:#fff;box-shadow:var(--shadow)}.notification-hero h2{font-size:30px;margin:6px 0}.notification-hero p{margin:0;color:#d4e8f5}.notification-summary{display:flex;gap:10px}.notification-summary span{min-width:88px;padding:13px 15px;text-align:center;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);border-radius:13px;font-size:10px;color:#d8e9f4}.notification-summary strong{display:block;font-size:25px;color:#fff}.notification-summary .critical strong{color:#ffadb6}.notification-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px}.notification-filters{display:flex;gap:7px;flex-wrap:wrap}.notification-filters button{border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:8px 11px;border-radius:999px;font-size:10px}.notification-filters button.active{border-color:var(--brand);background:var(--brand);color:#fff}.notification-list{display:grid;gap:10px}.notification-item{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.notification-item.unread{box-shadow:0 9px 25px rgba(24,45,72,.06)}.notification-item.unread:before{content:'';position:absolute;left:-1px;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--brand)}.notification-item.severity-critical:before{background:var(--danger)}.notification-item.severity-high:before{background:var(--warning)}.notification-item.read{opacity:.72}.notification-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#e8f2fa;color:var(--brand)}.severity-critical .notification-icon{background:#feecee;color:var(--danger)}.severity-high .notification-icon{background:#fff3db;color:var(--warning)}.notification-copy{border:0;background:none;color:var(--text);text-align:left;padding:0}.notification-copy>strong{display:block;font-size:13px;margin:4px 0}.notification-copy p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.notification-meta{display:flex;gap:9px;align-items:center}.notification-meta b{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--brand)}.notification-meta time{font-size:9px;color:var(--muted)}.notification-actions{display:flex;align-items:center;gap:7px}.notification-empty{text-align:center;padding:55px 20px;background:var(--surface);border:1px dashed var(--line);border-radius:16px}.notification-empty>i{font-size:36px;color:var(--success)}.notification-empty h3{margin:12px 0 5px}.notification-empty p{margin:0;color:var(--muted)}@media(max-width:760px){.notification-hero,.notification-toolbar{align-items:flex-start;flex-direction:column}.notification-item{grid-template-columns:44px 1fr}.notification-actions{grid-column:2}.notification-summary{width:100%}.notification-summary span{flex:1}}@media(max-width:480px){.notification-hero{padding:23px}.notification-item{padding:14px}.notification-summary{flex-direction:column}.notification-actions{justify-content:space-between}}