.nb,.nb-btn{position:relative;display:inline-flex}.nb-btn{align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;padding:0}.nb-btn.on,.nb-btn:hover{border-color:var(--accent);color:var(--accent-hover)}.nb-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--bg)}.nb-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:1500;width:380px;max-width:calc(100vw - 24px);background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.5);display:flex;flex-direction:column;max-height:min(560px,calc(100vh - 90px));overflow:hidden}.nb-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text);font-size:14px}.nb-link{background:none;border:0;color:var(--accent);cursor:pointer;font-size:13px;padding:2px 4px}.nb-link:disabled{color:var(--muted);cursor:default}.nb-list{overflow-y:auto;flex:1 1}.nb-empty{padding:28px 14px;text-align:center;color:var(--muted);font-size:13px}.nb-item{display:flex;gap:10px;width:100%;text-align:left;padding:10px 14px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;font:inherit;align-items:flex-start}.nb-item:hover{background:var(--panel-2)}.nb-item.unread{background:rgba(79,140,255,.09)}.nb-item.unread:hover{background:rgba(79,140,255,.16)}.nb-item.resolved .nb-title{color:var(--muted)}.nb-ico{flex:0 0 26px;font-size:18px;line-height:22px;text-align:center}.nb-txt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.nb-title{font-size:13px;font-weight:600;overflow-wrap:anywhere}.nb-item.unread .nb-title{font-weight:700}.nb-body{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.nb-body,.nb-time{color:var(--muted)}.nb-time{font-size:11px;display:flex;gap:6px;align-items:center}.nb-done{border:1px solid var(--border);border-radius:999px;padding:0 6px;font-size:10px}.nb-dot{flex:0 0 8px;width:8px;height:8px;margin-top:7px;border-radius:50%;background:var(--accent)}.nb-foot{display:flex;gap:16px;padding:10px 14px;border-top:1px solid var(--border);font-size:13px}.nb-pops{position:fixed;top:76px;right:18px;z-index:2100;display:flex;flex-direction:column;gap:8px;width:min(360px,calc(100vw - 24px))}.nb-pop{display:flex;align-items:flex-start;background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.45);animation:toast-in .22s ease-out;overflow:hidden}.nb-pop-main{display:flex;gap:10px;flex:1 1;min-width:0;padding:10px 4px 10px 12px;color:var(--text);text-align:left;font:inherit}.nb-pop-main,.nb-pop-x{background:none;border:0;cursor:pointer}.nb-pop-x{color:var(--muted);padding:8px 10px;font-size:13px}.row-focus,.row-focus>td{background:rgba(79,140,255,.22)!important;transition:background .6s}.row-focus{outline:2px solid var(--accent);outline-offset:-2px}@media (max-width:600px){.nb{position:static}.nb-panel{position:fixed;top:60px;left:12px;right:12px;width:auto;max-width:none;max-height:calc(100vh - 76px)}.nb-pops{top:64px;right:12px}}