.single-step-sets-view .side-navigation { padding-bottom: max(8px, calc(100dvh - 833px)); }
.single-step-sets-view .page-heading { justify-content: space-between; flex-wrap: wrap; gap: 12px; min-height: 65px; }
.experiment-set-context { display: flex; align-items: center; gap: 12px; min-width: 0; margin-left: auto; }
.experiment-set-picker { width: 200px; max-width: 35vw; height: 32px; padding: 0 28px 0 10px; border: 1px solid #d5d8e4; border-radius: 8px; color: #535968; background: #fff; font: inherit; text-overflow: ellipsis; cursor: pointer; }
.experiment-set-picker:focus-visible { outline: 2px solid var(--fornax-purple); outline-offset: 3px; }
.experiment-set-trace-count { color: #9096a6; font-size: 13px; white-space: nowrap; }
.single-step-sets-view .trace-search { flex-basis: 600px; }
.single-step-sets-view .date-range { width: 154px; flex-shrink: 0; }
.single-step-sets-view .date-range span { white-space: nowrap; }
.single-step-sets-view .trace-content-cell { overflow: hidden; text-overflow: ellipsis; }
.single-step-sets-view .trace-table tbody tr:hover td { background: #f7f7fb; }
.single-step-sets-view .trace-table tbody tr.is-clickable { cursor: pointer; }
.trace-open-link { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.trace-open-link:hover { color: var(--fornax-purple); }
.experiment-set-empty { position: absolute; inset: 42px 0 0; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; background: #fff; text-align: center; }
.experiment-set-empty strong { color: #5a6070; font-size: 16px; font-weight: 500; }
.experiment-set-empty p { margin: 10px 0 18px; color: #959aaa; font-size: 13px; }
.experiment-set-empty a { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.single-step-sets-view .trace-table-region.is-empty .horizontal-scroll-indicator,
.single-step-sets-view .trace-table-region.is-empty .vertical-scroll-indicator { display: none; }

@media (max-width: 1200px) {
  .single-step-sets-view .page-heading { padding-top: 16px; padding-bottom: 12px; }
  .experiment-set-context { gap: 8px; }
  .experiment-set-picker { width: 170px; }
}
@media (max-width: 800px) {
  .single-step-sets-view h1 { font-size: 20px; }
  .single-step-sets-view .trace-search { flex-wrap: wrap; height: auto; }
  .single-step-sets-view .id-type-selector { flex-basis: 100%; }
  .single-step-sets-view .date-range { width: 135px; }
  .experiment-set-picker { width: 145px; }
  .experiment-set-trace-count { font-size: 12px; }
}