/* ═══════════════════════════════════════════════════════════════════════════
   CREEP (API 579-1 Part 10)

   Despite the name this is the whole of Part 10's chrome: the wizard's step
   cards and history grid editor, the spreadsheet import, the damage and
   life charts with their legends and hover tooltip, and the Level 2 form
   sections.

   The charts are drawn as SVG by static/js/cr_visualizations.js and take
   their series colours from --cr-series-color, which that script sets per
   series. Everything the stylesheet paints itself is a token, and a raw hex
   value here is a bug.
   ═══════════════════════════════════════════════════════════════════════════ */

/* A step of the Part 10 wizard, both levels: a ds-panel whose head is a
   filled strip carrying the step number. The strip is the one thing the
   panel's own head does not do, and it is what makes a step read as a step
   rather than as a result panel that happens to hold fields. */
[data-wizard-root] form[data-wizard-form] {
  margin-inline: auto;
  max-width: 1600px;
}

.cr-form-step > .cr-form-step__header {
  align-items: center;
  background: var(--ds-surface-sunken);
  border-bottom: 1px solid var(--ds-border-subtle);
  color: var(--ds-text);
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: var(--ds-space-6);
  line-height: 1.35;
  padding: var(--ds-space-7) var(--ds-space-9);
}

.cr-form-step__number {
  align-items: center;
  background: var(--ds-info-bg);
  border: 1px solid var(--ds-info);
  border-radius: var(--ds-radius-pill);
  color: var(--ds-info);
  display: inline-flex;
  flex: 0 0 auto;
  font-size: var(--ds-type-sm);
  font-weight: 700;
  height: 1.75rem;
  justify-content: center;
  width: 1.75rem;
}

.cr-form-step__subtitle {
  color: var(--ds-text-muted);
  display: block;
  font-size: var(--ds-type-sm);
  font-weight: 400;
  margin-top: var(--ds-space-1);
}

/* Pending inputs are neutral. Orange/red are reserved for real warnings/errors. */
[data-wizard-root] .cr-wizard-stepper .stepper-item.status-missing .stepper-circle,
[data-wizard-root] .cr-wizard-stepper .stepper-item.status-neutral .stepper-circle {
  background: var(--ds-border) !important;
  color: var(--ds-text-muted) !important;
}

[data-wizard-root] .cr-wizard-stepper .stepper-item.status-missing .stepper-label,
[data-wizard-root] .cr-wizard-stepper .stepper-item.status-neutral .stepper-label {
  color: var(--ds-text-muted) !important;
}

[data-wizard-root] .cr-wizard-stepper .stepper-item.status-missing.active .stepper-circle {
  background: var(--ds-info) !important;
  color: var(--ds-solid-fg) !important;
}

[data-wizard-root] .cr-wizard-stepper .stepper-item.status-missing.active .stepper-label {
  color: var(--ds-text) !important;
}

[data-wizard-root] .cr-wizard-stepper .stepper-item.status-missing + .stepper-line {
  background: var(--ds-border) !important;
}

/* CR follows the product's flat, sharp-corner design language. */
.cr-wizard-stepper {
  border: 1px solid var(--ds-border);
  border-radius: 0;
  box-shadow: none;
}

.cr-result-message {
  line-height: 1.55;
  margin-inline: auto;
  max-width: 80rem;
  text-align: left;
}

