/* Перепроведение документов — страница сценария u508.
 *
 * Классы корневые для страницы (`repost__*`); всё остальное берётся из
 * системных тем. Токены сверены с темами: есть `--color-error`,
 * `--color-warning`, `--color-bg-secondary`; `--color-danger` не существует.
 */

#u508_repost_documents--usecase .repost {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

/* Предупреждение о необратимости стоит выше кнопок: после них его читают уже
 * задним числом. */
#u508_repost_documents--usecase .repost__note {
  padding: var(--spacing-md);
  border-left: 3px solid var(--color-warning);
  border-radius: var(--radius-sm);
  background: var(--color-bg-secondary);
  color: var(--color-text-secondary);
}

#u508_repost_documents--usecase .repost__message {
  margin: 0;
}

#u508_repost_documents--usecase .repost__panels {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: var(--spacing-lg);
}

#u508_repost_documents--usecase .repost__panel {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: var(--spacing-lg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-bg-secondary);
}

#u508_repost_documents--usecase .repost__panel-title {
  margin: 0;
  font-size: var(--font-size-lg);
  font-weight: 600;
}

#u508_repost_documents--usecase .repost__panel-hint,
#u508_repost_documents--usecase .repost__selected-hint {
  margin: 0;
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
}

#u508_repost_documents--usecase .repost__period {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-md);
}

#u508_repost_documents--usecase .repost__checkbox {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  font-size: var(--font-size-sm);
}

#u508_repost_documents--usecase .repost__progress {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  padding: var(--spacing-lg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
}

#u508_repost_documents--usecase .repost__progress-head {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}

#u508_repost_documents--usecase .repost__progress-counts {
  font-variant-numeric: tabular-nums;
}

#u508_repost_documents--usecase .repost__bar {
  height: 8px;
  border-radius: var(--radius-sm);
  background: var(--color-bg-primary);
  overflow: hidden;
}

#u508_repost_documents--usecase .repost__bar-fill {
  height: 100%;
  background: var(--color-primary);
  transition: width 0.3s ease;
}

#u508_repost_documents--usecase .repost__current {
  margin: 0;
  font-family: var(--font-family-mono);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
}

/* Ошибки видны списком, а не одним числом: «ошибок 40» не говорит, что чинить. */
#u508_repost_documents--usecase .repost__errors {
  margin: 0;
  padding-left: var(--spacing-lg);
  font-size: var(--font-size-sm);
  color: var(--color-error);
}