.notification-center{position:relative}.notification-bell{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid #d9e2ec;border-radius:12px;background:#fff;color:#18344a}.notification-bell:hover{background:#f1f6fa}.notification-bell:focus-visible,.notification-item-button:focus-visible{outline:3px solid #4d90de;outline-offset:2px}.notification-count{position:absolute;right:-6px;top:-5px;border-radius:20px;background:#b81e38;color:#fff;font-size:11px;line-height:18px;min-width:18px;padding:0 4px}.notification-panel{position:absolute;right:0;top:50px;width:min(390px,calc(100vw - 28px));z-index:1100;background:white;box-shadow:0 18px 50px #13294130;border:1px solid #dce4eb;border-radius:14px;overflow:hidden}.notification-panel-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #edf0f3}.notification-panel [data-notification-items]{max-height:420px;overflow:auto}.notification-item{border-bottom:1px solid #e7edf2;margin:0}.notification-unread{border-left:3px solid #226eb4!important;background:#f0f7ff!important}.notification-item-button{display:flex;flex-direction:column;gap:5px;text-align:left;border:0;background:transparent;width:100%;padding:12px 16px;color:#1b3345}.notification-item-button:hover{background:#e8f1fa}.notification-item-button span{font-size:13px;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.notification-item-button time{font-size:11px;color:#536878}.notification-all{display:block;padding:14px;text-align:center;font-weight:600}.notification-body{white-space:pre-line}.notification-center [hidden]{display:none!important}@media(max-width:576px){.notification-panel{position:fixed;right:14px;top:78px;max-height:calc(100dvh - 100px);overflow:auto}}
/* Header logout shortcuts must not replace notification action labels on phones. */
.notification-center .btn{font-size:.8125rem}.notification-center .btn:after{content:none}