@media (min-width: 991.98px) {
  [data-cr-grid-editor][data-schema="level1-multiple"] [data-cr-grid-table] > .ds-table-wrap {
    overflow: visible;
  }

  [data-cr-grid-editor][data-schema="level1-multiple"] .cr-grid-table {
    min-width: 0;
    table-layout: fixed;
    width: 100%;
  }

  [data-cr-grid-editor][data-schema="level1-multiple"] .cr-grid-table th {
    line-height: 1.25;
    white-space: normal;
  }

  [data-cr-grid-editor][data-schema="level1-multiple"] .cr-grid-table th:nth-child(1) {
    width: 2rem;
  }

  [data-cr-grid-editor][data-schema="level1-multiple"] .cr-grid-table th:nth-child(2) {
    width: 8%;
  }

  [data-cr-grid-editor][data-schema="level1-multiple"] .cr-grid-table th:nth-child(3) {
    width: 9%;
  }

  [data-cr-grid-editor][data-schema="level1-multiple"] .cr-grid-table th:nth-child(4),
  [data-cr-grid-editor][data-schema="level1-multiple"] .cr-grid-table th:nth-child(5) {
    width: 8%;
  }

  [data-cr-grid-editor][data-schema="level1-multiple"] .cr-grid-table th:nth-child(6),
  [data-cr-grid-editor][data-schema="level1-multiple"] .cr-grid-table th:nth-child(7) {
    width: 17%;
  }

  [data-cr-grid-editor][data-schema="level1-multiple"] .cr-grid-table th:nth-child(8) {
    width: 14%;
  }

  [data-cr-grid-editor][data-schema="level1-multiple"] .cr-grid-table th:nth-child(9) {
    width: 8.75rem;
  }

  [data-cr-grid-editor][data-schema="level1-multiple"] .cr-grid-actions {
    gap: var(--ds-space-2);
    min-width: 0;
  }

  [data-cr-grid-editor][data-schema="level1-multiple"] .cr-grid-actions .btn {
    min-width: 1.75rem;
    padding-inline: var(--ds-space-3);
  }

  [data-cr-grid-editor][data-schema="level1-multiple"][data-calendar-mode="true"] .cr-grid-table th:nth-child(2) { width: 7%; }
  [data-cr-grid-editor][data-schema="level1-multiple"][data-calendar-mode="true"] .cr-grid-table th:nth-child(3),
  [data-cr-grid-editor][data-schema="level1-multiple"][data-calendar-mode="true"] .cr-grid-table th:nth-child(4) { width: 7%; }
  [data-cr-grid-editor][data-schema="level1-multiple"][data-calendar-mode="true"] .cr-grid-table [data-column="start_date"],
  [data-cr-grid-editor][data-schema="level1-multiple"][data-calendar-mode="true"] .cr-grid-table [data-column="end_date"] { width: 11%; }
  [data-cr-grid-editor][data-schema="level1-multiple"][data-calendar-mode="true"] .cr-grid-table [data-column="service_time"] { width: 7%; }
  [data-cr-grid-editor][data-schema="level1-multiple"][data-calendar-mode="true"] .cr-grid-table [data-column="corrosion_rate_i"],
  [data-cr-grid-editor][data-schema="level1-multiple"][data-calendar-mode="true"] .cr-grid-table [data-column="corrosion_rate_o"] { width: 11%; }
}

