/* Посадка общей шапки kobets.info в полноэкранный SPA.
   Приложение рассчитано на всю высоту окна (.studio{height:100dvh}), поэтому
   шапку нельзя просто вставить в поток — появится скролл и обрежется нижняя
   панель. body — флекс-колонка: шапка сверху, приложение — вся остальная высота.

   .slot-main — пустой якорь: /v/kobets-hub-chrome.js ищет для монтирования
   сначала .slot-main, потом main, потом body. Без якоря скрипт может найти
   <main class="studio"> самого приложения и вставить панель внутрь 3D-сцены —
   это гонка с рендером React. Якорь делает результат однозначным. */

html, body { height: 100%; }
body { display: flex; flex-direction: column; margin: 0; overflow: hidden; }

.slot-main { flex: 0 0 auto; }

#kobets-hub-chrome-bar {
  margin: 0 !important;
  border-radius: 0 !important;
  border-width: 0 0 1px !important;
  box-shadow: none !important;
}

#root { flex: 1 1 auto; min-height: 0; height: auto !important; }
#root .studio { height: 100% !important; min-height: 0 !important; }

/* .structure-title в исходном CSS идёт с text-transform:capitalize — это верно
   для английских названий структур («sternocostal part of…»), но заголовок
   окна «Об атласе» теперь русский, и capitalize делает из него «Тело Изнутри». */
.about-sheet .structure-title { text-transform: none; }

/* Переключатель просвечивания в панели «Системы».
   Сегментированный блок переиспользует .layer-presets исходной сборки, чтобы
   выглядеть так же, как «Все / Скелет / Органы» над ним. */
.xray-row { display: flex; flex-direction: column; }
.xray-label {
  color: #78838f;
  font-size: 10px;
  letter-spacing: .07em;
  text-transform: uppercase;
  padding-top: 10px;
}
.xray-row .layer-presets { margin: 6px 0 0; }
.xray-note { color: #8a949e; margin: 8px 0 0; font-size: 11px; line-height: 1.45; }

/* Переключатель просвечивания переехал из панели «Системы» в карточку
   структуры, прямо над кнопкой «Изолировать структуру»: режим осмысленен
   только когда что-то выделено, а карточка — как раз то место, где выделение
   и живёт. Рамку сверху рисует он, у .detail-actions её снимаем, чтобы не
   было двух линий подряд. */
.detail-sheet .xray-row { flex-shrink: 0; border-top: 1px solid #18253618; padding-top: 12px; margin-top: 4px; }
.detail-sheet .xray-row + .detail-actions { border-top: 0; padding-top: 6px; }
.detail-sheet .xray-label { padding-top: 0; }
.detail-sheet .xray-row .layer-presets { margin: 6px 0 0; }