.sr-only[data-v-5328f6a5]{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);border:0;white-space:nowrap}.notif-root[data-v-5328f6a5],.notif-trigger[data-v-5328f6a5]{position:relative}.notif-trigger--card[data-v-5328f6a5]{align-items:center;background:var(--dash-surface-soft,rgba(148,163,184,.1));border:1px solid var(--dash-border,rgba(148,163,184,.2));border-radius:var(--dash-radius-control,12px);color:var(--dash-primary,#2557b4);cursor:pointer;display:inline-flex;height:2.5rem;justify-content:center;transition:transform var(--dash-motion-fast,.15s) var(--dash-ease-out,ease-out),background-color var(--dash-motion-fast,.15s) var(--dash-ease-out,ease-out);width:2.5rem}.notif-trigger--card[data-v-5328f6a5]:active{transform:scale(.95)}.notif-trigger--card svg[data-v-5328f6a5]{height:18px;width:18px}.notif-overlay[data-v-5328f6a5]{display:none}@media(max-width:600px){.notif-overlay[data-v-5328f6a5]{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#02061780;display:block;inset:0;position:fixed;z-index:250}}.notif-badge[data-v-5328f6a5]{align-items:center;background:#d92d20;border-radius:999px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;height:18px;justify-content:center;line-height:14px;min-width:18px;padding:0 4px;position:absolute;right:-4px;top:-2px}.notif-panel[data-v-5328f6a5]{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#0f172af2;border:1px solid var(--surface-border);border-radius:12px;box-shadow:0 20px 50px #0000004d;display:flex;flex-direction:column;max-height:min(640px,calc(100dvh - 72px));overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:min(400px,calc(100vw - 32px));z-index:120}[data-theme=light] .notif-panel[data-v-5328f6a5]{background:#fffffff7;box-shadow:0 20px 50px #0f172a1f}.notif-header[data-v-5328f6a5]{align-items:center;border-bottom:1px solid var(--surface-border);display:flex;gap:8px;height:56px;padding:0 16px}.notif-title[data-v-5328f6a5]{color:var(--text-main);font-size:15px;font-weight:600;margin:0}.notif-count[data-v-5328f6a5]{color:var(--text-dim);font-size:12px}.notif-header-actions[data-v-5328f6a5]{align-items:center;display:flex;gap:4px;margin-left:auto}.notif-text-btn[data-v-5328f6a5]{background:transparent;border:0;border-radius:8px;color:var(--primary-light,#7eabdf);cursor:pointer;font-size:12px;font-weight:600;padding:6px 8px}.notif-text-btn[data-v-5328f6a5]:hover{background:#7eabdf1f}.notif-close[data-v-5328f6a5]{background:transparent;border:0;border-radius:8px;color:var(--text-dim);cursor:pointer;display:none;padding:4px}.notif-tabs[data-v-5328f6a5]{align-items:center;border-bottom:1px solid var(--surface-border);display:flex;gap:4px;height:48px;padding:0 16px}.notif-tab[data-v-5328f6a5]{background:transparent;border:0;border-radius:8px;color:var(--text-dim);cursor:pointer;font-size:13px;font-weight:600;padding:6px 10px}.notif-tab.is-active[data-v-5328f6a5]{background:#7eabdf24;color:var(--text-main)}.notif-list[data-v-5328f6a5]{flex:1;overflow-y:auto;overscroll-behavior:contain}.notif-items[data-v-5328f6a5]{list-style:none;margin:0;padding:0}.notif-item[data-v-5328f6a5]{align-items:flex-start;background:transparent;border:0;border-bottom:1px solid var(--surface-border);cursor:pointer;display:flex;gap:12px;min-height:80px;padding:12px 16px;position:relative;text-align:left;text-decoration:none;width:100%}.notif-item[data-v-5328f6a5]:hover{background:#ffffff0a}[data-theme=light] .notif-item[data-v-5328f6a5]:hover{background:#f8fafc}.notif-item.is-unread[data-v-5328f6a5]{background:#2557b414}[data-theme=light] .notif-item.is-unread[data-v-5328f6a5]{background:#f8faff}.notif-icon[data-v-5328f6a5]{align-items:center;border-radius:8px;display:inline-flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.notif-icon.is-system[data-v-5328f6a5]{background:#60a5fa1f;color:#60a5fa}.notif-icon.is-reply[data-v-5328f6a5]{background:#a78bfa1f;color:#a78bfa}.notif-icon.is-status[data-v-5328f6a5]{background:#fbbf241f;color:#fbbf24}.notif-icon.is-beta[data-v-5328f6a5]{background:#2dd4bf1f;color:#2dd4bf}[data-theme=light] .notif-icon.is-system[data-v-5328f6a5]{background:#eff6ff;color:#2563eb}[data-theme=light] .notif-icon.is-reply[data-v-5328f6a5]{background:#f5f3ff;color:#7c3aed}[data-theme=light] .notif-icon.is-status[data-v-5328f6a5]{background:#fffbeb;color:#b45309}[data-theme=light] .notif-icon.is-beta[data-v-5328f6a5]{background:#f0fdfa;color:#0f766e}.notif-body[data-v-5328f6a5]{display:flex;flex:1;flex-direction:column;min-width:0}.notif-item-title[data-v-5328f6a5]{color:var(--text-main);font-size:14px;font-weight:500;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-item.is-unread .notif-item-title[data-v-5328f6a5]{font-weight:600}.notif-summary[data-v-5328f6a5]{color:var(--text-dim);display:-webkit-box;font-size:13px;-webkit-line-clamp:2;line-height:18px;margin-top:4px;-webkit-box-orient:vertical;overflow:hidden}.notif-summary.is-expanded[data-v-5328f6a5]{display:block;-webkit-line-clamp:unset;overflow:visible}.notif-item-title.is-expanded[data-v-5328f6a5]{overflow:visible;text-overflow:clip;white-space:normal}.notif-meta[data-v-5328f6a5]{align-items:center;color:var(--text-dim);display:flex;font-size:12px;gap:4px;line-height:16px;margin-top:8px;white-space:nowrap}.notif-dot[data-v-5328f6a5]{background:#60a5fa;border-radius:50%;height:8px;position:absolute;right:16px;top:16px;width:8px}.notif-state[data-v-5328f6a5]{align-items:center;color:var(--text-dim);display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:320px;padding:24px;text-align:center}.notif-state-title[data-v-5328f6a5]{color:var(--text-main);font-size:14px;font-weight:600;margin:0}.notif-state-desc[data-v-5328f6a5]{font-size:13px;margin:0}.notif-retry[data-v-5328f6a5]{border:1px solid var(--surface-border);border-radius:10px;color:var(--text-main);margin-top:8px;min-height:40px;padding:8px 16px}.notif-more[data-v-5328f6a5],.notif-retry[data-v-5328f6a5]{background:transparent;cursor:pointer;font-size:13px}.notif-more[data-v-5328f6a5]{border:0;border-top:1px solid var(--surface-border);color:var(--text-dim);font-weight:600;height:48px;width:100%}.notif-more[data-v-5328f6a5]:hover:not(:disabled){color:var(--text-main)}.notif-more[data-v-5328f6a5]:disabled{cursor:default;opacity:.6}.notif-inline-error[data-v-5328f6a5]{border-top:1px solid var(--surface-border);color:#fbbf24;font-size:12px;margin:0;padding:8px 16px}.notif-skeleton[data-v-5328f6a5]{border-bottom:1px solid var(--surface-border);display:flex;gap:12px;padding:12px 16px}.sk-icon[data-v-5328f6a5]{background:var(--surface-border);border-radius:8px;flex-shrink:0;height:32px;width:32px}.sk-body[data-v-5328f6a5]{display:flex;flex:1;flex-direction:column;gap:6px}.sk-line[data-v-5328f6a5]{background:var(--surface-border);border-radius:4px;height:10px}.sk-line.w70[data-v-5328f6a5]{width:70%}.sk-line.w90[data-v-5328f6a5]{width:90%}.sk-line.w30[data-v-5328f6a5]{width:30%}.notif-close[data-v-5328f6a5]:focus-visible,.notif-item[data-v-5328f6a5]:focus-visible,.notif-more[data-v-5328f6a5]:focus-visible,.notif-retry[data-v-5328f6a5]:focus-visible,.notif-tab[data-v-5328f6a5]:focus-visible,.notif-text-btn[data-v-5328f6a5]:focus-visible{outline:2px solid var(--primary-light,#7eabdf);outline-offset:2px}@media(max-width:600px){.notif-panel[data-v-5328f6a5]{border:0;border-radius:16px 16px 0 0;border-top:1px solid var(--surface-border);height:auto;inset:auto 0 0;max-height:80dvh;padding-bottom:env(safe-area-inset-bottom);padding-top:0;position:fixed;width:100vw;z-index:300}.notif-close[data-v-5328f6a5]{display:inline-flex}}@media(prefers-reduced-motion:reduce){.notif-item[data-v-5328f6a5],.notif-more[data-v-5328f6a5],.notif-tab[data-v-5328f6a5],.notif-text-btn[data-v-5328f6a5]{transition:none}}
