/* Базовые стили приложения. UI-кит подключается отдельным файлом (uikit.css). */

/* МойСклад даёт iframe фикс-высоту (height:100%) и overflow:hidden — т.е. сам
   обрезает контент без скроллбара. Поэтому скроллим ВНУТРИ: внешний документ
   фиксируем (overflow:hidden), а контент кладём в контейнер .ms-page высотой
   ровно с iframe (100dvh/100vh — определённая величина, не зависит от цепочки
   родителей, в отличие от height:100%) с собственным overflow-y:auto. */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
    background: #f4f6f8;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    color: #1f2933;
    -webkit-font-smoothing: antialiased;
}

/* Внутренний скролл-контейнер модуля (страница внутри iframe МойСклада). */
.ms-page {
    height: 100vh;
    height: 100dvh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    max-width: 1040px;
    margin: 0 auto;
    padding: 24px 28px 56px;
}

/* Пока Alpine не инициализировался — прячем элементы с x-cloak, чтобы не мигало. */
[x-cloak] { display: none !important; }