/* AVE-SETTINGS-M — «Настройки» на телефоне (шаг 7 пересборки мобильного, 13.09). Только CSS: модалка
   .set-modal (index.html/app.js) не тронута. Здесь: настройки во весь экран (не карточка с полями по бокам),
   поля 16px (iOS зумит страницу при фокусе в поле мельче), кнопки и вкладки под палец, вкладка «Трансляция»
   спрятана (экран с телефона транслировать нельзя — getDisplayMedia в мобильных браузерах нет).
   Плюс общее правило для ВСЕХ модалок на телефоне: поля ввода 16px. */
@media (max-width: 760px) {
  /* все модалки: поля не мельче 16px — иначе iOS зумит страницу при фокусе */
  body.ave-root .modal input[type="text"], body.ave-root .modal input[type="password"], body.ave-root .modal input[type="email"],
  body.ave-root .modal input[type="url"], body.ave-root .modal input[type="search"], body.ave-root .modal input[type="number"],
  body.ave-root .modal select, body.ave-root .modal textarea { font-size: 16px; }

  /* настройки — во весь экран */
  body.ave-root #settings-modal { padding: 0; align-items: stretch; }
  body.ave-root #settings-modal .set-modal {
    max-width: none; width: 100%; min-height: 100%; border-radius: 0; border-left: none; border-right: none;
    padding: 0 16px calc(24px + env(safe-area-inset-bottom, 0px));
  }
  body.ave-root #settings-modal .modal-head {
    position: sticky; top: 0; z-index: 2; margin: 0 -16px 12px; padding: 14px 16px;
    background: color-mix(in srgb, var(--panel) 92%, transparent);
    -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  }
  body.ave-root #settings-modal .modal-head .icon-btn { width: 40px; height: 40px; }
  body.ave-root #settings-modal .set-tabs { padding: 4px; }
  body.ave-root #settings-modal .set-tab { min-height: 42px; font-size: 14px; }
  body.ave-root #settings-modal .set-tab[data-tab="scr"] { display: none; }   /* трансляция экрана с телефона недоступна */
  body.ave-root #settings-modal .btn-ghost, body.ave-root #settings-modal .btn-primary { min-height: 44px; font-size: 14px; }
  /* ссылка-кнопка «Конструктор пространства» (354486c) — строчный <a>: min-height на неё не действовал (20px) */
  body.ave-root #settings-modal a.btn-ghost { display: flex; align-items: center; justify-content: center; }
  body.ave-root #settings-modal .nick-row { display: flex; gap: 8px; }
  body.ave-root #settings-modal .nick-row input { flex: 1; min-width: 0; }
  body.ave-root #settings-modal input[type="range"] { height: 28px; }
  body.ave-root #settings-modal .field-note { font-size: 13px; }
  body.ave-root #settings-modal input:not([type="range"]):not([type="checkbox"]) { font-size: 16px !important; }   /* !important — у ссылки календаря inline 12px */
}