/* ===== Notifications ===== */
.notifications-page{padding:58px 0 78px}
.notifications-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}
.notifications-header h1{margin:2px 0 9px;font-size:clamp(38px,6vw,64px);line-height:1;letter-spacing:-.055em}
.notifications-header p:not(.eyebrow){max-width:720px;margin:0;color:#8f9db5;line-height:1.7}
.notifications-list{max-width:950px;margin:0 auto;display:grid;gap:10px}
.notification-card{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid var(--public-line,var(--border));border-radius:14px;background:rgba(255,255,255,.022)}
.notification-card.is-unread{border-color:rgba(126,223,255,.25);background:linear-gradient(145deg,rgba(16,31,59,.9),rgba(8,15,29,.97))}
.notification-card-main{min-width:0;flex:1}
.notification-card-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.notification-card-top strong{color:#edf4fb;font-size:15px}
.notification-card-top time{margin-left:auto;color:#6f8098;font-size:11px;white-space:nowrap}
.notification-card p{margin:7px 0 0;color:#8998ae;line-height:1.6}
.notification-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--public-accent,var(--cyan));box-shadow:0 0 0 4px rgba(126,223,255,.08)}
.notification-card-actions{flex:0 0 auto}
.notification-card-actions .button{white-space:nowrap}
.notification-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;margin-left:5px;padding:0 5px;border-radius:9px;color:#071426;background:var(--public-accent,var(--cyan));font-size:9px;font-weight:950;line-height:1}
@media(max-width:680px){
  .notifications-header{align-items:flex-start;flex-direction:column}
  .notification-card{align-items:flex-start;flex-direction:column}
  .notification-card-top time{margin-left:0}
  .notification-card-actions,.notification-card-actions .button{width:100%}
}