.navbar-notifications { order: 3; margin-left: .25rem; margin-right: .5rem; }
.navbar-notifications-toggle { color: var(--bs-body-color); font-size: 1.25rem; display: inline-flex; align-items: center; justify-content: center; width: var(--navbar-bell-size, 42px); height: var(--navbar-bell-size, 42px); padding: 0; flex-shrink: 0; border-radius: .9rem; border: 1px solid transparent; }
.navbar-notifications-toggle > .navbar-notifications-count { position: absolute; top: var(--navbar-count-top, 0px); left: calc(50% + 7px); font-size: .6rem; line-height: 1; padding: .18rem .25rem; min-width: .95rem; border-radius: .3rem; border: 1px solid rgba(255,255,255,.25); box-shadow: 0 1px 3px rgba(0,0,0,.12); }
.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); min-height: 0; overflow-y: auto; overflow-wrap: anywhere; overscroll-behavior: contain; }
.navbar-notifications-menu > .d-flex { gap: .5rem; flex-wrap: wrap; }
.navbar-notifications-list article .d-flex { flex-wrap: wrap; }
.navbar-notifications-list .is-unread { background: rgba(var(--bs-primary-rgb), .06); }
@media (min-width: 1200px) {
  .app-navbar .navbar-collapse { order: 2; }
  .app-navbar .navbar-shell:has(.navbar-notifications) { padding-right: .65rem !important; }
}
@media (max-width: 1199.98px) {
  .app-navbar .navbar-toggler { order: 3; margin-left: auto; }
  .app-navbar .navbar-notifications + .navbar-toggler { margin-left: .5rem; }
  .navbar-notifications { order: 2; margin-left: auto; margin-right: 0; }
  .app-navbar .navbar-collapse { order: 4; }
  .navbar-notifications { position: static; }
  .navbar-notifications-menu {
    position: absolute !important;
    inset: 100% .75rem auto auto !important;
    transform: none !important;
    margin: 0 !important;
    width: min(360px, calc(100% - 1.5rem));
    min-width: 0;
    max-height: calc(100vh - 7rem);
    max-height: calc(100dvh - 7rem);
    overflow: hidden;
  }
  .navbar-notifications-menu.show { display: flex; flex-direction: column; animation: app-nav-open .22s cubic-bezier(.2, .8, .2, 1); transform-origin: top right; }
  .navbar-notifications-menu > :not(.navbar-notifications-list) { flex-shrink: 0; }
  .navbar-notifications-list { flex: 1 1 auto; }
}

.navbar-notifications-list article{padding:.55rem .75rem!important}
.navbar-notice-title{font-size:.86rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.navbar-notice-summary{font-size:.76rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.navbar-notice-footer{margin-top:.25rem}.navbar-notice-footer time{font-size:.67rem;white-space:nowrap}
.navbar-notice-footer .btn{font-size:.7rem;padding:.17rem .4rem;border-radius:.4rem;line-height:1.3}
.navbar-notifications-menu>.d-flex{font-size:.85rem}.navbar-notifications-menu>.d-flex small{font-size:.7rem}
.navbar-notifications-menu>a:last-child{padding:.55rem!important;font-size:.8rem}

.navbar-notice-actions{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}
.navbar-notice-actions form{display:flex;align-items:center;margin:0}
.navbar-notice-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:1.75rem;line-height:1.3;margin:0;white-space:nowrap}

.navbar-notifications-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .75rem;font-size:.8rem;}
.navbar-notifications-footer form{margin:0;}
.navbar-notifications-footer a,.navbar-notifications-footer button{font:inherit;line-height:1.4;color:var(--bs-link-color);text-decoration:none;}
.navbar-notifications-footer button{display:inline;padding:0;border:0;border-radius:0;background:none;box-shadow:none;cursor:pointer;}
.navbar-notifications-footer a:hover,.navbar-notifications-footer button:hover:not(:disabled){color:var(--bs-link-hover-color);text-decoration:underline;}
.navbar-notifications-footer button:disabled{color:var(--bs-secondary-color);cursor:default;}
.navbar-notifications-footer a:focus-visible,.navbar-notifications-footer button:focus-visible{outline:2px solid var(--bs-primary);outline-offset:3px;}