/* Only loaded by the Staging server. Keep the environment visible while scrolling. */
body:has(.test-environment-banner) {
    --environment-banner-height: 40px;
    padding-top: var(--environment-banner-height);
}
.test-environment-banner {
    position: fixed;
    inset: 0 0 auto;
    z-index: 2000;
    height: var(--environment-banner-height);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 0 16px;
    background: #fef3c7;
    color: #78350f;
    border-bottom: 1px solid #f59e0b;
    font-size: 13px;
    line-height: 1.4;
}
.test-environment-banner strong { font-weight: 800; white-space: nowrap; }
body:has(.test-environment-banner) :is(.standalone-page, .app-shell, .portal-app, .portal-shell) {
    min-height: calc(100vh - var(--environment-banner-height));
}
body:has(.test-environment-banner) .sidebar {
    top: var(--environment-banner-height);
    height: calc(100vh - var(--environment-banner-height));
}
body:has(.test-environment-banner) .portal-workspace-navigation {
    top: calc(var(--environment-banner-height) + 24px);
}
body:has(.test-environment-banner) .skip-link { top: calc(var(--environment-banner-height) + 8px); z-index: 2001; }
body:has(.test-environment-banner) .transcript-dialog-backdrop { top: var(--environment-banner-height); }
body:has(.test-environment-banner) .transcript-dialog { max-height: calc(100dvh - var(--environment-banner-height) - 48px); }
@media (max-width: 540px) {
    .test-environment-banner span { display: none; }
}