/*
 * Точечные правки поверх снапшота дашборда. Держим файл минимальным:
 * демо должно выглядеть как продукт, а не как его отдельная версия.
 *
 * #rowsInfo в боевом стиле — nowrap с overflow: visible внутри колонки
 * фиксированной ширины (~222px). Строка «Показано 31 из 31 · расход
 * сегодня: 25 397 ₽» требует 286px и наезжает на блок настроек таблицы.
 * У клиента с трёхзначным расходом это незаметно, у клиента с пятизначным —
 * видно сразу. Здесь разрешаем перенос; в продукте это стоит починить
 * отдельно, там дефект тот же.
 */
/* Селектор повторяет .actionbar #rowsInfo из style.css: правило продукта
   специфичнее одиночного #rowsInfo и иначе перебивает это переопределение. */
.actionbar #rowsInfo {
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.35;
}

/*
 * Панель фильтров «Истории СПП» разложена жёсткой сеткой из пяти колонок.
 * На узком окне выбор числа строк (140px) не помещается в свою колонку
 * (94px) и наезжает на кнопку «Сбросить». Раскладываем ту же панель гибко:
 * элементы сохраняют свою ширину и переносятся, когда места не хватает.
 */
.spp-history-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}