/* Minimal office-only mode - hides everything except the floorplan canvas */

/* Hide sidebar */
.sidebar {
  display: none !important;
}

/* Hide KPI cards */
.kpi-grid {
  display: none !important;
}

/* Hide Activity Mesh, Token Usage views */
#heatmapView,
#usageView {
  display: none !important;
}

/* Hide disconnect banner */
#disconnectBanner {
  display: none !important;
}

/* Hide PiP button */
#pipToggleBtn {
  display: none !important;
}

/* Hide popover */
.office-popover {
  display: none !important;
}

/* Adjust layout for centered fitting canvas */
.app-layout {
  grid-template-columns: 1fr !important;
}

.main-area {
  padding: 0 !important;
}

.scroll-container {
  padding: 20px !important;
  height: 100vh !important;
  overflow: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.office-layout {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  width: auto !important;
  height: auto !important;
}

.office-canvas-panel {
  border-radius: 8px !important;
  border: 1px solid var(--color-border) !important;
  width: fit-content !important;
  height: fit-content !important;
  max-width: 100% !important;
}

.office-canvas-panel .panel-header {
  display: none !important;
}

.office-canvas-panel .panel-body {
  padding: 0 !important;
  width: fit-content !important;
  height: fit-content !important;
}

/* Hide agent roster panel */
.agent-roster-panel {
  display: none !important;
}

/* Hide tooltip */
.mc-tooltip {
  display: none !important;
}

/* Canvas natural size */
#office-canvas {
  max-width: 100% !important;
  max-height: 90vh !important;
}