.site-notification{display:inline-flex;position:relative;flex:none}
.member-tools .site-notification .site-notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:40px;padding:8px;border:0;border-radius:50%;background:transparent;cursor:pointer;box-shadow:none}
.member-tools .site-notification .site-notification-bell img{display:block;flex:0 0 22px;width:22px;height:24px;max-width:none;object-fit:contain;mix-blend-mode:normal;opacity:1}
.member-tools .site-notification .site-notification-bell.has-unread{background:#eaf1ff}
.site-notification-count{position:absolute;right:-3px;top:-2px;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border:2px solid #fff;border-radius:12px;background:#dc3545;color:#fff;font:700 10px/14px sans-serif;text-align:center}
.site-notification-count[hidden],.admin-notification-count[hidden]{display:none!important}
.site-notification-panel{position:fixed;z-index:10020;box-sizing:border-box;width:min(360px,calc(100vw - 24px));max-height: min(480px,calc(100dvh - 100px));overflow:auto;background:#fff;border:1px solid #dce4ef;border-radius:14px;box-shadow:0 14px 40px #17345b24;color:#17345b;text-align:left;font-family:inherit}
.site-notification-panel[hidden]{display:none}
.site-notification-panel header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #edf1f6}
.site-notification-panel header strong{font-size:16px}
.site-notification-panel header button{border:0;background:transparent;font-size:24px;line-height:1;color:#64748b;cursor:pointer;padding:3px 5px}
.site-notification-panel a{display:block;padding:14px 18px;text-decoration:none;color:#17345b;border-bottom:1px solid #edf1f6;white-space:normal}
.site-notification-panel a:last-child{border-bottom:0}
.site-notification-panel a:hover{background:#f5f8fe}
.site-notification-panel a span{display:block;font-size:14px;font-weight:600;line-height:1.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-notification-panel time{display:block;margin-top:5px;color:#7c8899;font-size:12px;line-height:1.4;font-weight:400}
.site-notification-panel p{padding:20px 18px;margin:0;color:#7c8899;font-size:14px}
.admin-menu-link .admin-notification-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;margin-left:auto;padding:0 6px;border-radius:12px;background:#fee2e2;color:#b91c1c;font-size:12px;font-weight:800;line-height:1}
.site-notification-bell:focus-visible,.site-notification-panel a:focus-visible,.site-notification-panel button:focus-visible{outline:2px solid #3868ba;outline-offset:2px}