/* Финансовые обороты (fina) — список проекции p914.
 *
 * Классы корневые для страницы (`finance-turnovers__*`); всё остальное берётся
 * из системных тем. Токены сверены с темами: `--color-error` и
 * `--color-success` существуют, `--color-danger` — нет.
 */

#p914_mp_finance_turnovers--list .finance-turnovers__filters {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

#p914_mp_finance_turnovers--list .finance-turnovers__filter-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--spacing-md);
}

#p914_mp_finance_turnovers--list .finance-turnovers__filter-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-sm);
}

/* Итоги отбора: три карточки над таблицей. Это ответ на вопрос списка, поэтому
 * они стоят выше строк, а не подвалом под ними. */
#p914_mp_finance_turnovers--list .finance-turnovers__summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: var(--spacing-md);
  padding: var(--spacing-md) 0;
}

#p914_mp_finance_turnovers--list .finance-turnovers__summary-card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-bg-secondary);
}

#p914_mp_finance_turnovers--list .finance-turnovers__summary-label {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
}

#p914_mp_finance_turnovers--list .finance-turnovers__summary-value {
  font-size: var(--font-size-lg);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

#p914_mp_finance_turnovers--list .finance-turnovers__message {
  margin: var(--spacing-sm) 0;
}

/* Таблица широкая: девять колонок, из них четыре — коды. Прокрутка своя, чтобы
 * страница целиком не ездила вбок. */
#p914_mp_finance_turnovers--list .finance-turnovers__table-shell {
  overflow-x: auto;
}

#p914_mp_finance_turnovers--list .finance-turnovers__sticky-head {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--color-bg-primary);
}

/* Коды оборота и номера заказов — моноширинным: их сравнивают глазом. */
#p914_mp_finance_turnovers--list .finance-turnovers__code {
  font-family: var(--font-family-mono);
  font-size: var(--font-size-sm);
  white-space: nowrap;
}

#p914_mp_finance_turnovers--list .finance-turnovers__number {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

#p914_mp_finance_turnovers--list .finance-turnovers__number--negative {
  color: var(--color-error);
}

#p914_mp_finance_turnovers--list .finance-turnovers__number--positive {
  color: var(--color-success);
}