.ts-wizard {
  border: 1px solid var(--tds-border-chrome, #2e4a66);
  border-radius: 12px;
  background: linear-gradient(180deg, var(--tds-bg-primary, #0f2d4a), var(--tds-bg-secondary, #0a2138));
  padding: 14px;
}

.ts-wizard-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.ts-wizard-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--tds-text-heading, #f1f5f9);
}

.ts-wizard-step {
  color: var(--tds-accent-text, #7dd3fc);
  font-size: 0.9rem;
}

.ts-wizard-body {
  color: var(--tds-text-primary, #dbeafe);
}

.cf-row {
  display: grid;
  gap: 6px;
  max-width: 360px;
  margin-bottom: 10px;
}

.cf-status {
  margin-top: 8px;
  font-size: 0.9rem;
  color: var(--tds-text-secondary, #9fb2d9);
}

.cf-help-card {
  margin: 8px 0 12px;
  border: 1px solid var(--tds-border-chrome, #2e4a66);
  border-radius: 8px;
  background: rgba(15, 45, 74, 0.45);
  padding: 8px 10px;
}

.cf-help-title {
  font-weight: 600;
  margin-bottom: 4px;
}

.cf-params-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
  margin-bottom: 10px;
}

.cf-param-hint {
  color: var(--tds-text-secondary, #9fb2d9);
  font-size: 0.8rem;
}

.cf-series-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.cf-series-card {
  border: 1px solid var(--tds-border-chrome, #2e4a66);
  border-radius: 10px;
  background: rgba(15, 45, 74, 0.55);
  padding: 8px;
}

.cf-series-card-title {
  font-size: 0.8rem;
  color: var(--tds-text-secondary, #9fb2d9);
  margin-bottom: 6px;
}

.cf-corner-series {
  width: 100%;
  height: 64px;
}

.cf-corner-series-line {
  fill: none;
  stroke: #60a5fa;
  stroke-width: 4.2;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.cf-corner-series-peak {
  fill: #facc15;
}

.cf-corner-series-label {
  fill: #dbeafe;
  font-size: 6.4px;
}

.cf-strategy {
  width: 100%;
}

.cf-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 8px;
  background: #10181f;
}

.cf-table th,
.cf-table td {
  border: 1px solid #2b3641;
  padding: 6px 8px;
  text-align: left;
}

.cf-name-input,
.cf-speed-input {
  width: 100%;
}

.cf-actions-cell {
  display: flex;
  gap: 6px;
}
