/* ─────────────────────────────────────────────────────────────
   Стандарт диалоговых окон BackOffice.

   Класс вешается через DialogOptions.CssClass (см. DialogLayout.cs)
   и попадает на .rz-dialog, который рендерит Radzen DialogContainer.
   Scoped .razor.css здесь работать НЕ может — этот элемент находится
   вне scope любого нашего компонента, поэтому стандарт живёт только
   в этом глобальном файле.

   Ширину окна задаёт DialogLayout, а не эти классы: Radzen пишет Width
   инлайном на .rz-dialog, и инлайн перебивает таблицу стилей. Здесь —
   только то, чего инлайн выразить не может: рамки экрана, скролл
   контента, прилипший заголовок, полноэкранный режим на телефоне.
   Классы .dlg-xs … .dlg-full оставлены как точки расширения: чтобы
   переопределить из них ширину, потребуется !important.
   ───────────────────────────────────────────────────────────── */

:root {
    /* Слои окон. 1000/1001 — дефолты Radzen (--rz-dialog-mask-zindex / --rz-dialog-zindex). */
    --dlg-z-mask: 1000; /* затемнение под окном                */
    --dlg-z-dialog: 1001; /* обычное модальное окно              */
    --dlg-z-floating: 1080; /* плавающие панели: RTC, чат, compose */
    --dlg-z-critical: 1300; /* входящий звонок / приглашение RTC   */
    --dlg-gap: 1rem; /* минимальный отступ окна от краёв экрана */
}

/* ── База: применяется ко ВСЕМ окнам стандарта ──
   max-width/max-height — отдельные свойства, они ограничивают инлайновую
   ширину без !important. Именно это чинит окна на 1200-1500px,
   которые на ноутбуке 1366px обрезались по горизонтали. */
.dlg {
    max-width: calc(100vw - 2 * var(--dlg-gap));
    max-height: calc(100vh - 2 * var(--dlg-gap));
}

/* Скролл — на контенте, не на flex-контейнере окна */
.dlg .rz-dialog-content {
    overflow: auto;
    overscroll-behavior: contain;
    padding: 0; /* padding даёт DialogShell */
}

.dlg-fixed .rz-dialog-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* Заголовок не уезжает при прокрутке контента */
.dlg .rz-dialog-titlebar {
    position: sticky;
    top: 0;
    z-index: 1;
}

/* ── Мобильный: окно превращается в полноэкранный лист.
   Ширину под 768px Radzen сам форсит правилом width: 100% !important. ── */
@media (max-width: 767.98px) {
    .dlg {
        height: 100vh;
        max-width: none;
        max-height: none;
        border-radius: 0;
    }
}