/* Макет ленты заявок («Заявки · июль») на узком экране.

   ☠️ Строка сделана сеткой из четырёх колонок с жёсткими минимумами:
   `minmax(72px, 1.1fr) minmax(80px, 1fr) auto auto`. Сумма минимумов вместе
   с отступами — около 320 пикселей, а под содержимое строки на телефоне
   остаётся примерно 295. Сетка не помещается, и последняя колонка сжимается
   до слова: цена «2 350 ₽» разрывается между разрядами и печатается в две
   строки — «2» сверху, «350 ₽» снизу. Ровно то же самое с «1 640 ₽»
   и «1 120 ₽».

   Лечим двумя правилами, не трогая содержимое страницы:

   1. Снимаем минимумы у первых двух колонок. Имя и услуга и без того
      обрезаются многоточием (`text-overflow: ellipsis` стоит в разметке),
      так что сжиматься им не вредно — «Имплантация» станет «Имплант…».
   2. Запрещаем перенос в цене. Число — единое целое, разрывать его между
      разрядами нельзя ни при какой ширине.

   ⚠️ Цепляемся за инлайновый стиль: у строк нет ни классов, ни атрибутов —
   разметка запечена как есть. Эта же сетка встречается в макетах на других
   страницах, и правило чинит их заодно. */

@media (max-width: 640px) {
  div[style*="minmax(72px, 1.1fr)"] {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) auto auto !important;
    gap: 8px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* Цена — последняя ячейка строки. */
  div[style*="minmax(72px, 1.1fr)"] > :last-child {
    white-space: nowrap !important;
  }

  /* Итог под таблицей — та же беда с числом, но строка отдельная. */
  div[style*="minmax(72px, 1.1fr)"] ~ div [data-fit],
  div[style*="minmax(72px, 1.1fr)"] + div > span:first-child {
    white-space: nowrap;
  }
}