.wg27-bell{position:relative;display:inline-flex;align-items:center}.wg27-bell-button{position:relative;min-width:40px}.wg27-bell-button [data-count]{position:absolute;right:-5px;top:-7px;min-width:17px;padding:1px 4px;border-radius:999px;background:var(--accent,#ff8a3d);color:#111;font:700 10px/15px system-ui}.wg27-bell-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:1200;width:min(390px,calc(100vw - 24px));max-height:65vh;overflow:auto;padding:12px;border:1px solid var(--line,#34383e);border-radius:12px;background:var(--panel,#171a1e);box-shadow:0 18px 48px #0008;color:var(--text,#f4f5f7)}.wg27-bell-panel>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.wg27-bell-panel [data-state]{color:var(--muted,#9ba1aa);font-size:12px}.wg27-bell-item{display:grid;width:100%;gap:4px;margin:7px 0;padding:11px;text-align:left;border:1px solid var(--line,#34383e);border-radius:10px;background:transparent;color:inherit}.wg27-bell-item:hover,.wg27-bell-item:focus-visible{border-color:var(--accent,#ff8a3d)}.wg27-bell-item span{color:var(--soft,#c9cdd3);font-size:13px}.wg27-bell-item small{color:var(--muted,#9ba1aa)}