/* Fixed-canvas screens only. Operational pages use their responsive layout. */
.viewport { width: 100vw !important; height: 100vh !important; overflow-x: hidden !important; overflow-y: auto !important; background: var(--analytics-theme-bg) !important; }
.stage {
  width: var(--analytics-shell-canvas-width, 1456px) !important;
  height: var(--analytics-shell-height) !important;
  grid-template-columns: minmax(0, 1fr) !important;
  transform-origin: top left !important;
  background: radial-gradient(1100px 540px at 47% -13%, var(--analytics-theme-surface-3) 0%, var(--analytics-theme-surface-1) 42%, var(--analytics-theme-bg) 80%) !important;
}
.stage > main.main {
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
}
.viewport > .sidebar.analytics-shell-sidebar {
  position: fixed !important;
  left: 10px !important;
  top: 10px !important;
  z-index: 60 !important;
  width: 206px !important;
  height: calc(100vh - 20px) !important;
  margin: 0 !important;
}
.viewport > .sidebar.analytics-shell-sidebar:has(+ .stage.analytics-sidebar-collapsed) {
  width: 58px !important;
}
body:not(.op-v2) #stage > :is(.analytics-records-backdrop,.analytics-drilldown-backdrop,.analytics-modal-backdrop) {
  left: 0 !important;
}
.stage > .main > .topbar,
.stage > .content > .header { box-sizing: border-box !important; min-height: 76px !important; }
.stage > .main > .topbar h1,
.stage > .content > .header h1 { font-family: Inter, "Segoe UI", Arial, sans-serif !important; font-size: 27px !important; line-height: 31px !important; letter-spacing: -.55px !important; }
.stage > .main > .topbar button,
.stage > .content > .header button { font-family: Inter, "Segoe UI", Arial, sans-serif !important; border-radius: 8px !important; }
.stage.analytics-sidebar-collapsed { grid-template-columns: minmax(0, 1fr) !important; }
.viewport > .sidebar.analytics-shell-sidebar:has(+ .stage.analytics-sidebar-collapsed) .brand { grid-template-columns: 1fr !important; padding-left: 6px !important; padding-right: 6px !important; }
.viewport > .sidebar.analytics-shell-sidebar:has(+ .stage.analytics-sidebar-collapsed) :is(.brand-copy,.side-bottom) { display: none !important; }
.viewport > .sidebar.analytics-shell-sidebar:has(+ .stage.analytics-sidebar-collapsed) .side-collapse { position: absolute !important; top: 18px !important; right: 8px !important; z-index: 2 !important; }
.viewport > .sidebar.analytics-shell-sidebar:has(+ .stage.analytics-sidebar-collapsed) .nav { padding-left: 7px !important; padding-right: 7px !important; }
.viewport > .sidebar.analytics-shell-sidebar:has(+ .stage.analytics-sidebar-collapsed) .nav-item { justify-content: center !important; gap: 0 !important; padding: 0 !important; font-size: 0 !important; }
[data-analytics-shell-reflow="true"] .viewport > .sidebar.analytics-shell-sidebar {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: calc(100% - 20px) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 10px !important;
}
@media (max-width: 820px) {
  [data-analytics-shell-reflow="true"] .viewport > .analytics-shell-sidebar .brand { height: 68px !important; min-height: 68px !important; }
  [data-analytics-shell-reflow="true"] .viewport > .analytics-shell-sidebar .nav { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 6px !important; }
  [data-analytics-shell-reflow="true"] .viewport > .analytics-shell-sidebar .nav-item { height: 40px !important; padding: 0 8px !important; gap: 6px !important; font-size: 11px !important; }
  [data-analytics-shell-reflow="true"] .viewport > .analytics-shell-sidebar .nav-item svg { width: 15px !important; height: 15px !important; flex-basis: 15px !important; }
  [data-analytics-shell-reflow="true"] .viewport > .analytics-shell-sidebar .side-bottom,
  [data-analytics-shell-reflow="true"] .viewport > .analytics-shell-sidebar .side-collapse,
  [data-analytics-shell-reflow="true"] .viewport > .analytics-shell-sidebar .analytics-secondary-nav { display: none !important; }
}
[data-analytics-shell-reflow=true] .analytics-shell-reflow-table-scroll {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}
[data-analytics-shell-reflow=true] .analytics-shell-reflow-table-scroll[data-analytics-shell-scroll-region="true"],
[data-analytics-shell-reflow=true] body[data-view="atendimento"] .rank-table-wrap[data-analytics-shell-scroll-region="true"] {
  max-width: 100% !important;
  overflow-x: auto !important;
  overscroll-behavior-x: contain !important;
  scrollbar-width: thin;
  scrollbar-color: var(--analytics-theme-scroll-thumb, #31505c) var(--analytics-theme-scroll-track, var(--analytics-theme-surface-0));
}
[data-analytics-shell-reflow=true] [data-analytics-shell-scroll-region="true"]:focus-visible {
  outline: 2px solid var(--analytics-theme-focus, var(--analytics-theme-accent)) !important;
  outline-offset: -2px !important;
}