/**
 * Loaded after assets/layout/css/layout.css (index.html). Coordinates the Avalon shell with the
 * PrimeNG/legacy theme, which was authored for a fixed 60px topbar + separate menu track.
 *
 * Conflicts addressed:
 * - .layout-wrapper .topbar { position: fixed; height: 60px } — removed from normal flow
 * - .layout-wrapper .layout-main { padding: 80px 15px ...; min-height: calc(100vh - 60px) } — 80px top
 *   emulated “clearance” for fixed bar + menu; in-flow header stack makes that double-spacing
 * - .layout-header-stack (Avalon) is the real normal-flow column for topbar + nav
 */

app-topbar-avalon {
    display: block;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

/* Theme: .layout-wrapper .topbar { position: fixed; z-index: 100; width: 100%; height: 60px; } */
.layout-wrapper .topbar {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    display: block;
    box-sizing: border-box;
    margin-bottom: 0 !important;
    border-bottom: none !important;
}

/* Theme: .layout-wrapper .layout-main { padding: 80px 15px 15px 15px; min-height: calc(100vh - 60px); } */
.layout-wrapper .layout-main {
    padding-top: 15px !important;
    min-height: 0 !important;
}