header nav .notification-link{display:inline-flex;align-items:center;gap:8px;position:relative;white-space:nowrap}
.notification-link svg{flex-shrink:0}
.notification-count{background:#126b61;color:white;min-width:20px;height:20px;line-height:20px;padding:0 5px;border-radius:20px;text-align:center;font-size:11px;font-variant-numeric:tabular-nums}
.notifications-page{max-width:970px}
.notifications-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}
.notifications-heading h1{margin-bottom:12px}
.notifications-heading .muted{margin:0}
.notifications-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #dce4e5;margin-bottom:24px}
.notifications-tools nav{display:flex;gap:24px}
.notifications-tools nav a{padding:14px 0;text-decoration:none;color:#596977;border-bottom:3px solid transparent}
.notifications-tools nav a.selected{color:#126b61;border-color:#126b61;font-weight:600}
.notification-card{display:flex;gap:20px;margin:14px 0;background:white}
.notification-card.unread{border-color:#a6c9ba;background:#f5faf7;box-shadow:inset 4px 0 #126b61}
.notification-icon{flex:0 0 44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#e7f0eb;color:#126b61;font-size:24px}
.notification-copy{min-width:0;flex:1}
.notification-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;color:#687976;font-size:12px}
.notification-meta>span:first-child{color:#126b61;font-weight:600}
.notification-meta .unread-label{margin-left:auto;color:#126b61;font-weight:600}
.notification-card h2{font-family:inherit;font-size:19px;letter-spacing:0;margin:10px 0 7px}
.notification-card p{font-size:15px;line-height:1.7;overflow-wrap:anywhere;margin:0 0 13px;color:#4c6269}
.notification-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.notification-actions>a{font-size:14px;font-weight:600;text-decoration:none;min-height:40px;display:inline-flex;align-items:center;gap:8px}
.notification-actions>button{font-size:13px;padding:8px 10px;min-height:40px}
.notification-empty{text-align:center;padding:50px 25px}
.notification-empty>span{display:inline-flex;color:#126b61;padding:16px;border-radius:50%;background:#edf3ed}
.notification-empty p{max-width:490px;margin:0 auto;line-height:1.7}
.notification-target{outline:2px solid #79aca0;outline-offset:3px;scroll-margin-top:24px}
#notifications-more{display:block;margin:24px auto}
@media(max-width:850px){header nav{flex-wrap:wrap;gap:12px 18px}header{align-items:center}.notification-link>span:not(.notification-count){position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.notification-link{min-height:44px;padding:5px}}
@media(max-width:600px){.notifications-heading{align-items:flex-start;flex-direction:column;gap:16px}.notifications-heading h1{font-size:36px}.notification-card{padding:22px 18px;gap:12px}.notification-icon{flex-basis:34px;height:34px;font-size:21px}.notification-card h2{font-size:17px}.notification-meta{gap:6px 10px}.notification-meta .unread-label{margin-left:0}.notifications-tools nav{gap:20px}}