/* ============================================================================= agent-workspace.css — Global rules that need to reach beyond the workspace panel's scoped CSS (e.g. hiding MainLayoutMS chrome when the workspace is in fullscreen mode). ============================================================================= */ /* When the workspace panel toggles fullscreen, WorkspacePanel.razor.cs adds the .bec-workspace-fullscreen class to . This: 1) hides the MainLayoutMS top header + side nav so the panel can take the entire viewport even if a parent CSS transform traps position:fixed, 2) prevents body scrolling so the panel feels modal, 3) raises the panel above any other layout layers via z-index. */ body.bec-workspace-fullscreen .ms-header, body.bec-workspace-fullscreen .ms-sidebar { display: none !important; } body.bec-workspace-fullscreen { overflow: hidden; } /* Make sure the agent shell (and the workspace panel within it) take the full viewport when in fullscreen. The panel's existing .workspace-fullscreen rule sets position:fixed + inset:0; this ensures every wrapping container above the panel grows to viewport height so the layout doesn't clip. */ body.bec-workspace-fullscreen .agent-shell, body.bec-workspace-fullscreen .agent-body, body.bec-workspace-fullscreen .agent-content { height: 100vh !important; max-height: 100vh !important; }