/**
 * Horo visual skin on shared B-tech form (#chartForm / chart-core tokens).
 * Kit SSOT = structure + behavior; per-product colors stay here (not in pregnancy).
 */
#inputSection.input-section {
  --form-border: rgba(139, 115, 180, 0.14);
  --form-focus-border: var(--focus-border);
  --form-focus-shadow: var(--focus-shadow);
  --form-muted: rgba(168, 152, 204, 0.78);
  --form-hint-color: rgba(168, 152, 204, 0.55);
  --form-color: var(--text-bright);
  --form-bg: rgba(10, 12, 22, 0.6);
  --form-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

#inputSection #chartForm input.form-control:focus,
#inputSection #chartForm textarea.form-control:focus {
  border-color: var(--focus-border);
  box-shadow: var(--focus-shadow);
  background: rgba(14, 16, 28, 0.7);
}

#inputSection #chartForm .pick-input:focus {
  border-color: var(--focus-border);
  box-shadow: var(--focus-shadow);
}

#inputSection #chartForm .form-option input:checked + .form-option__mark {
  border-color: rgba(212, 168, 71, 0.42);
  background: rgba(212, 168, 71, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

#inputSection #chartForm .form-option input:focus-visible + .form-option__mark {
  outline-color: rgba(212, 168, 71, 0.45);
}

/* Journal: chart build — progress slot only, no duplicate CTAs / purple pending chrome */
.history-item.history-item--chart-pending {
  border-style: solid;
  border-color: rgba(212, 175, 55, 0.22);
}

/* Журнал под формой — та же ширина контента, без «продолжения» shell формы */
#inputSection .history-anchor .history-section {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}
#inputSection .history-anchor .history-item {
  padding: 12px 14px;
}

/* B-tech tables: horizontal scroll — в тон фона, без серого системного thumb */
#inputSection .chart-tables-stack .table-wrap.table-wrap--h-scroll {
  scrollbar-width: thin;
  scrollbar-color: rgba(139, 115, 180, 0.14) transparent;
}

#inputSection .chart-tables-stack .table-wrap::-webkit-scrollbar {
  height: 4px;
  width: 4px;
}

#inputSection .chart-tables-stack .table-wrap::-webkit-scrollbar-track {
  background: transparent;
}

#inputSection .chart-tables-stack .table-wrap::-webkit-scrollbar-thumb {
  background: rgba(139, 115, 180, 0.12);
  border-radius: 999px;
}

#inputSection .chart-tables-stack .table-wrap:hover::-webkit-scrollbar-thumb {
  background: rgba(212, 168, 71, 0.22);
}

#inputSection .chart-tables-stack .table-wrap::-webkit-scrollbar-thumb:hover {
  background: rgba(212, 168, 71, 0.32);
}