/* Оболочка: шапка, поиск, экраны входа (Layout/*, Auth/AuthMessage) — постраничные классы поверх общей системы раскладки (app.css). */

/* --- Глобальный поиск (Layout/GlobalSearch) ------------------------------------------------------------------------ */

/* Выдача прокручивается внутри окна. Высота — от видимой области, а не 320px всегда: на телефоне лёжа (высота ~375px)
   выдача не помещалась вместе с полем ввода и кнопками. vh — запасной вариант для браузеров без dvh. */
.orion-search__results {
    min-height: min(320px, 40vh);
    min-height: min(320px, 40dvh);
    max-height: 60vh;
    max-height: 60dvh;
    overflow-y: auto;
}

/* Телефон: окно почти во всю ширину (FullWidth у MudBlazor — calc(100% − 64px), на 375px оставалось 311px) и поля
   внутри уже — под длинные id в выдаче. */
@media (max-width: 600px) {
    .mud-dialog.orion-search {
        width: calc(100% - 16px);
    }

    .mud-dialog.orion-search .mud-dialog-title,
    .mud-dialog.orion-search .mud-dialog-content {
        padding-inline: 12px;
    }
}

/* --- Экраны OIDC-редиректов (Layout/EmptyLayout, Auth/AuthMessage) ------------------------------------------------- */

/* Карточка по центру ВИДИМОЙ высоты: 100vh на телефоне выше видимой области Safari (адресная строка), и карточка
   съезжала вниз; dvh — видимая высота сейчас (тот же приём, что у .emulator-screen). Поля сверху и снизу — чтобы на
   низком экране карточка не прилипала к краям. */
.orion-auth-layout {
    min-height: 100vh;
    min-height: 100dvh;
    padding-block: 16px;
}

/* Карточка статуса во всю ширину контейнера (MaxWidth.Small): без этого она шла по содержимому — спиннер, «Завершаем
   вход…» и ошибка были разной ширины, а длинная ошибка распирала её. */
.orion-auth-card {
    width: 100%;
}