@media (min-width: 991.98px) {
  [data-cr-grid-editor][data-schema="level2-pressure"] [data-cr-grid-table] > .ds-table-wrap {
    overflow: visible;
  }

  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema^="level2-"] {
    min-width: 0;
    table-layout: fixed;
    width: 100%;
  }

  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema^="level2-"] th {
    line-height: 1.2;
    overflow-wrap: break-word;
    white-space: normal;
  }

  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema^="level2-"] td,
  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema^="level2-"] th {
    padding: var(--ds-space-2);
  }

  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema^="level2-"] input {
    font-size: var(--ds-type-sm);
    min-width: 0;
    padding-inline: var(--ds-space-3);
  }

  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema="level2-pressure"] [data-column="row-number"] {
    width: 2.25%;
  }

  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema="level2-pressure"] [data-column="cycle_id"] {
    width: 6.5%;
  }

  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema="level2-pressure"] [data-column="temperature"],
  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema="level2-pressure"] [data-column="pressure"] {
    width: 6.75%;
  }

  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema="level2-pressure"] [data-column="duration"] {
    width: 6.5%;
  }

  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema="level2-pressure"] [data-column="corrosion_rate_i"],
  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema="level2-pressure"] [data-column="corrosion_rate_o"] {
    width: 10.5%;
  }

  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema="level2-pressure"] [data-column="yield_strength"] {
    width: 8%;
  }

  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema="level2-pressure"] [data-column="P_L"] {
    width: 15%;
  }

  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema="level2-pressure"] [data-column="P_b"] {
    width: 12.5%;
  }

  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema="level2-pressure"] [data-column="row-actions"] {
    width: 8.75%;
  }

  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema="level2-direct"] [data-column="row-number"] {
    width: 2.25%;
  }

  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema="level2-direct"] [data-column="cycle_id"] {
    width: 5.5%;
  }

  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema="level2-direct"] [data-column="temperature"],
  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema="level2-direct"] [data-column="pressure"] {
    width: 5.75%;
  }

  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema="level2-direct"] [data-column="duration"] {
    width: 5.5%;
  }

  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema="level2-direct"] [data-column="corrosion_rate_i"],
  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema="level2-direct"] [data-column="corrosion_rate_o"] {
    width: 7.5%;
  }

  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema="level2-direct"] [data-column="sigma_1"],
  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema="level2-direct"] [data-column="sigma_2"],
  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema="level2-direct"] [data-column="sigma_3"] {
    width: 6%;
  }

  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema="level2-direct"] [data-column="yield_strength"] {
    width: 7%;
  }

  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema="level2-direct"] [data-column="P_L"] {
    width: 9.5%;
  }

  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema="level2-direct"] [data-column="P_b"] {
    width: 8.5%;
  }

  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-table[data-schema="level2-direct"] [data-column="row-actions"] {
    width: 8.5%;
  }

  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-actions {
    gap: var(--ds-space-1);
    min-width: 0;
  }

  [data-cr-grid-editor][data-schema="level2-pressure"] .cr-grid-actions .btn {
    min-width: 1.25rem;
    padding-inline: var(--ds-space-1);
  }

  [data-cr-grid-editor][data-schema="level2-pressure"][data-calendar-mode="true"] .cr-grid-table [data-column="start_date"],
  [data-cr-grid-editor][data-schema="level2-pressure"][data-calendar-mode="true"] .cr-grid-table [data-column="end_date"] {
    width: 9%;
  }

  [data-cr-grid-editor][data-schema="level2-pressure"][data-calendar-mode="true"] .cr-grid-table [data-column="duration"] {
    width: 6%;
  }

  [data-cr-grid-editor][data-schema="level2-pressure"][data-calendar-mode="true"] .cr-grid-table input[type="date"] {
    font-size: var(--ds-type-xs);
    padding-inline: var(--ds-space-1);
  }
}

.cr-chart-card {
  background: var(--ds-surface);
  border: 1px solid var(--ds-border);
  margin-bottom: var(--ds-space-9);
  overflow: hidden;
}

.cr-chart-card__header {
  align-items: flex-start;
  background: var(--ds-bg);
  border-bottom: 1px solid var(--ds-border);
  display: flex;
  flex-wrap: wrap;
  gap: var(--ds-space-5) var(--ds-space-8);
  justify-content: space-between;
  padding: var(--ds-space-7) var(--ds-space-8);
}

.cr-chart-card__title {
  color: var(--ds-text);
  font-size: var(--ds-type-md);
  font-weight: 700;
  margin: 0;
}

.cr-chart-card__subtitle {
  color: var(--ds-text-muted);
  font-size: var(--ds-type-sm);
  line-height: 1.45;
  margin: var(--ds-space-2) 0 0;
  max-width: 56rem;
}

.cr-chart-card__body {
  padding: var(--ds-space-7) var(--ds-space-8) var(--ds-space-8);
}

.cr-chart-toolbar {
  align-items: center;
  color: var(--ds-text-secondary);
  display: flex;
  font-size: var(--ds-type-sm);
  gap: var(--ds-space-4);
  margin: 0;
  padding-top: var(--ds-space-1);
  white-space: nowrap;
}

