.sup-vb{background:var(--sup-card-bg);border-bottom:var(--sup-border-w) solid var(--hairline);flex-shrink:0;align-items:stretch;gap:12px;height:40px;min-height:40px;padding:0 16px;display:flex}.sup-vb-tabs{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;align-items:flex-end;min-width:0;display:flex;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 20px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 20px),#0000 100%)}.sup-vb-tabs::-webkit-scrollbar{width:0;height:0;display:none}.sup-vb-right{align-items:center;min-width:0;margin-left:auto;display:flex}.sup-vb-right:empty{display:none}.sup-vb-actions{flex-wrap:nowrap;align-items:center;gap:4px;display:flex}.sup-vb-btn{height:28px;color:var(--text-secondary);font:inherit;font-family:var(--font-primary);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:0 9px;font-size:13px;font-weight:500;text-decoration:none;transition:background-color .12s,color .12s;display:inline-flex;position:relative}.sup-vb-btn:hover{background:var(--sup-card-quiet);color:var(--text-primary)}.sup-vb-btn[data-active=true]{background:var(--accent-soft);color:var(--accent)}.sup-vb-btn[data-danger]{color:var(--tone-bad)}.sup-vb-btn[data-danger]:hover{background:var(--tone-bad-bg);color:var(--tone-bad)}.sup-vb-btn:focus-visible,.sup-vb-primary:focus-visible,.sup-vb-search input:focus-visible{box-shadow:var(--sup-focus-ring);outline:none}.sup-vb-btn svg,.sup-vb-primary svg{flex:none}.sup-vb-n{font-variant-numeric:tabular-nums}.sup-vb-meta{color:var(--text-tertiary);white-space:nowrap;font-variant-numeric:tabular-nums;padding:0 6px;font-size:12.5px}.sup-vb-primary{background:var(--primary);height:28px;color:var(--primary-fg);font-family:var(--font-primary);white-space:nowrap;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;margin-left:4px;padding:0 11px;font-size:13px;font-weight:600;display:inline-flex}.sup-vb-primary:hover{filter:brightness(1.05)}.sup-vb-btn:disabled,.sup-vb-primary:disabled{opacity:.45;cursor:not-allowed;filter:none;background:0 0}.sup-vb-primary:disabled{background:var(--primary)}.sup-vb-sep{width:var(--sup-border-w);background:var(--hairline-strong);height:18px;margin:0 4px}.sup-vb-search{align-items:center;display:inline-flex;position:relative}.sup-vb-search-ic{color:var(--text-muted);pointer-events:none;display:inline-flex;position:absolute;left:8px}.sup-vb-search input{border:var(--sup-border-w) solid transparent;background:var(--sup-card-quiet);width:196px;height:28px;color:var(--text-primary);font-family:var(--font-primary);box-sizing:border-box;text-overflow:ellipsis;transition:width .14s var(--sup-ease-standard), border-color .12s, background-color .12s;border-radius:6px;outline:none;padding:0 26px 0 28px;font-size:13px}.sup-vb-search input:focus,.sup-vb-search[data-filled=true] input{background:var(--sup-card-bg);border-color:var(--hairline-strong);width:260px}.sup-vb-search-x{width:18px;height:18px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;right:6px}.sup-vb-search-x:hover{color:var(--text-primary);background:var(--hairline)}.sup-vb-anchor{display:inline-flex;position:relative}.sup-vb-pop{z-index:50;width:var(--vb-pop-w,260px);background:var(--sup-card-bg);border:var(--sup-border-w) solid var(--hairline-strong);border-radius:var(--sup-radius-panel);box-shadow:var(--sup-shadow-pop);flex-direction:column;gap:14px;padding:12px;display:flex;position:absolute;top:34px;right:0}.sup-vb-pop[data-align=left]{left:0;right:auto}.sup-vb-pop-menu{gap:1px;padding:5px}.sup-vb-pop-t{color:var(--text-muted);padding:4px 8px 2px;font-size:11.5px;font-weight:600}.sup-vb-opt{width:100%;height:30px;color:var(--text-secondary);font-family:var(--font-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:0 8px;font-size:13px;display:flex}.sup-vb-opt:hover{background:var(--sup-card-quiet);color:var(--text-primary)}.sup-vb-opt[data-on=true]{color:var(--accent);font-weight:600}.sup-vb-opt-check{margin-left:auto;display:inline-flex}.sup-vb-clear{color:var(--text-muted);font-family:var(--font-primary);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:12px;font-weight:600}.sup-vb-clear:hover{color:var(--text-primary)}.sup-vb-checks{flex-direction:column;gap:1px;margin:-6px;display:flex}.sup-vb-checkrow{cursor:pointer;width:100%;font-family:var(--font-primary);color:var(--text-primary);text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:9px;padding:7px 8px;font-size:13px;display:flex}.sup-vb-checkrow:hover{background:var(--sup-card-quiet)}.sup-vb-checkbox{border:var(--sup-border-w) solid var(--hairline-strong);width:15px;height:15px;color:var(--primary-fg);background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sup-vb-checkbox[data-on=true]{border-color:var(--accent);background:var(--accent)}@media (max-width:767px){.sup-vb{flex-wrap:wrap;gap:0;height:auto;padding:0 12px}.sup-vb-right{width:100%;margin-left:0;padding:6px 0 8px}.sup-vb-actions{flex-wrap:wrap;gap:6px;width:100%}.sup-vb-actions .sup-vb-search{flex:100%}.sup-vb-actions .sup-vb-search input,.sup-vb-actions .sup-vb-search input:focus{width:100%}.sup-vb-lbl{display:none}.sup-vb-primary{margin-left:auto}}@media (prefers-reduced-motion:reduce){.sup-vb-search input{transition:none}}