.notifications-page{padding-bottom:4rem;min-height:60vh}.notification-entry{display:inline-flex;gap:.45rem;align-items:center}.notification-count{background:#ffd05b;color:#102d57;border-radius:999px;font-weight:700;font-size:.8rem;padding:.1rem .45rem;min-width:1.4rem;text-align:center}.notification-list{display:grid;gap:1rem;margin-top:1.5rem}.notification-card{border:1px solid #ccd4df;border-radius:16px;padding:1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1.3rem;background:var(--surface,#fff);color:var(--text,#132c50)}.notification-card.is-unread{border-inline-start:5px solid #245eb9}.notification-card h2{font-size:1.2rem;margin:.4rem 0}.notification-card p{margin:.4rem 0;overflow-wrap:anywhere}.notification-meta{font-size:.85rem}.notification-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.notification-actions .text-link{background:none;border:0;color:inherit;cursor:pointer;font:inherit;text-decoration:underline}.notification-actions button:disabled{opacity:.6;cursor:default}[data-theme="dark"] .notification-card{background:#14243a;color:#edf3fc;border-color:#58718f}[data-theme="dark"] .notification-card.is-unread{border-inline-start-color:#8dbaff}@media(max-width:700px){.notification-card{align-items:stretch;flex-direction:column;padding:1rem}.notification-actions .btn{white-space:normal}.notification-entry{font-size:.85rem}}

.header-right .notification-mobile{display:none}
[data-notification-filter][aria-pressed="true"]{background:#173f80;color:#fff;border-color:#173f80}
@media(max-width:700px){.header-right .notification-mobile{display:inline-flex;position:relative;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:inherit;text-decoration:none}.notification-mobile>span:not(.notification-count){display:none}.notification-mobile .notification-count{position:absolute;right:-5px;top:-3px;font-size:11px}.mobile-menu-links .notification-entry svg{vertical-align:middle;margin-inline-end:8px}.mobile-menu-links .notification-count{margin-inline-start:8px}}

.notification-target{outline:3px solid #3879d8;outline-offset:5px;scroll-margin-top:24px}
