.notification-menu{position:relative;color:var(--text,#212529)}
.notification-menu button{font:inherit;cursor:pointer;color:inherit}
.notification-bell{position:relative;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line,#dfe3e6);border-radius:9px;background:var(--surface,#fff)}
.notification-badge{position:absolute;top:-5px;right:-7px;min-width:19px;padding:2px 4px;border-radius:12px;background:var(--danger,#b32637);color:#fff;font-size:10px;font-weight:700;text-align:center}
.notification-panel{position:absolute;right:0;top:calc(100% + 12px);width:min(440px,calc(100vw - 24px));max-height:min(650px,calc(100dvh - 90px));overflow:auto;overscroll-behavior:contain;background:var(--surface,#fff);border:1px solid var(--line,#dfe3e6);border-radius:12px;box-shadow:0 12px 45px #0003;z-index:100}
.notification-panel[hidden],.notification-menu [hidden]{display:none!important}
.notification-heading,.notification-controls{display:flex;align-items:center;gap:8px;padding:12px 16px}
.notification-heading{justify-content:space-between;padding-bottom:0}.notification-heading h2{font-size:1.1rem;margin:0}
.notification-close{border:0;background:transparent;font-size:24px!important;padding:2px 8px}
.notification-controls{flex-wrap:wrap;border-bottom:1px solid var(--line,#dfe3e6)}
.notification-filter,.notification-read-all,.notification-mark-read,.notification-more,.notification-retry{border:1px solid var(--line,#dfe3e6);background:var(--surface,#fff);border-radius:6px;padding:6px 9px;font-size:12px!important}
.notification-filter[aria-pressed=true]{background:var(--green-soft,#e5f3eb);border-color:var(--green,#198754)}
.notification-read-all{margin-left:auto}.notification-status{padding:24px 18px;margin:0;text-align:center;color:var(--muted,#697178);line-height:1.6}.notification-retry{display:block;margin:0 auto 16px}
.notification-item{padding:16px;border-bottom:1px solid var(--line,#dfe3e6);border-left:3px solid transparent}.notification-unread{border-left-color:var(--green,#198754);background:var(--green-soft,#e5f3eb)}
.notification-item h3{margin:0 0 6px;font-size:14px}.notification-item p{margin:0 0 12px;font-size:13px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}
.notification-item-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px}.notification-item-actions time{margin-right:auto;color:var(--muted,#697178)}.notification-item-actions a{color:var(--link,#198754)}.notification-read-label{color:var(--muted,#697178)}
.notification-more{display:block;width:calc(100% - 32px);margin:14px 16px}.notification-menu button:disabled{opacity:.55;cursor:default}.notification-menu button:focus-visible,.notification-menu a:focus-visible{outline:3px solid #65b38d;outline-offset:2px}
@media(max-width:600px){.notification-panel{position:fixed;top:72px;right:12px;left:12px;width:auto}.notification-read-all{margin-left:0}}