.notifications-wrapper{position:relative;flex:0 0 36px}.notifications-wrapper[hidden]{display:none}.notifications-toggle{position:relative;width:36px;height:36px;padding:8px;border:0;border-radius:9px;background:#edf0f4;color:#637181;display:flex;align-items:center;justify-content:center}.notifications-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.notifications-dot{position:absolute;right:0;top:-2px;width:9px;height:9px;border-radius:50%;background:var(--brand-accent,#d6a4ff);box-shadow:0 0 0 2px #fff}.notifications-dot[hidden]{display:none}.notifications-panel{position:absolute;right:0;top:48px;width:min(360px,calc(100vw - 24px));max-height:65vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 8px 30px #0002;z-index:100}.notifications-panel[hidden]{display:none}.notifications-panel h3{font-size:16px;margin:0 0 12px}.notification-item{display:flex;gap:12px;align-items:center;padding:10px 5px;text-decoration:none;color:inherit;border-radius:7px}.notification-item:hover,.notification-item.unread{background:color-mix(in srgb,var(--brand-accent) 10%,transparent)}.notification-cover{width:38px;height:54px;flex-shrink:0;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#eee}.notification-cover img{width:100%;height:100%;object-fit:cover}.notification-item strong{display:block;font-size:13px}.notification-item small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.notifications-empty{font-size:13px;color:var(--muted);margin:12px 0}.header-inner:has(.notifications-wrapper:not([hidden])){gap:22px}.header-inner .search{min-width:100px}[data-theme=dark] .notifications-toggle{background:#3b3048;color:#d6a4ff}[data-theme=dark] .notifications-panel{background:#202b37;color:#edf0f5}[data-theme=dark] .notifications-dot{box-shadow:0 0 0 2px #18212b}@media(max-width:650px){.header-inner:has(.notifications-wrapper:not([hidden])){gap:10px}.notifications-panel{position:fixed;right:12px;top:80px}}
.notification-row{display:flex;align-items:center;gap:2px}.notification-row .notification-item{flex:1;min-width:0}.notification-item>span:last-child{min-width:0;overflow-wrap:anywhere}.notification-action{flex:0 0 26px;width:26px;height:30px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--muted,#8795a3);padding:0;font:20px/1 sans-serif;cursor:pointer}.notification-action:hover{color:var(--brand-accent);background:color-mix(in srgb,var(--brand-accent) 12%,transparent)}.notification-action:disabled{opacity:.45;cursor:wait}.notification-action[aria-expanded=true]{transform:rotate(180deg)}.notification-children{margin-left:12px;padding-left:8px;border-left:2px solid var(--line)}.notification-children[hidden]{display:none}.notification-group+.notification-group{border-top:1px solid var(--line)}.notifications-toggle.has-notifications{color:var(--brand-accent,#d6a4ff)}.notifications-error{font-size:12px;color:#c55764}