@charset "UTF-8";
/* Телефонные медиазапросы: кроме ширины окна - сенсорный экран и узкая сторона экрана устройства (телефон лежа,
   широкий веб-вью, «Версия для ПК» в браузере). Пояснение - в начале style.css (01.11.2026). */
/* Окно «Новое помещение» на телефоне при сверке по фото эскиза (01.11.2026, владелец: «убери вкладки „готовая фигура" и „по
   числу углов", кнопки количества углов, раздел с размерами и пояснения к нему, кнопки выбора градусов углов. Оставь только
   строку с названием помещения и кнопкой +. Размести окно распознавания чертежа в верхней части экрана, под строкой с
   названием помещения, сделай его основным объектом в разделе, увеличь его по возможности. Под экран распознавания помести
   кнопки „Построю сам" и „Пропустить помещение". Нижней строчкой оставь кнопки „отмена" и „создать помещение"»).
   Экран сверху вниз: название помещения с «+», чертеж поверх фото во весь остаток, «Построю сам» и «Пропустить помещение»,
   полотно, «Отмена» и «Создать помещение». Стены правятся прямо по чертежу (щелчок по длине, углу или букве).
   Диктовка, строка ввода направлений текстом и «Фото эскиза» (блок .quick-voice) спрятаны и открываются на листе «Построю
   сам» (01.11.2026, владелец: «режим диктовки и окно задания направлений спрячь, пусть открываются только после нажатия
   кнопки „построю сам"»). Полотно оставлено: без него помещение не создается.
   Все это - только когда есть что распознавать: условие :has(> .quick-preview.photo). Без фото окно прежнее, иначе размеры
   на телефоне стало бы некуда вписывать. display: contents у страницы и блока фото - чтобы их содержимое встало в общий
   столбец окна и получило свой порядок; скрытые (hidden) остаются скрытыми - для них правило ниже.
   На компьютере и планшете окно не меняется. */
@media screen and (max-width: 640px), screen and (pointer: coarse) and (max-device-width: 540px), screen and (pointer: coarse) and (max-device-height: 540px) {
  .dlg.quick .dlg-body:has(> .quick-preview.photo) { display: flex; flex-direction: column; gap: 8px; }
  .dlg.quick .dlg-body:has(> .quick-preview.photo) > .quick-top,
  .dlg.quick .dlg-body:has(> .quick-preview.photo) > .quick-page[data-qpage="corners"] { display: contents; }
  .dlg.quick .dlg-body:has(> .quick-preview.photo) > .quick-top[hidden],
  .dlg.quick .dlg-body:has(> .quick-preview.photo) > .quick-page[data-qpage="corners"][hidden] { display: none; }

  /* убрано: вкладки, готовые фигуры, число углов, таблица стен, кнопки градусов, пояснения и маленькое фото эскиза.
     Таблица прячется только у обхода стен (#quickWalls): на листе «Построю сам» такая же таблица - его главное поле, в
     ней вписывают длины сторон и углы, без нее оставались одни кнопки углов и диагонали (02.11.2026, автор задачи Юрий
     @utaliiev: «после нажатия „построю сам" должно открываться окно с размерами сторон и диагоналями»). */
  .dlg.quick .dlg-body:has(> .quick-preview.photo) #quickSeg,
  .dlg.quick .dlg-body:has(> .quick-preview.photo) > .quick-page[data-qpage="shape"],
  .dlg.quick .dlg-body:has(> .quick-preview.photo) .quick-nrow,
  .dlg.quick .dlg-body:has(> .quick-preview.photo) > .quick-page[data-qpage="corners"] .quick-scroll,
  .dlg.quick .dlg-body:has(> .quick-preview.photo) #quickPad,
  .dlg.quick .dlg-body:has(> .quick-preview.photo) > #quickInfo,
  .dlg.quick .dlg-body:has(> .quick-preview.photo) #quickGuess,
  .dlg.quick .dlg-body:has(> .quick-preview.photo) #quickSketchBox { display: none !important; }
  /* диктовка, строка «или напишите: вправо 400 вниз 300» и «Фото эскиза» - только на листе «Построю сам» (владелец: «режим
     диктовки и окно задания направлений спрячь, пусть открываются только после нажатия кнопки „построю сам"») */
  .dlg.quick .dlg-body:has(> .quick-preview.photo:not(.self)) > .quick-voice { display: none !important; }
  /* порядок столбца */
  .dlg.quick .dlg-body:has(> .quick-preview.photo) .quick-chat,
  .dlg.quick .dlg-body:has(> .quick-preview.photo) .quick-debt { order: 0; }
  .dlg.quick .dlg-body:has(> .quick-preview.photo) .quick-name { order: 1; margin: 0; }
  .dlg.quick .dlg-body:has(> .quick-preview.photo) > .quick-preview { order: 2; display: flex; flex: 1 1 auto; min-height: 56vh; margin: 0; }
  .dlg.quick .dlg-body:has(> .quick-preview.photo) #quickSketchActs { order: 3; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
  .dlg.quick .dlg-body:has(> .quick-preview.photo) #quickSketchActs .btn { flex: 1 1 auto; min-height: 38px; }
  .dlg.quick .dlg-body:has(> .quick-preview.photo) > .quick-voice { order: 4; margin: 0; padding: 0; border: 0; }
  .dlg.quick .dlg-body:has(> .quick-preview.photo) > .quick-fab { order: 5; margin: 0; }
  .dlg.quick .dlg-body:has(> .quick-preview.photo) > .ask-btns { order: 6; margin: 8px -14px -12px; }
  /* лист «Построю сам» открывается на месте окна распознавания - тоже во весь остаток */
  .dlg.quick .dlg-body:has(> .quick-preview.photo) > .quick-page.quick-self { order: 2; flex: 1 1 auto; min-height: 0; overflow-y: auto; }
  /* окно распознавания - основной объект: чертеж с фото во всю высоту своей полосы (в style.css у телефона было 100-140 px).
     Рамка - flex, а чертеж тянется по ней (flex: 1 1 auto, высота - по растяжке). Доля высоты (height: 100%) не годилась:
     высота самой рамки задана растяжкой столбца, долю от нее браузер не считает, и чертеж с фото оставались вверху рамки
     своей небольшой высоты, а под ними шла пустая полоса до кнопок - фото выходило за чертеж, увеличивать и сверять
     размеры было нечем (01.11.2026, автор задачи Юрий @utaliiev: «экран с чертежом разделяет какое-то скрытое окно,
     которое не дает нормально увеличивать и рассматривать чертеж»). Так же тянется чертеж в режимах «Крупнее» (.big) и
     ввода длин над клавиатурой (.type), а левая панель «Построю сам» (padding у рамки) его не перекрывает. */
  .dlg.quick .dlg-body:has(> .quick-preview.photo) > .quick-preview svg { flex: 1 1 auto; height: auto; min-height: 0; }
}