.cr-chart-host {
  min-height: 150px;
  position: relative;
}

.cr-chart-time-scale {
  align-items: center;
  border: 0;
  border-top: 1px solid var(--ds-border);
  display: flex;
  gap: var(--ds-space-7);
  margin: var(--ds-space-6) auto 0;
  max-width: 1180px;
  padding: var(--ds-space-6) 0 0;
}

.cr-chart-time-scale legend {
  color: var(--ds-text-secondary);
  float: none;
  font-size: var(--ds-type-sm);
  font-weight: 700;
  margin: 0;
  width: auto;
}

.cr-chart-time-scale .form-check-label {
  color: var(--ds-text-secondary);
  font-size: var(--ds-type-sm);
}

.cr-chart-today-line {
  stroke-width: 2;
}

.cr-chart-today-tick {
  stroke-width: 2;
}

.cr-chart-service-limit-line {
  stroke-width: 2;
}

.cr-chart-service-limit-tick {
  stroke-width: 2;
}

.cr-chart-plot-wrap {
  margin-inline: auto;
  max-width: 1180px;
  overflow-x: auto;
  position: relative;
}

.cr-chart-plot-wrap svg {
  display: block;
  height: auto;
  overflow: visible;
  width: 100%;
}

.cr-chart-plot-wrap svg text,
.cr-chart-legend {
  font-family: "CalcHub Figure TeX", serif;
}

.cr-chart-split {
  display: grid;
  gap: var(--ds-space-8);
  grid-template-columns: repeat(auto-fit, minmax(min(760px, 100%), 1fr));
}

.cr-chart-panel {
  min-width: 0;
}

.cr-chart-panel-title {
  color: var(--ds-text-secondary);
  font-size: var(--ds-type-sm);
  font-weight: 700;
  margin: var(--ds-space-5) auto var(--ds-space-2);
  max-width: 1180px;
}

.cr-chart-legend {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ds-space-3) var(--ds-space-7);
  margin: var(--ds-space-4) auto var(--ds-space-2);
  max-width: 1180px;
}

.cr-chart-legend__item {
  align-items: center;
  color: var(--ds-text-secondary);
  display: inline-flex;
  font-size: var(--ds-type-xs);
  gap: var(--ds-space-3);
}

.cr-chart-legend__swatch {
  align-items: center;
  display: inline-block;
  height: .7rem;
  position: relative;
  width: 1.2rem;
}

.cr-chart-legend__swatch::before {
  background: var(--cr-series-color);
  border-radius: var(--ds-radius-pill);
  content: "";
  height: var(--cr-series-width, 3.6px);
  left: 0;
  position: absolute;
  right: 0;
  top: calc(50% - var(--cr-series-width, 3.6px) / 2);
}

.cr-chart-legend__swatch--dash::before {
  background: repeating-linear-gradient( 90deg, var(--cr-series-color) 0 5px, transparent 5px 8px );
}

.cr-chart-legend__swatch--point::after {
  background: var(--cr-series-color);
  border: 1px solid var(--cr-series-color);
  border-radius: 50%;
  content: "";
  height: .45rem;
  left: calc(50% - .225rem);
  position: absolute;
  top: calc(50% - .225rem);
  width: .45rem;
}

.cr-chart-legend__swatch--point::before {
  display: none;
}

.cr-chart-legend__swatch--hollow::after {
  background: var(--ds-surface);
  border-width: 2px;
}

.cr-chart-legend--assessment-points {
  border-top: 1px solid var(--ds-border);
  gap: var(--ds-space-3) var(--ds-space-8);
  margin-top: var(--ds-space-5);
  padding-top: var(--ds-space-5);
}

.cr-chart-legend--assessment-points .cr-chart-legend__swatch {
  width: .7rem;
}

.cr-screening-point-table-wrap {
  margin: var(--ds-space-5) auto 0;
  max-width: 1180px;
}

.cr-screening-point-table {
  border: 1px solid var(--ds-border);
  font-size: var(--ds-type-sm);
}

