/* surrobonds – ungelesene Hinweise: ruhiges, dauerhaft sichtbares Statussignal.
   Der Punkt erscheint nur bei read_at IS NULL. Keine Animation, kein Polling. */
.navigation--refined .member-nav-bell.has-unread {
  position:relative;
  color:var(--identity-dark,var(--ink));
  background:#e7ede6;
}
.navigation--refined .member-nav-bell.has-unread:hover,
.navigation--refined .member-nav-bell.has-unread.is-section-active {
  background:#e0e8dd;
  border-color:rgba(27,52,46,.15);
}
.navigation--refined .member-nav-bell .nav-unread-dot {
  position:absolute;top:7px;right:7px;
}
.nav-unread-dot {
  display:block;flex:none;width:8px;height:8px;
  border-radius:50%;background:#9b523d;
  border:1px solid var(--paper,#faf8f2);
  box-sizing:border-box;
}
@media (max-width:1180px) {
  .navigation--refined .member-nav-mobile .member-nav-mobile__notifications {
    display:flex;align-items:center;gap:12px;
  }
  .navigation--refined .member-nav-mobile .member-nav-mobile__notifications .nav-svg {
    width:19px;height:19px;
  }
  .navigation--refined .member-nav-mobile .member-nav-mobile__notifications .nav-unread-dot {
    margin-left:auto;margin-right:7px;
  }
  .navigation--refined .member-nav-mobile .member-nav-mobile__notifications.has-unread {
    background:#eef1e9;
  }
}
@media (max-width:700px) {
  .mobile-shortcuts a.has-unread {position:relative;}
  .mobile-shortcuts a.has-unread .nav-unread-dot {
    position:absolute;top:9px;left:calc(50% + 8px);
    width:8px;height:8px;
    border-color:#f8f7f1;
  }
  .mobile-shortcuts a.has-unread svg {color:#285340;}
  .mobile-shortcuts a.has-unread[aria-current="page"] .nav-unread-dot {border-color:#ecf0e7;}
}