.wm-bell-button{position:relative}
.wm-bell-count{position:absolute;top:-5px;right:-7px;
 min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;
 border-radius:9px;background:#d34d4d;color:white;font-size:10px;font-weight:800}
.wm-bell-panel{position:absolute;top:calc(100% + 19px);right:0;
 z-index:160;width:min(380px,calc(100vw - 22px));max-height:480px;
 display:flex;flex-direction:column;background:var(--wm-surface);
 border:1px solid var(--wm-border-strong);border-radius:12px;
 box-shadow:0 16px 40px #0004;overflow:hidden}
.wm-bell-heading{display:flex;justify-content:space-between;align-items:center;
 gap:12px;padding:15px;border-bottom:1px solid var(--wm-border)}
.wm-bell-heading strong{font-size:13px}
.wm-bell-heading button{background:transparent;color:var(--wm-text);
 border:0;font-size:11px;font-weight:800;cursor:pointer}
.wm-bell-list{overflow-y:auto;max-height:400px}
.wm-bell-item{width:100%;display:flex;flex-direction:column;gap:6px;
 padding:14px 16px;text-align:left;border:0;
 border-bottom:1px solid var(--wm-border);background:var(--wm-surface);
 color:var(--wm-text);cursor:pointer}
.wm-bell-item.unread{background:var(--wm-surface-2);
 border-left:3px solid var(--wm-text)}
.wm-bell-item strong{font-size:12px;font-weight:800}
.wm-bell-item small{font-size:11px;color:var(--wm-muted);
 line-height:1.5;white-space:pre-wrap}
.wm-bell-item time{font-size:10px;color:var(--wm-subtle)}
.wm-bell-empty{padding:20px;color:var(--wm-muted);font-size:12px}