/* Custom additions on top of Tailwind */
#stage { user-select: none; }
#stage.dragging { cursor: grabbing; }
.finding-row { transition: background-color .15s ease; }
.finding-row:hover, .finding-row.active { background-color: rgb(30 41 59 / 0.7); }
.bbox-rect {
  fill: none;
  stroke-width: 3px;
  vector-effect: non-scaling-stroke;
  transition: stroke .15s ease, stroke-opacity .15s ease;
}
.bbox-rect.ok      { stroke: rgb(76 187 138); }
.bbox-rect.flawed  { stroke: rgb(231 76 76); }
.bbox-rect.dim     { stroke-opacity: 0.35; }
.bbox-rect.active  { stroke-width: 5px; stroke-opacity: 1; }
.bbox-label {
  font: 600 11px/1 ui-sans-serif, system-ui;
  fill: white;
  paint-order: stroke;
  stroke: rgba(0, 0, 0, 0.6);
  stroke-width: 4px;
}
/* Tabs */
.tab-btn {
  color: rgb(148 163 184);            /* slate-400 */
  transition: color .15s ease, border-color .15s ease, background-color .15s ease;
}
.tab-btn:hover { color: rgb(241 245 249); }
.tab-btn.active {
  color: rgb(255 168 90);              /* orange-300 */
  border-color: rgb(226 106 44);       /* orange-500 */
  background-color: rgb(15 23 42 / 0.6);
}
main[data-tab] { display: block; }
main[data-tab][hidden] { display: none !important; }
/* Dataset / bench bar charts */
.stat-bar-track {
  height: 8px;
  background: rgb(30 41 59 / 0.7);
  border-radius: 999px;
  overflow: hidden;
}
.stat-bar-fill {
  height: 100%;
  background: linear-gradient(90deg, rgb(226 106 44), rgb(255 168 90));
}
.stat-row {
  display: grid;
  grid-template-columns: 160px 1fr 80px;
  gap: 12px;
  align-items: center;
  font-size: 12px;
}
.stat-row .label { color: rgb(203 213 225); }
.stat-row .count { color: rgb(148 163 184); text-align: right; font-variant-numeric: tabular-nums; }
/* Bench rows */
.bench-card { background: rgb(15 23 42 / 0.6); border: 1px solid rgb(30 41 59); border-radius: 12px; padding: 16px; }
.bench-row-row { display: grid; grid-template-columns: 110px 1fr 80px; gap: 8px; align-items: center; font-size: 11px; }
.bench-stage-bar {
  height: 10px; background: rgb(30 41 59 / 0.7); border-radius: 999px; overflow: hidden;
}
.bench-stage-bar > div { height: 100%; }
.badge-good { background: rgb(34 197 94 / 0.2); color: rgb(110 231 183); border: 1px solid rgb(34 197 94 / 0.4); }
.badge-warn { background: rgb(245 158 11 / 0.2); color: rgb(252 211 77); border: 1px solid rgb(245 158 11 / 0.4); }
.badge-bad  { background: rgb(239 68 68 / 0.2);  color: rgb(252 165 165); border: 1px solid rgb(239 68 68 / 0.4); }