.header-member-tools { display: flex; align-items: center; gap: 8px; }
.header-member-tools[hidden], .mobile-member-tools[hidden] { display: none; }
.header-mail, .mobile-mail { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-width: 44px; min-height: 44px; color: var(--color-text, #16202E); text-decoration: none; }
.header-mail { width: 44px; border: 1px solid var(--color-border, #667085); border-radius: var(--radius-sm); background: var(--color-surface-raised, #fff); }
.header-mail:hover, .mobile-mail:hover { background: color-mix(in srgb, var(--color-border, #667085) 12%, var(--color-surface-raised, #fff)); }
.header-mail:focus-visible, .mobile-mail:focus-visible { outline: 3px solid var(--focus-ring-color); outline-offset: 2px; }
.header-mail__badge { position: absolute; top: -7px; right: -7px; display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 5px; border: 2px solid var(--color-surface, #F5F7FA); border-radius: 99px; background: var(--color-text, #16202E); color: white; font-size: 13px; font-weight: 700; line-height: 1; }
.header-mail__badge[hidden] { display: none; }
.mobile-member-tools { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 60px; border-bottom: 1px solid #D3D9E2; }
.mobile-member-tools .nbell__panel { top: calc(100% + 4px); left: 0; right: auto; }
.mobile-mail { flex: 1; justify-content: flex-start; padding: 0 8px; font-size: 18px; font-weight: 600; }
.nbell__view-all { display: inline-flex; align-items: center; min-height: 44px; color: var(--color-text, #16202E); font-weight: 600; }
.nbell__event-title { color: inherit; font-weight: 700; text-decoration: none; }
.nbell__event-title:hover { text-decoration: underline; text-underline-offset: 3px; }
.nbell__event-body, .nbell__event-time { display: block; margin: 4px 0 0; font-size: 14px; color: var(--color-text-muted, #4A5565); }
.notifications-page__actions { display: flex; justify-content: flex-end; margin: 0 0 16px; }
.notifications-page__item { margin: 0 0 12px; padding: 16px; border: 1px solid var(--color-card-border, #DFE4EB); border-radius: var(--radius-md); background: var(--color-surface-raised, #fff); }
.notifications-page__item.is-unread { box-shadow: inset 4px 0 0 var(--color-text, #16202E); }
.notifications-page__item-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.notifications-page__item-title { font-size: 18px; font-weight: 700; color: inherit; }
.notifications-page__body { margin: 6px 0 0; }
.notifications-page__time { color: var(--color-text-muted, #4A5565); font-size: 14px; white-space: nowrap; }
.notifications-page__empty { margin: 0; }
@media (max-width: 540px) { .notifications-page__item-head { display: block; } .notifications-page__time { display: block; margin-top: 4px; } }
@media (max-width: 760px) { .header-member-tools { display: none; } }