html, body {
  height: 100%;
}

/* Фон страницы до загрузки React. Значения — токены bg из дизайна; класс
   ставит скрипт в index.html по сохранённому выбору темы, поэтому при светлой
   теме страница больше не мигает тёмным. */
body {
  margin: 0;
  padding: 0;
  background: #F1F3EA;
}

html.unloq-dark body {
  background: #101310;
}

.root {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  height: 100vh; /* fallback */
  height: 100dvh; /* full dynamic viewport on iOS — menu flush to the real bottom */
  /* Keep the interface clear of the iPhone notch; 0 on every other device. */
  padding-top: env(safe-area-inset-top, 0px);
}

@media print {
  * {
    height: auto !important;
    overflow: visible !important;
  }
}