/* Isolated Brew mini appearance. Loaded only for configured mini farms. */
body.brew-test-version {
    --surface-b: #fff8e8;
    --surface-c: #fff3d6;
    background: #fff8e8 !important;
    padding-top: 36px;
}

.brew-test-version-banner {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 36px;
    z-index: 1100;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 0 8px;
    background: #ffd166;
    color: #3b2908;
    border-bottom: 2px solid #b7791f;
    font: 12px/1.2 Roboto, Arial, sans-serif;
}

.brew-test-version-banner strong { letter-spacing: .06em; }

body.brew-test-version .layout-topbar {
    top: 36px;
    background: #593b16 !important;
}

body.brew-test-version .layout-topbar .layout-topbar-wrapper,
body.brew-test-version .layout-topbar .layout-topbar-left,
body.brew-test-version .layout-topbar .layout-topbar-right {
    background: #593b16 !important;
}

body.brew-test-version .layout-content,
body.brew-test-version .login-body,
body.brew-test-version.login-body {
    background: #fff8e8 !important;
}

body.brew-test-version .login-body .floating-elements,
body.brew-test-version .login-body::before,
body.brew-test-version .login-body::after { display: none; }

/* Retain light text contrast when a viewer uses a dim or dark layout. */
body.brew-test-version .layout-menu-dim,
body.brew-test-version .layout-menu-dark {
    --surface-b: #332b1f;
    --surface-c: #403624;
}

body.brew-test-version .layout-menu-dim .layout-main,
body.brew-test-version .layout-menu-dark .layout-main,
body.brew-test-version .layout-menu-dim .layout-content,
body.brew-test-version .layout-menu-dark .layout-content {
    background: #2d2518 !important;
}

body.brew-test-version .menu-wrapper { top: 96px; }
body.brew-test-version .ui-sticky,
body.brew-test-version .p-sticky { top: 96px !important; }
body.brew-test-version .ui-toolbar.ui-sticky { top: 141px !important; }

@media (min-width: 992px) {
    body.brew-test-version .layout-wrapper:not(.layout-horizontal) .menu-wrapper {
        height: calc(100vh - 96px) !important;
        max-height: calc(100vh - 96px);
    }
}

@media (max-width: 991px) {
    body.brew-test-version .menu-wrapper {
        top: 156px;
        height: calc(100vh - 156px) !important;
        max-height: calc(100vh - 156px);
    }
    body.brew-test-version .ui-sticky,
    body.brew-test-version .p-sticky { top: 156px !important; }
    body.brew-test-version .ui-toolbar.ui-sticky { top: 206px !important; }
}