/* Обёртка основного контента для всех страниц кабинетов (admin/merchant/platform).
   Применяется в _Layout вокруг @RenderBody().

   .responsive-min — единая минимальная ширина (768px): фильтры, KPI, графики,
   формы и карточки таблиц не сужаются каждый по-своему на узких экранах.
   768px — это точка md-брейкпоинта Bootstrap, где форма фильтров (col-md-*)
   ещё рисуется в многоколоночном виде, а типовая таблица помещается в одну
   строку.

   .responsive-scroll — горизонтальная прокрутка содержимого целиком, когда
   вьюпорт у́же 768px: фильтры и таблица двигаются вместе. Очень широкие таблицы
   (например, «Операции» — 11 колонок) остаются обёрнутыми в свои карточки
   .table-responsive и при необходимости прокручиваются внутри них, поэтому
   карточки фильтра и таблицы всегда одной ширины. */
.responsive-scroll-fake { /* -fake чтобы стиль не работал, скролл всегда двигается */
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.responsive-min {
    min-width: 768px;
}