.notification-root[data-v-fa9c0d65]{--notif-surface:#27272a;--notif-text:#fafafa;--notif-muted:#a1a1aa;--notif-border:#3f3f46;--notif-hover:#3f3f46;--notif-unread:#303034;--notif-icon:#3f3f46;color:#fff}.notification-root[data-theme=light][data-v-fa9c0d65]{--notif-surface:#fff;--notif-text:#0f172a;--notif-muted:#64748b;--notif-border:#e2e8f0;--notif-hover:#f1f5f9;--notif-unread:#f8fafc;--notif-icon:#e2e8f0;color:#334155}.notification-trigger[data-v-fa9c0d65]{color:inherit}.notification-trigger[data-v-fa9c0d65]:hover,.notification-trigger[aria-expanded=true][data-v-fa9c0d65]{background:var(--notif-hover)}.notification-action[data-v-fa9c0d65]:focus-visible,.notification-row[data-v-fa9c0d65]:focus-visible,.notification-trigger[data-v-fa9c0d65]:focus-visible{outline:2px solid var(--notif-muted);outline-offset:2px}.notification-badge[data-v-fa9c0d65]{align-items:center;background:#dc2626;border:2px solid var(--notif-surface);border-radius:9999px;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 4px;pointer-events:none;position:absolute;right:-4px;top:-3px}.notification-panel[data-v-fa9c0d65]{background:var(--notif-surface);border:1px solid var(--notif-border);border-radius:16px;box-shadow:0 16px 48px #0000004d;color:var(--notif-text);max-width:calc(100vw - 32px);overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);width:384px;z-index:50}.notification-heading[data-v-fa9c0d65]{align-items:center;border-bottom:1px solid var(--notif-border);display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:space-between;padding:16px}.notification-action[data-v-fa9c0d65]{border-radius:4px;color:var(--notif-text);cursor:pointer;font-size:11px;font-weight:600}.notification-action[data-v-fa9c0d65]:hover{text-decoration:underline;text-underline-offset:3px}.notification-list[data-v-fa9c0d65]{max-height:min(384px,calc(100dvh - 180px));overflow-y:auto;overscroll-behavior:contain}.notification-row[data-v-fa9c0d65]{align-items:flex-start;border-bottom:1px solid var(--notif-border);color:var(--notif-text);cursor:pointer;display:flex;gap:12px;padding:16px;text-align:left;transition:background-color .15s;width:100%}.notification-row[data-v-fa9c0d65]:last-child{border-bottom:0}.notification-row[data-notif-unread][data-v-fa9c0d65]{background:var(--notif-unread)}.notification-row[data-v-fa9c0d65]:hover{background:var(--notif-hover)}.notification-row[data-v-fa9c0d65]:focus-visible{outline-offset:-3px}.notification-icon[data-v-fa9c0d65]{align-items:center;background:var(--notif-icon);border-radius:10px;color:var(--notif-muted);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.notification-title[data-v-fa9c0d65]{display:block;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.notification-body[data-v-fa9c0d65]{font-size:12px;line-height:1.6;margin-top:4px;overflow-wrap:anywhere}.notification-body[data-v-fa9c0d65],.notification-time[data-v-fa9c0d65]{color:var(--notif-muted);display:block}.notification-time[data-v-fa9c0d65]{font-size:11px;margin-top:8px}.notification-unread[data-v-fa9c0d65]{background:#ef4444;border-radius:50%;flex-shrink:0;height:7px;margin-top:6px;width:7px}.notification-state[data-v-fa9c0d65]{color:var(--notif-muted);font-size:12px;line-height:1.6;padding:32px 20px;text-align:center}.notification-skeleton[data-v-fa9c0d65]{background:var(--notif-hover)}@media(max-width:480px){.notification-panel[data-v-fa9c0d65]{left:16px;position:fixed;right:16px;top:88px;width:auto}}
