.nb-button,.nb-wrap{position:relative;display:inline-flex}.nb-button{align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;border:1px solid var(--wk-line,#e2e8f0);background:var(--wk-surface,#fff);cursor:pointer;font-size:16px;line-height:1;transition:background .12s ease,border-color .12s ease}.nb-button:hover{background:var(--wk-sunk,#f1f5f9)}.nb-button:focus-visible{outline:2px solid var(--wk-brand,#2563eb);outline-offset:2px}.nb-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#dc2626;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--wk-surface,#fff)}.nb-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:80;width:min(390px,calc(100vw - 32px));max-height:70vh;overflow-y:auto;border:1px solid var(--wk-line,#e2e8f0);border-radius:14px;box-shadow:0 18px 44px rgba(15,23,42,.18)}.nb-head,.nb-panel{background:var(--wk-surface,#fff)}.nb-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--wk-line,#e2e8f0);font-size:14px;color:var(--wk-ink,#0f172a)}.nb-clear{border:0;background:none;padding:0;color:var(--wk-brand,#2563eb);font-size:12px;font-weight:600;cursor:pointer}.nb-clear:hover{text-decoration:underline}.nb-empty{margin:0;padding:22px 16px;color:var(--wk-muted,#64748b);font-size:13px;line-height:1.5}.nb-list{margin:0;padding:0;list-style:none}.nb-item{display:flex;gap:10px;width:100%;padding:11px 14px;border:0;border-bottom:1px solid var(--wk-line,#eef2f7);background:none;text-align:left;cursor:pointer}.nb-item:hover{background:var(--wk-sunk,#f8fafc)}.nb-unread{background:var(--wk-brand-soft,#eff6ff);box-shadow:inset 3px 0 0 var(--wk-brand,#2563eb)}.nb-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;font-size:15px;background:var(--wk-sunk,#f1f5f9)}.nb-blue{background:#dbeafe}.nb-green{background:#dcfce7}.nb-amber{background:#fef3c7}.nb-red{background:#fee2e2}.nb-slate{background:#e2e8f0}.nb-text{display:flex;flex-direction:column;gap:2px;min-width:0}.nb-kind{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--wk-muted,#64748b)}.nb-title{font-size:13px;font-weight:600;color:var(--wk-ink,#0f172a)}.nb-detail,.nb-when{font-size:12px;color:var(--wk-muted,#64748b)}.nb-detail{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nb-when{font-size:11px}.nb-foot{display:block;padding:11px 14px;border-top:1px solid var(--wk-line,#e2e8f0);color:var(--wk-brand,#2563eb);font-size:13px;font-weight:600;text-decoration:none;text-align:center}.nb-foot:hover{text-decoration:underline}:root[data-theme=dark] .nb-badge{box-shadow:0 0 0 2px var(--wk-surface,#0f172a)}:root[data-theme=dark] .nb-icon{filter:brightness(.82)}