/* ============================================================================
   МЕСТО КОМПАНИИ — островки, список изображений предложений и порядок
   вытеснения.

   Подключается после deos.css и только уточняет то, что там уже названо.
   Своих цветов, отступов и скруглений здесь нет: всё берётся из переменных
   дизайн-кода.

   ЧТО ОТСЮДА УБРАНО И ПОЧЕМУ. Здесь стояла своя полоса занятого места
   (`.qspace-quota`) и своя коробка предупреждения (`.qspace-note`) из трёх
   абзацев. Полоса повторяла вторым именем ту, что стоит на сводке, — а два
   имени у одной вещи это ошибка, а не синоним. Коробка же была пятым видом
   сообщения о состоянии, хотя вид у него один. Полосу теперь рисует общая
   `.dash-quota`, предупреждение — общая плашка `.note-box.danger`, и обе
   зовутся из общей части `/kit/space.js`: одно и то же место показывают
   два экрана, и разойтись они не должны.

   ГОРИЗОНТАЛЬНОЙ ЗАВИСИМОСТИ ЗДЕСЬ НЕТ. Ни одной ширины в точках: столбцы
   делят то, что есть, островки складываются в столбик, а таблица, которой
   стало тесно, прокручивается сама — вместо того чтобы растягивать окно.
   ========================================================================= */

/* ── ПОЛОСА ОТБОРА НАД РАЗВОРОТОМ.
   У просчётов, ассортимента и экономики одна вещь на экране — длинная
   таблица, — и она занимает разворот целиком. Отбор и действия стоят над
   ней полосой сетки.

   Расстояние от полосы до разворота задаёт ЖЕЛОБ СЕТКИ, а не собственный
   нижний отступ полосы: сложенные вместе, они давали двойной провал, и
   полоса читалась оторванной от таблицы, к которой относится. */
.sgrid > .quotes-bar { margin-bottom: 0; }

/* ── ОСТРОВКИ МЕСТА: занятое место, предупреждение, расширение хранилища.
   Складываются в столбик всегда — и в окне изображений, и в разделе данных
   компании. Ряд островков потребовал бы ширины в точках, при которой он и
   ломается; столбик не ломается ни при какой ширине.
   Шаг между островками — тот же, что между карточками экрана. */
.space-cards { display: grid; grid-template-columns: 1fr; gap: var(--gap); }

/* От островков до того, что идёт за ними, — тот же шаг, что и между ними.
   Собственного нижнего отступа у них нет: в разделе данных компании
   островки стоят последними, и он оставил бы пустую полосу под ними. */
.space-cards + * { margin-top: var(--gap); }

/* Полоса занятого места стоит в островке первой, сразу под заголовком, и
   собственный верхний отступ ей здесь не нужен: расстояние задаёт столбец
   карточки. На сводке она стоит последней, под списком фактов, и отступ ей
   нужен — поэтому снимается он только здесь. */
.space-cards .dash-quota { margin-top: 0; }

/* Подпись полосы разъезжается по краям, а в узком островке переносится:
   «Занято места» и число не обязаны стоять в одну строку. */
.space-cards .dash-quota-l { flex-wrap: wrap; }

/* ── СПИСОК ИЗОБРАЖЕНИЙ — таблица-сетка (.grid-table), общая на всю
   программу: столбцы описаны один раз, строки прокручиваются сами, шапка
   остаётся на месте. Своих правил вида у неё здесь нет и быть не должно.
   Прежде каждая позиция была карточкой с рамкой, скруглением и тенью, и
   список читался как набор коробок, а не как список.

   Здесь задано только одно — как таблица ведёт себя в узком окне. Столбцы
   её заданы долями и процентами и за край не вылезают; когда делить
   становится нечего, вбок едет сама таблица, а не окно вместе с ней.
   Предел, ниже которого начинается прокрутка, задан в знаках (ch), а не в
   точках: считается он по надписи, которая должна поместиться, и меняется
   вместе с кеглем. */
.qimg-list .grid-table { overflow-x: auto; overflow-y: clip; }
.qimg-list .grid-head,
.qimg-list .grid-rows { min-width: 64ch; }

/* Ячейка не распирает таблицу: длинное имя клиента обрезается многоточием,
   как и в остальных таблицах программы. */
.qimg-list .grid-head > *,
.qimg-list .grid-row > * {
  min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* РАЗДЕЛ КОРЗИНЫ В ОКНЕ ОЧИСТКИ НЕ РАСПИРАЕТ ОКНО. Корзина переехала из
   полосы отбора в свой раздел (решение заказчика 13.08), и её таблица
   оказалась внутри карточки — а карточка, будучи жителем колонки, по
   умолчанию не сжимается уже своего содержимого: на узком окне из-под
   окна выезжало сорок девять точек. Правило то же, что у всех обёрток
   вокруг таблиц: ужиматься разрешено, а прокрутка живёт у самой таблицы. */
.trash-part { min-width: 0; }
.trash-part .grid-table { min-width: 0; }

/* ПОЛОСА ОТБОРА НЕ НАВЯЗЫВАЕТ ОКНУ СВОЮ ШИРИНУ. Названия стали длиннее
   («Все просчёты», «С изображением», «Без изображения» вместо «Всё,
   Фото, Просчёты»), и на узком окне ряд с полосой распирал окно на
   полсотни точек. Житель не решает за контейнер: ряд и полоса ужимаются,
   а надпись кнопки обрезается многоточием — с подсказкой, когда обрезана
   (см. /kit/segment.js). */
.space-seg { min-width: 0; }
.space-seg > .segment { min-width: 0; }