:root{--redq-stage-banner-height:48px}body{padding-top:var(--redq-stage-banner-height)!important}#environment-banner{position:fixed;inset:0 0 auto;z-index:2147483647;box-sizing:border-box;min-height:48px;display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 20px;background:#e0f2fe;color:#075985;border-bottom:1px solid #7dd3fc;font:600 13px/1.4 system-ui,sans-serif}#environment-banner .stage-mark{display:inline-flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.08em;white-space:nowrap}#environment-banner .stage-dot{height:8px;width:8px;border-radius:50%;background:#0284c7}#environment-banner .stage-detail{border-left:1px solid #7dd3fc;padding-left:14px}body .timer-bar{top:var(--redq-stage-banner-height)}body .login,body .shell,body .work-mode,body .password-page{min-height:calc(100dvh - var(--redq-stage-banner-height))}body dialog.modal{inset:var(--redq-stage-banner-height) 0 0;max-height:calc(96dvh - var(--redq-stage-banner-height))}body dialog.wi-modal{height:calc(94dvh - var(--redq-stage-banner-height))}dialog::backdrop{clip-path:inset(var(--redq-stage-banner-height) 0 0)}body .pause-overlay{top:var(--redq-stage-banner-height)}@media(min-width:651px){body .sidebar{top:var(--redq-stage-banner-height);height:calc(100dvh - var(--redq-stage-banner-height))}}@media(max-width:500px){#environment-banner{gap:8px;padding:10px 12px;font-size:11px}#environment-banner .stage-detail{padding-left:8px}}