/* Кабинет: две колонки на компьютере, одна на телефоне. Из
   design/screens/screens.css (версия 2 от 09.10.2026), имена классов и
   облик без изменений. Остальная раскладка рабочих экранов (app,
   title-row, head-*, card-*) - в base.css. */

.app__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-6);
  align-items: start;
}

.app__col {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  min-width: 0;
}

/* Блок запуска магазина (live-launch) на всю ширину над колонками */
.live-launch {
  margin-bottom: var(--space-6);
}

/* Пояснение к кнопке управления на экране запуска стоит отдельной строкой
   под рядом кнопок */
.live-launch .ui-hint {
  display: block;
  margin-top: var(--space-3);
}

/* Карточка запуска всегда тёмная: пояснение и ссылка в нём берут цвет текста
   живого слоя (color у .live-launch в design/ui.css), а не --ink-muted и
   --accent-ink темы страницы. Подчёркивание и вес остаются от .ui-link. */
.live-launch .ui-hint,
.live-launch .ui-link {
  color: inherit;
}

/* Тариф ниже текущего счётом не оформляется: карточка выбора недоступна */
.ui-choice:has(:disabled) {
  opacity: 0.55;
  cursor: not-allowed;
}

@container scr (min-width: 1040px) {
  .app__grid {
    grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr);
  }
}

/* Часть адреса магазина между точками не переносится по дефису; перенос
   возможен только после точки (<wbr>), как «15-минутный» на главной */
.addr-part {
  white-space: nowrap;
}

/* Карточка «Магазин»: кнопка «Открыть управление» (.ui-btn, white-space:
   nowrap, около 190px) и адрес из неразрывных частей не сжимаются, а колонка
   значений .ui-dl при 1280 остаётся около 164px (правая колонка кабинета
   около 376px, колонка подписей от 140px, зазор 24px) - они выходили за
   правый край. Ширина считается по самой карточке, а не по окну: пока её
   содержимое уже 400px, подпись стоит над значением, как в .ui-dl на
   телефоне; длинное название без пробелов переносится где угодно. */
.ui-card--shop {
  container: shop-card / inline-size;
}

.ui-card--shop .ui-dl dd {
  min-width: 0;
  overflow-wrap: anywhere;
}

.ui-card--shop .shop-admin-form {
  max-width: 100%;
}

@container shop-card (max-width: 400px) {
  .ui-card--shop .ui-dl {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
  }

  .ui-card--shop .ui-dl dd {
    margin-bottom: var(--space-3);
  }
}