/* =============================================================================
   Транзакции Ozon — a014
   =============================================================================
   Форма та же, что у соседних документов контура (`a009`, `ozon-posting`):
   реквизиты списком, числа по правому краю, липкая шапка у широкой таблицы.
   Блок свой, а не общий с отправлениями: у этих страниц одиннадцать колонок
   против семи и своя раскраска сумм по знаку, которой у отправлений нет.

   Все цвета — токены тем. В MPI карточка и список этого среза несли инлайновые
   `style=` (852 и 1 009 строк одним файлом каждая), то есть не переключались
   вместе с темой.
   ========================================================================== */

/* --- Список -------------------------------------------------------------- */

.ozon-transaction__filters {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.ozon-transaction__filter-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--spacing-md);
}

.ozon-transaction__filter-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--spacing-md);
}

.ozon-transaction__message {
  margin: var(--spacing-sm) 0;
}

/* Одиннадцать колонок в списке: таблица шире экрана, прокрутка своя, страница
   по горизонтали не едет. */
.ozon-transaction__table-shell {
  overflow-x: auto;
}

.ozon-transaction__sticky-head th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--color-surface);
}

/* --- Карточка ------------------------------------------------------------- */

/* Две таблицы на вкладке «Состав» разделяются, а не сливаются в одну простыню. */
.ozon-transaction__section {
  margin-bottom: var(--spacing-lg);
}

.ozon-transaction__fields {
  display: grid;
  grid-template-columns: minmax(140px, auto) 1fr;
  gap: var(--spacing-xs) var(--spacing-md);
  margin: 0;
}

.ozon-transaction__fields dt {
  color: var(--color-text-secondary);
}

.ozon-transaction__fields dd {
  margin: 0;
}

/* --- Общее ---------------------------------------------------------------- */

/* Идентификаторы площадки, номера отправлений, коды типов: моноширинный,
   чтобы цифры совпадали по разрядам между строками. */
.ozon-transaction__code {
  font-family: var(--font-family-mono, monospace);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  word-break: break-all;
}

.ozon-transaction__number {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* Знак суммы у этого документа несёт смысл: удержание отрицательно, его возврат
   положителен, и оба вида в одной таблице рядом. Цвет — единственное, чем они
   различаются на глаз. */
.ozon-transaction__number--negative {
  color: var(--color-error);
}

.ozon-transaction__number--positive {
  color: var(--color-success);
}