.cr-screening-point-table thead th {
  background: var(--ds-bg);
  color: var(--ds-text-secondary);
  font-weight: 700;
  white-space: nowrap;
}

.cr-screening-point-table tbody th {
  color: var(--ds-text);
  font-weight: 600;
  min-width: 10rem;
}

.cr-screening-point-table td,
.cr-screening-point-table th {
  border-bottom: 1px solid var(--ds-border);
  padding: var(--ds-space-4) var(--ds-space-5);
}

.cr-screening-point-table td:not(:first-child) {
  font-variant-numeric: tabular-nums;
}

.cr-screening-point-swatch {
  background: var(--cr-series-color);
  border: 1px solid var(--ds-surface);
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--cr-series-color);
  display: inline-block;
  height: .5rem;
  margin-right: var(--ds-space-4);
  width: .5rem;
}

.cr-chart-axis {
  stroke: var(--ds-border-strong);
  stroke-width: 1;
}

.cr-chart-grid {
  stroke: var(--ds-border);
  stroke-width: 1;
}

.cr-chart-limit-zone {
  fill: var(--ds-fail-bg);
}

.cr-chart-event {
  stroke: var(--ds-text-muted);
  stroke-width: 1.4;
}

.cr-chart-assessment-guide {
  stroke: var(--ds-text-secondary);
  stroke-dasharray: 6 5;
  stroke-opacity: .78;
  stroke-width: 1.2;
}

.cr-chart-assessment-guide-tick {
  stroke: var(--ds-text-secondary);
  stroke-width: 1.4;
}

.cr-chart-tick-label,
.cr-chart-axis-label {
  fill: var(--ds-text-muted);
  font-size: 11px;
}

.cr-chart-axis-label {
  fill: var(--ds-text-secondary);
  font-size: 12px;
  font-weight: 600;
}

.cr-chart-threshold-label,
.cr-chart-value-label,
.cr-chart-assessment-value {
  fill: var(--ds-text-secondary);
  font-size: 11px;
  font-weight: 600;
  paint-order: stroke;
  stroke: var(--ds-surface);
  stroke-linejoin: round;
  stroke-width: 4px;
}

.cr-chart-assessment-value {
  fill: var(--ds-text);
}

.cr-chart-threshold-label {
  fill: var(--ds-fail);
}

.cr-chart-point:focus {
  outline: none;
  stroke: var(--ds-text);
  stroke-width: 3;
}

.cr-chart-inspector {
  align-items: center;
  background: var(--ds-bg);
  border-left: 3px solid var(--ds-border-strong);
  color: var(--ds-text-secondary);
  display: flex;
  font-size: var(--ds-type-xs);
  margin: var(--ds-space-4) auto var(--ds-space-1);
  max-width: 1180px;
  min-height: 1.8rem;
  padding: var(--ds-space-3) var(--ds-space-5);
}

.cr-chart-bubble-key {
  color: var(--ds-text-muted);
  font-size: var(--ds-type-xs);
  margin: var(--ds-space-3) auto 0;
  max-width: 1180px;
}

.cr-chart-placeholder {
  color: var(--ds-text-muted);
  padding: var(--ds-space-11);
  text-align: center;
}

.cr-engineering-note {
  background: var(--ds-review-bg);
  border: 1px solid var(--ds-review);
  border-left: 4px solid var(--ds-review);
  color: var(--ds-text-secondary);
  padding: var(--ds-space-7) var(--ds-space-8);
}

.cr-engineering-note__title {
  color: var(--ds-review);
  font-size: var(--ds-type-sm);
  font-weight: 700;
  letter-spacing: .02em;
  margin: 0 0 var(--ds-space-3);
  text-transform: uppercase;
}

.cr-engineering-note ul {
  margin: 0;
  padding-left: var(--ds-space-9);
}

.cr-engineering-note li + li {
  margin-top: var(--ds-space-3);
}

.cr-result-details {
  background: var(--ds-surface);
  border: 1px solid var(--ds-border);
}

