.app-header .notification-link{display:flex;align-items:center;gap:10px;padding:7px 12px!important;margin:3px 0;border:1px solid transparent;border-radius:6px;font-family:"Exo",sans-serif!important;font-weight:600;line-height:1.3;transition:background-color .2s,border-color .2s}
.notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:26px;min-height:30px}
.notification-bell>i{display:inline-block;font-size:1.25rem;transform-origin:50% 15%}
.notification-count{position:absolute;top:-5px;right:-9px;min-width:19px;padding:2px 5px;background:#c12c3c;color:#fff;border:2px solid #fff;border-radius:20px;font-size:.68rem;font-weight:700;line-height:1.2;text-align:center}
.app-header .notification-link.has-unread{background:#fff1cf;border-color:#e6bd58;color:#684400!important;box-shadow:inset 3px 0 #d99a19}
.app-header .notification-link.has-unread:hover{background:#ffe6aa;border-color:#c99120}
.notification-link.has-unread .notification-bell>i{color:#a96800}
.notification-link.has-new .notification-bell>i{animation:notification-bell-ring .65s ease-in-out 3}
.app-header .notification-link:focus-visible{outline:2px solid #be7b00;outline-offset:2px}
@keyframes notification-bell-ring{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(13deg)}40%,80%{transform:rotate(-13deg)}}
@media(max-width:575px){.app-header .notification-link{padding:6px 9px!important;gap:7px;font-size:.8rem}.notification-link:not(.has-unread) .notification-label{display:none}}
@media(prefers-reduced-motion:reduce){.notification-link.has-new .notification-bell>i{animation:none}.app-header .notification-link{transition:none}}