/* Встроенный граф (Прогон / Граф): высота области прокрутки основного столбца.
   Shell фиксирует main.main-shell высотой 100svh и скролл только в article — берём высоту «как после глобальных шапок»,
   без container queries (contain на scroll может ломать % у дочерних слоёв диаграммы). */
article.main-body-scroll .graph-diagram-host--trace:not(.diagram-host-fill),
article.main-body-scroll .graph-diagram-host:not(.diagram-host-fill) {
    box-sizing: border-box;
    /* ≈ строка статуса/настроек + «Проблемы…» над article (см. MainLayout.main-shell children до article) */
    height: calc(100svh - 152px);
    min-height: 360px;
    display: flex;
    flex-direction: column;
    /* Снижает проброс колеса на прокрутку родительского article, если JS-guard промахнулся по target */
    overscroll-behavior-y: contain;
}

article.main-body-scroll .run-trace-graph-host:not(.run-trace-graph-host--fullscreen) {
    box-sizing: border-box;
    min-height: calc(100svh - 152px);
    overscroll-behavior-y: contain;
}

article.main-body-scroll .graph-diagram-host--trace:not(.diagram-host-fill) .diagram-canvas,
article.main-body-scroll .graph-diagram-host:not(.diagram-host-fill) .diagram-canvas {
    flex: 1 1 auto;
    width: 100% !important;
    min-height: 0 !important;
    height: 100% !important;
}

/* Если нет поддержки svh — близкий запасной вариант (старые движки). */
@supports not (height: 100svh) {
    article.main-body-scroll .graph-diagram-host--trace:not(.diagram-host-fill),
    article.main-body-scroll .graph-diagram-host:not(.diagram-host-fill) {
        height: calc(100vh - 152px);
    }

    article.main-body-scroll .run-trace-graph-host:not(.run-trace-graph-host--fullscreen) {
        min-height: calc(100vh - 152px);
    }
}

/* После Radzen / Z.Blazor.Diagrams: заголовок сайдбара не должен наследовать их стили ссылок */
.page .sidebar a.sidebar-brand-title {
    color: #fff !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
}

.page .sidebar a.sidebar-brand-title:hover,
.page .sidebar a.sidebar-brand-title:visited,
.page .sidebar a.sidebar-brand-title:focus,
.page .sidebar a.sidebar-brand-title:focus-visible,
.page .sidebar a.sidebar-brand-title:active {
    color: #fff !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
}