.session-title {
  margin: 0 0 0.75rem;
  font: var(--tui-font-heading-6);
  color: var(--tui-text-primary);
}

.summary-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
}

.telemetry-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.telemetry-head__side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5rem;
  min-width: 0;
}

.telemetry-exclude-moves {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  max-width: 100%;
  cursor: pointer;
  user-select: none;
}

.telemetry-exclude-moves__text {
  font: var(--tui-font-text-s);
  color: var(--tui-text-primary);
}

.telemetry-content {
  display: flex;
  flex-direction: column;
  min-height: 520px;
}

.telemetry-content > .loading-wrap {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
}

.telemetry-head__main {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
  flex: 1;
}

.telemetry-head .section-title {
  margin: 0;
}

.telemetry-head .telemetry-range {
  margin: 0;
}

.telemetry-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.telemetry-presets {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.from-picker {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.telemetry-type-tabs {
  overflow-wrap: anywhere;
}

.telemetry-type-tabs button {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  text-align: start;
}

.table-wrap {
  overflow: auto;
  max-height: min(520px, 70vh);
}

.table-wrap:not(.table-wrap_flat) {
  min-height: 520px;
}

.telemetry {
  width: 100%;
  font: var(--tui-font-text-s);
}

.telemetry th {
  text-align: left;
  color: var(--tui-text-primary);
}

.telemetry tbody td {
  padding: 0.5rem 0.75rem;
  text-align: left;
  border-bottom: 1px solid var(--tui-border-normal);
  vertical-align: top;
}

.telemetry-col-type {
  min-width: 0;
  max-width: 14rem;
  overflow-wrap: anywhere;
  word-break: break-word;
  vertical-align: top;
}

.telemetry-row {
  cursor: pointer;
  transition: background-color 0.12s ease;
}

.telemetry-row:hover {
  background: color-mix(in srgb, var(--tui-background-accent-1) 12%, transparent);
}

.telemetry-row.telemetry-row_expanded {
  background: color-mix(in srgb, var(--tui-background-accent-1) 18%, transparent);
}

.telemetry-row-detail td {
  padding: 0 0.75rem 1rem;
  border-bottom: 1px solid var(--tui-border-normal);
  vertical-align: top;
}

.telemetry-col-summary {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
  vertical-align: top;
}
