/* Статический скелет каркаса до загрузки JS (ux.md §10.3 «Статический каркас», platform §2.4).
   Геометрия совпадает с AppShell: сайдбар 264 px, топбар 56 px; до 768 px — шапка и нижняя навигация 56 px.
   Цвета — те же значения, что в tokens.css; тему выставляет inline-скрипт до этого файла. */
html { background: #f7f7f9; scrollbar-gutter: stable; }
html[data-theme='dark'] { background: #0f0f13; }
body { margin: 0; }
#boot { position: fixed; inset: 0; display: flex; z-index: 1; }
#boot.boot-done { display: none; }
.boot-side { width: 264px; flex: none; border-right: 1px solid #e3e3e8; background: #f1f1f4; padding: 12px; box-sizing: border-box; }
.boot-main { flex: 1; min-width: 0; }
.boot-top { height: 56px; border-bottom: 1px solid #e3e3e8; background: #ffffff; display: flex; align-items: center; padding: 0 24px; }
.boot-logo { height: 32px; width: 160px; border-radius: 8px; background: #e8e8ed; margin-bottom: 20px; }
.boot-line { height: 12px; border-radius: 6px; background: #e8e8ed; margin: 14px 8px; }
.boot-crumb { height: 12px; width: 180px; border-radius: 6px; background: #e8e8ed; }
.boot-bottom { display: none; }
html[data-theme='dark'] .boot-side { background: #1d1d23; border-color: #2b2b33; }
html[data-theme='dark'] .boot-top { background: #17171c; border-color: #2b2b33; }
html[data-theme='dark'] .boot-logo, html[data-theme='dark'] .boot-line, html[data-theme='dark'] .boot-crumb { background: #26262e; }
@media (max-width: 1023px) { .boot-side { display: none; } }
@media (max-width: 767px) {
  .boot-bottom { display: block; position: fixed; left: 0; right: 0; bottom: 0; height: 56px; background: #ffffff; border-top: 1px solid #e3e3e8; }
  html[data-theme='dark'] .boot-bottom { background: #17171c; border-color: #2b2b33; }
  .boot-top { padding: 0 16px; }
}