.cr-result-details > summary {
  color: var(--ds-link);
  cursor: pointer;
  font-size: var(--ds-type-base);
  font-weight: 700;
  padding: var(--ds-space-7) var(--ds-space-8);
}

.cr-result-details[open] > summary {
  background: var(--ds-bg);
  border-bottom: 1px solid var(--ds-border);
}

.cr-result-details__body {
  padding: var(--ds-space-8);
}

.detail-table th {
  white-space: nowrap;
}

.equation-values td:first-child {
  color: var(--ds-text-muted);
}

.equation-values td:last-child {
  font-family: var(--ds-font-mono);
  font-weight: 600;
  text-align: right;
}

@media (max-width: 767.98px) {

  .cr-chart-card__body {
    padding-inline: var(--ds-space-4);
  }

  .cr-chart-card__header {
    padding-inline: var(--ds-space-6);
  }

  .cr-chart-plot-wrap svg {
    min-width: 620px;
  }

  .cr-chart-split {
    display: block;
  }

  .cr-chart-split .cr-chart-panel + .cr-chart-panel {
    margin-top: var(--ds-space-8);
  }

}

/* ── LEVEL 2 INCREMENT DETAILS ──
   One disclosure per operating cycle, stacked with a hairline between, in
   place of the Bootstrap accordion that let only one cycle open at a time. */
.cr-cycle-details__item {
  padding: var(--ds-space-6) 0;
  border-bottom: 1px solid var(--ds-border-subtle);
}

.cr-cycle-details__item:last-child { border-bottom: 0; }

.cr-cycle-details__item > summary {
  font-size: var(--ds-type-sm);
  color: var(--ds-heading);
}

.cr-cycle-details__body { padding-top: var(--ds-space-6); }

/* The per-increment checks, a row of three small tables under the increment
   row they belong to, set off on the sunken surface. */
.cr-cycle-details__checks { background: var(--ds-surface-sunken); }

/* ── LEVEL 2 FORM SECTIONS ──
 Moved out of a <style> block in cylinder_form_level2.html by A7. Every
 CR template already loads this file, so it costs no extra request. The
 step shell itself is .cr-form-step above, shared with Level 1 since the
 two levels had grown one each. */

.input-section {
  border-bottom: 1px solid var(--ds-border);
  margin-bottom: var(--ds-space-9);
  padding-bottom: var(--ds-space-9);
}

.input-section:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.input-section-title {
  color: var(--ds-text-secondary);
  font-size: var(--ds-type-md);
  font-weight: 700;
  margin-bottom: var(--ds-space-2);
}

.input-section-description {
  color: var(--ds-text-muted);
  font-size: var(--ds-type-base);
  margin-bottom: var(--ds-space-8);
}

.method-note {
  background: var(--ds-info-bg);
  border-left: 3px solid var(--ds-info);
  color: var(--ds-text-secondary);
  font-size: var(--ds-type-sm);
  min-height: 2.5rem;
  padding: var(--ds-space-4) var(--ds-space-6);
}

.history-mode {
  background: var(--ds-bg);
  border: 1px solid var(--ds-border);
  padding: var(--ds-space-7) var(--ds-space-8);
}

.history-panel {
  background: var(--ds-surface);
  border: 1px solid var(--ds-border);
  margin-top: var(--ds-space-7);
  padding: var(--ds-space-8);
}

.schema-table th,
.schema-table td {
  font-size: var(--ds-type-sm);
  vertical-align: top;
}

.csv-hint {
  background: var(--ds-bg);
  border: 1px solid var(--ds-border);
  font-family: var(--ds-font-mono);
  font-size: var(--ds-type-sm);
  overflow-x: auto;
  padding: var(--ds-space-6);
  white-space: pre;
}

details.advanced-options {
  background: var(--ds-surface);
  border: 1px solid var(--ds-border);
  padding: var(--ds-space-6) var(--ds-space-8);
}

details.advanced-options > summary {
  color: var(--ds-text-secondary);
  cursor: pointer;
  font-weight: 600;
}