.header-notifications { position: relative; z-index: 45; flex: none; margin-left: auto; }
.header-inner > .auth-menu + .header-notifications { margin-left: -16px; }
.header-inner > .auth-menu .profile-trigger { min-height: 38px; padding: 4px 10px 4px 5px; border-color: #d7e3f0; background: #fff; box-shadow: 0 1px 2px #163b640a; color: #193653; font-size: 12px; }
.header-inner > .auth-menu .profile-trigger:hover { border-color: #a9c7e9; background: #f7fbff; }
.header-inner > .auth-menu .profile-trigger:focus-visible { outline: 3px solid #0b63d8; outline-offset: 2px; }
.header-inner > .auth-menu .profile-avatar { width: 26px; height: 26px; background: #edf5ff; color: #125daf; }
.header-inner > .auth-menu .profile-admin-badge { min-height: 17px; padding-inline: 5px; border-radius: 4px; background: #e6f0ff; color: #0752a5; font-size: 9px; }
.header-inner > .admin-site-link + .header-notifications { order: 3; margin-left: -16px; }
.header-notifications[hidden], .notification-panel[hidden], .notification-dot[hidden] { display: none; }
.notification-trigger { position: relative; display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #d7e3f0; border-radius: 11px; background: #fff; box-shadow: 0 1px 2px #163b640a; color: #193653; cursor: pointer; }
.notification-trigger:hover { border-color: #a9c7e9; background: #f7fbff; }
.notification-trigger:focus-visible, .notification-panel a:focus-visible { outline: 3px solid #0b63d8; outline-offset: 2px; }
.notification-trigger svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.notification-dot { position: absolute; top: 2px; right: 2px; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 50%; background: #d52636; }
.notification-panel { position: absolute; top: calc(100% + 10px); right: 0; width: min(340px, calc(100vw - 28px)); max-height: min(420px, 65dvh); overflow-y: auto; padding: 16px; border: 1px solid #dce6f3; border-radius: 12px; background: #fff; box-shadow: 0 14px 35px #102c502b; }
.notification-panel > strong { display: block; color: #142f50; font-size: 16px; }
.notification-summary { margin: 7px 0 12px; color: #52647b; font-size: 12px; }
.notification-panel ul { margin: 0; padding: 0; list-style: none; }
.notification-panel li { border-top: 1px solid #e7edf5; }
.notification-panel li a { display: grid; gap: 4px; padding: 11px 2px; color: #173b64; text-decoration: none; }
.notification-panel li a:hover { color: #0b63d8; }
.notification-panel li span, .notification-more { color: #60738a; font-size: 11px; }
.notification-panel li strong { font-size: 13px; line-height: 1.45; overflow-wrap: anywhere; }
.notification-more { padding: 12px 2px 2px; }
@media (max-width: 800px) {
  .site-header .header-inner > .header-notifications { order: 1; margin-left: auto; }
  .site-header .header-notifications:not([data-authenticated="true"]) { display: none; }
  .notification-panel { right: 0; }
  .header-inner.has-mobile-menu:has(> .header-notifications[data-authenticated="true"]:not([hidden])) > .mobile-menu-toggle { margin-left: 0; }
}
@media (min-width: 801px) and (max-width: 1250px) { .header-inner > .auth-menu + .header-notifications { margin-left: -4px; } }

@media (max-width: 800px) {
  .site-header .header-inner > .admin-site-link + .header-notifications { order: 3; margin-left: 0; }
}