.navbar-notifications { order: 3; margin-left: .75rem; margin-right: .5rem; }
.navbar-notifications-toggle { color: var(--bs-body-color); font-size: 1.25rem; border-radius: .75rem; }
.navbar-notifications-toggle:hover { background: rgb(129 180 255 / 28%); }
.navbar-notifications-menu { width: min(360px, calc(100vw - 1.5rem)); padding: 0; border-radius: 1rem; }
.navbar-notifications-list { max-height: min(420px, 65vh); overflow-y: auto; overflow-wrap: anywhere; }
.navbar-notifications-list .is-unread { background: rgba(var(--bs-primary-rgb), .06); }
@media (min-width: 1200px) {
  .app-navbar .navbar-collapse { order: 2; }
}
@media (max-width: 1199.98px) {
  .navbar-notifications { order: 0; margin-left: auto; margin-right: 1rem; }
  .app-navbar .navbar-collapse { order: 4; }
  .navbar-notifications-menu { position: absolute; }
}