/* VLM Inference Benchmark Explorer — the few rules the LLM widget's stylesheet
   does not already provide. Everything else (filters, table, the opened row's
   two columns, the chart card) is shared with benchmark-table.css, which this
   file is loaded after. */

/* The measurements by number of cameras, with a caption naming the image size
   and image count they were read at. */
.vlmbt-sweep .bt-detail-table {
  margin-bottom: 0;
}

.vlmbt-pane-title {
  font-size: 12px;
  font-weight: 700;
  color: var(--bt-text-muted);
  margin: 0 0 6px;
}

/* A workload button that, with the other selections, names a cell no run
   measured: still clickable, visibly empty. */
.vlmbt-container .bt-btn.vlmbt-na:not(.bt-active) {
  opacity: 0.45;
  border-style: dashed;
}

/* The opened row: the measurements take the width they need, and the
   explanation fills the rest beside them, rather than each taking half the
   row and leaving a gap after the table. Stacks on narrow screens. */
.bt-detail-pair.vlmbt-pair {
  display: flex;
  align-items: stretch;
  gap: 16px;
}

.vlmbt-pair > .bt-detail-pair-col:first-child {
  flex: 0 0 auto;
}

.vlmbt-pair > .bt-detail-pair-col:last-child {
  flex: 1 1 auto;
  min-width: 0;
}

@media (max-width: 900px) {
  .bt-detail-pair.vlmbt-pair { flex-direction: column; }
}

/* Cameras, Image Size and the response time are one group: a rule above
   Cameras, none between the three, and the slider row's rule below. */
.vlmbt-container .bt-filter-row-perf.vlmbt-no-rule {
  padding-bottom: 0;
  border-bottom: none;
}

.vlmbt-container .bt-filter-row-perf.vlmbt-group-start {
  padding-top: 12px;
  border-top: 1px solid var(--bt-border);
}

/* Max Response Time opens its row, so its label lines up with Cameras and
   Image Size instead of keeping the inline indent. */
.vlmbt-container .bt-filter-row-perf > .bt-perf-item:first-child .bt-inline-label {
  margin-left: 0;
}