.notification-bell{position:relative;flex-shrink:0;border:1px solid var(--color-border,#ddd);background:var(--color-surface,#fff);color:inherit;border-radius:10px;width:44px;height:44px;cursor:pointer;display:grid;place-items:center;margin-left:12px}
.notification-count{position:absolute;right:-5px;top:-5px;min-width:19px;padding:1px 4px;border-radius:12px;background:#c52b32;color:white;font-size:11px;font-weight:700}
.notification-count[hidden],.notification-panel[hidden]{display:none}
.notification-panel{position:fixed;right:20px;top:76px;width:min(410px,calc(100vw - 24px));max-height:75vh;overflow:auto;z-index:100;background:var(--color-surface,#fff);color:var(--color-text,#172539);border:1px solid var(--color-border,#ddd);border-radius:14px;box-shadow:0 12px 40px #10203025;padding:18px;box-sizing:border-box}
.notification-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.notification-heading h2{margin:0;font-size:18px}
#notification-status{font-size:12px;color:var(--color-text-secondary,#627185);margin:12px 0}
#notification-list{padding:0;margin:0;list-style:none}.notification-item{padding:14px 10px;border-top:1px solid var(--color-border,#eee);border-radius:6px;overflow-wrap:anywhere}.notification-item.unread{background:#eef6ff;color:#172539}.notification-item strong{font-size:14px}.notification-item p{margin:6px 0;font-size:13px}.notification-item time{font-size:11px;color:#627185}.notification-item button{display:block;margin-top:8px}.notification-profit{color:#147747}.notification-loss{color:#b42e36}
@media(max-width:600px){.notification-panel{right:12px;top:68px}.notification-bell{margin-left:6px}}