/* ─── Screen layout ─────────────────────────────────────────────────────────
   Общие паттерны расположения блоков внутри .cex-screen
   ────────────────────────────────────────────────────────────────────────── */

/* Скроллируемая зона тела экрана (reg-body / intro-body) */
.screen-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 20px 16px;
}

/* Горизонтальная полоса тайлов (история карт) */
.tile-strip {
  display: none;
  flex-direction: row;
  gap: 10px;
  padding: 16px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  flex-shrink: 0;
  scrollbar-width: thin;
}

/* Flex-контейнер с flex:1 для вертикального заполнения */
.flex-fill {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* Нижний overflow-блок с тонким бордером — подпись / справка */
.panel-footer-note {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 16px;
  border-top: 1px solid #EDE6DA;
  font-family: 'Jost', sans-serif;
  font-size: 12px;
  color: #9A8E84;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Группа кнопок справа в nav-footer */
.nav-actions-right {
  display: flex;
  gap: 10px;
  margin-left: auto;
}

/* ─── Content-zone (зона текста внутри карточки карты) ───────────────────── */

/* Фоновая зона карточки карты */
.card-zone {
  border-radius: 10px;
  background: #F5EEE1;
  padding: 14px 17px;
  --zone-color: #F5EEE1;
  --zone-color-txt: #3A3535;
}

/* Зона с выравниванием по левому краю */
.card-zone--left {
  text-align: left;
  border-radius: 10px;
  padding: 10px 12px;
  box-sizing: border-box;
}

/* ─── Textarea (скрытая red-input) ───────────────────────────────────────── */

.red-textarea-hidden {
  display: none;
  width: 100%;
  height: 36px;
  min-height: 36px;
  max-height: 120px;
  padding: 8px 12px;
  border-radius: 9px;
  border: 1.5px solid #CEC4B8;
  background: white;
  color: #28231E;
  font-family: 'Jost', sans-serif;
  font-size: 13px;
  resize: vertical;
  outline: none;
  box-sizing: border-box;
}

/* ─── SVG overlay слои карты ─────────────────────────────────────────────── */

/* Абсолютный SVG-слой 1286×1293, pointer-events выключены */
.map-svg-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 1286px;
  height: 1293px;
  pointer-events: none;
  overflow: visible;
}

/* То же, но скрытый по умолчанию */
.map-svg-layer--hidden {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 1286px;
  height: 1293px;
  pointer-events: none;
  z-index: 8;
  overflow: visible;
}