:root {
  color-scheme: dark;
  --analytics-theme-bg: #000000;
  --analytics-theme-surface-0: #020d15;
  --analytics-theme-surface-1: #03131c;
  --analytics-theme-surface-2: #071721;
  --analytics-theme-surface-3: #0a1a24;
  --analytics-theme-elevated: #10212c;
  --analytics-theme-elevated-hover: #15313e;
  --analytics-theme-active: #063744;
  --analytics-theme-brand-start: rgba(8, 29, 39, .68);
  --analytics-theme-brand-end: rgba(4, 18, 27, .18);
  --analytics-theme-border: rgba(93, 135, 151, .24);
  --analytics-theme-border-strong: rgba(25, 208, 212, .52);
  --analytics-theme-text: #f0f5f6;
  --analytics-theme-text-secondary: #d0d8dc;
  --analytics-theme-muted: #8798a1;
  --analytics-theme-icon: #9cacb4;
  --analytics-theme-accent: #19d0d4;
  --analytics-theme-accent-strong: #83eaec;
  --analytics-theme-success: #55e39b;
  --analytics-theme-warning: #e8ad2d;
  --analytics-theme-danger: #e86469;
  --analytics-theme-info: #4f9cff;
  --analytics-theme-focus: #7df9ff;
  --analytics-theme-overlay: rgba(1, 9, 15, .72);
  --analytics-theme-shadow: 0 18px 48px rgba(0, 0, 0, .48);
  --analytics-theme-scroll-track: #07151e;
  --analytics-theme-scroll-thumb: #2b6472;
  --analytics-theme-grid: rgba(127, 164, 177, .22);
  --analytics-theme-axis: #8fa5ac;
  --analytics-modal-surface-0: #071820;
  --analytics-modal-surface-1: #0a202a;
  --analytics-modal-surface-2: #0d2833;
  --analytics-modal-surface-3: #102f3b;
  --analytics-modal-text: #edf7f8;
  --analytics-modal-muted: #9cb1b8;
  --analytics-modal-soft: #cbd9dc;
  --analytics-modal-track: #17343f;
  --analytics-chart-series-1: #19d0d4;
  --analytics-chart-series-2: #8a5acb;
  --analytics-chart-series-3: #e8ad2d;
  --analytics-chart-series-4: #55e39b;
  --analytics-chart-series-5: #e86469;
  --analytics-chart-series-6: #4f9cff;
  --analytics-chart-series-7: #d96cb3;
  --analytics-chart-series-8: #9cb1b8;

  --analytics-shell-width: 216px;
  --analytics-shell-height: 941px;
  --analytics-shell-border: var(--analytics-theme-border);
  --analytics-shell-cyan: var(--analytics-theme-accent);
}

html[data-analytics-theme="executivo-claro"] {
  color-scheme: light;
  --analytics-theme-bg: #eef3f5;
  --analytics-theme-surface-0: #ffffff;
  --analytics-theme-surface-1: #f6f9fa;
  --analytics-theme-surface-2: #edf3f5;
  --analytics-theme-surface-3: #e5eef1;
  --analytics-theme-elevated: #dfeaec;
  --analytics-theme-elevated-hover: #d4e4e7;
  --analytics-theme-active: #d8f3f4;
  --analytics-theme-brand-start: rgba(229, 239, 242, .96);
  --analytics-theme-brand-end: rgba(246, 249, 250, .72);
  --analytics-theme-border: rgba(34, 73, 87, .22);
  --analytics-theme-border-strong: rgba(0, 116, 122, .5);
  --analytics-theme-text: #10242c;
  --analytics-theme-text-secondary: #29434d;
  --analytics-theme-muted: #5d747d;
  --analytics-theme-icon: #49626c;
  --analytics-theme-accent: #00777d;
  --analytics-theme-accent-strong: #005f64;
  --analytics-theme-success: #197449;
  --analytics-theme-warning: #8b5d00;
  --analytics-theme-danger: #a12f38;
  --analytics-theme-info: #1f64c2;
  --analytics-theme-focus: #005f64;
  --analytics-theme-overlay: rgba(25, 43, 50, .34);
  --analytics-theme-shadow: 0 18px 42px rgba(28, 52, 61, .18);
  --analytics-theme-scroll-track: #dde7ea;
  --analytics-theme-scroll-thumb: #69858f;
  --analytics-theme-grid: rgba(48, 82, 94, .2);
  --analytics-theme-axis: #566f78;
  --analytics-modal-surface-0: #ffffff;
  --analytics-modal-surface-1: #f5f8f9;
  --analytics-modal-surface-2: #edf3f5;
  --analytics-modal-surface-3: #e3ecef;
  --analytics-modal-text: #10242c;
  --analytics-modal-muted: #607780;
  --analytics-modal-soft: #344e58;
  --analytics-modal-track: #d4e1e5;
  --analytics-chart-series-1: #00777d;
  --analytics-chart-series-2: #6f43a5;
  --analytics-chart-series-3: #9a6500;
  --analytics-chart-series-4: #197449;
  --analytics-chart-series-5: #a12f38;
  --analytics-chart-series-6: #1f64c2;
  --analytics-chart-series-7: #9a3f76;
  --analytics-chart-series-8: #607780;
}

html[data-analytics-theme="alto-contraste"] {
  color-scheme: dark;
  --analytics-theme-bg: #000000;
  --analytics-theme-surface-0: #000000;
  --analytics-theme-surface-1: #090909;
  --analytics-theme-surface-2: #111111;
  --analytics-theme-surface-3: #171717;
  --analytics-theme-elevated: #1f1f1f;
  --analytics-theme-elevated-hover: #292929;
  --analytics-theme-active: #003f42;
  --analytics-theme-brand-start: rgba(17, 17, 17, .98);
  --analytics-theme-brand-end: rgba(0, 0, 0, .98);
  --analytics-theme-border: rgba(255, 255, 255, .62);
  --analytics-theme-border-strong: #7df9ff;
  --analytics-theme-text: #ffffff;
  --analytics-theme-text-secondary: #f1f1f1;
  --analytics-theme-muted: #d0d0d0;
  --analytics-theme-icon: #f1f1f1;
  --analytics-theme-accent: #7df9ff;
  --analytics-theme-accent-strong: #b7ffff;
  --analytics-theme-success: #70ffae;
  --analytics-theme-warning: #ffd166;
  --analytics-theme-danger: #ff7b83;
  --analytics-theme-info: #8cb8ff;
  --analytics-theme-focus: #ffe66d;
  --analytics-theme-overlay: rgba(0, 0, 0, .84);
  --analytics-theme-shadow: 0 0 0 2px rgba(255, 255, 255, .38), 0 20px 54px rgba(0, 0, 0, .78);
  --analytics-theme-scroll-track: #000000;
  --analytics-theme-scroll-thumb: #ffffff;
  --analytics-theme-grid: rgba(255, 255, 255, .34);
  --analytics-theme-axis: #f1f1f1;
  --analytics-modal-surface-0: #000000;
  --analytics-modal-surface-1: #090909;
  --analytics-modal-surface-2: #111111;
  --analytics-modal-surface-3: #1a1a1a;
  --analytics-modal-text: #ffffff;
  --analytics-modal-muted: #d8d8d8;
  --analytics-modal-soft: #f1f1f1;
  --analytics-modal-track: #333333;
  --analytics-chart-series-1: #7df9ff;
  --analytics-chart-series-2: #d8a7ff;
  --analytics-chart-series-3: #ffe66d;
  --analytics-chart-series-4: #70ffae;
  --analytics-chart-series-5: #ff7b83;
  --analytics-chart-series-6: #8cb8ff;
  --analytics-chart-series-7: #ff9bd5;
  --analytics-chart-series-8: #ffffff;
}

@media (prefers-color-scheme: light) {
  html:not([data-analytics-theme]) {
    color-scheme: light;
    --analytics-theme-bg: #eef3f5;
    --analytics-theme-surface-0: #ffffff;
    --analytics-theme-surface-1: #f6f9fa;
    --analytics-theme-surface-2: #edf3f5;
    --analytics-theme-surface-3: #e5eef1;
    --analytics-theme-elevated: #dfeaec;
    --analytics-theme-elevated-hover: #d4e4e7;
    --analytics-theme-active: #d8f3f4;
    --analytics-theme-brand-start: rgba(229, 239, 242, .96);
    --analytics-theme-brand-end: rgba(246, 249, 250, .72);
    --analytics-theme-border: rgba(34, 73, 87, .22);
    --analytics-theme-border-strong: rgba(0, 116, 122, .5);
    --analytics-theme-text: #10242c;
    --analytics-theme-text-secondary: #29434d;
    --analytics-theme-muted: #5d747d;
    --analytics-theme-icon: #49626c;
    --analytics-theme-accent: #00777d;
    --analytics-theme-accent-strong: #005f64;
    --analytics-theme-success: #197449;
    --analytics-theme-warning: #8b5d00;
    --analytics-theme-danger: #a12f38;
    --analytics-theme-info: #1f64c2;
    --analytics-theme-focus: #005f64;
    --analytics-theme-overlay: rgba(25, 43, 50, .34);
    --analytics-theme-shadow: 0 18px 42px rgba(28, 52, 61, .18);
    --analytics-theme-scroll-track: #dde7ea;
    --analytics-theme-scroll-thumb: #69858f;
    --analytics-theme-grid: rgba(48, 82, 94, .2);
    --analytics-theme-axis: #566f78;
    --analytics-modal-surface-0: #ffffff;
    --analytics-modal-surface-1: #f5f8f9;
    --analytics-modal-surface-2: #edf3f5;
    --analytics-modal-surface-3: #e3ecef;
    --analytics-modal-text: #10242c;
    --analytics-modal-muted: #607780;
    --analytics-modal-soft: #344e58;
    --analytics-modal-track: #d4e1e5;
    --analytics-chart-series-1: #00777d;
    --analytics-chart-series-2: #6f43a5;
    --analytics-chart-series-3: #9a6500;
    --analytics-chart-series-4: #197449;
    --analytics-chart-series-5: #a12f38;
    --analytics-chart-series-6: #1f64c2;
    --analytics-chart-series-7: #9a3f76;
    --analytics-chart-series-8: #607780;
    --bg: var(--analytics-theme-bg); --bg2: var(--analytics-theme-surface-0);
    --sidebar: var(--analytics-theme-surface-0); --sidebar2: var(--analytics-theme-surface-1); --side: var(--analytics-theme-surface-0);
    --panel: var(--analytics-theme-surface-1); --panel2: var(--analytics-theme-surface-2); --panel3: var(--analytics-theme-surface-3); --panelHover: var(--analytics-theme-elevated-hover);
    --border: var(--analytics-theme-border); --border2: var(--analytics-theme-border-strong); --border-strong: var(--analytics-theme-border-strong); --grid: var(--analytics-theme-grid); --line: var(--analytics-theme-grid);
    --title: var(--analytics-theme-text); --text: var(--analytics-theme-text-secondary); --muted: var(--analytics-theme-muted); --soft: var(--analytics-theme-muted); --dim: var(--analytics-theme-muted);
    --cyan: var(--analytics-theme-accent); --cyan2: var(--analytics-theme-accent-strong); --cyan-dark: var(--analytics-theme-accent);
    --green: var(--analytics-theme-success); --green2: var(--analytics-theme-success); --lime: var(--analytics-theme-success); --yellow: var(--analytics-theme-warning); --orange: var(--analytics-theme-warning); --red: var(--analytics-theme-danger); --blue: var(--analytics-theme-info);
    --purple: var(--analytics-chart-series-2); --purple2: var(--analytics-chart-series-2);
  }
}

html:is([data-analytics-theme="executivo-claro"],[data-analytics-theme="alto-contraste"]) {
  --bg: var(--analytics-theme-bg); --bg2: var(--analytics-theme-surface-0);
  --sidebar: var(--analytics-theme-surface-0); --sidebar2: var(--analytics-theme-surface-1); --side: var(--analytics-theme-surface-0);
  --panel: var(--analytics-theme-surface-1); --panel2: var(--analytics-theme-surface-2); --panel3: var(--analytics-theme-surface-3); --panelHover: var(--analytics-theme-elevated-hover);
  --border: var(--analytics-theme-border); --border2: var(--analytics-theme-border-strong); --border-strong: var(--analytics-theme-border-strong); --grid: var(--analytics-theme-grid); --line: var(--analytics-theme-grid);
  --title: var(--analytics-theme-text); --text: var(--analytics-theme-text-secondary); --muted: var(--analytics-theme-muted); --soft: var(--analytics-theme-muted); --dim: var(--analytics-theme-muted);
  --cyan: var(--analytics-theme-accent); --cyan2: var(--analytics-theme-accent-strong); --cyan-dark: var(--analytics-theme-accent);
  --green: var(--analytics-theme-success); --green2: var(--analytics-theme-success); --lime: var(--analytics-theme-success); --yellow: var(--analytics-theme-warning); --orange: var(--analytics-theme-warning); --red: var(--analytics-theme-danger); --blue: var(--analytics-theme-info);
  --purple: var(--analytics-chart-series-2); --purple2: var(--analytics-chart-series-2);
}

html, body { background: var(--analytics-theme-bg); color: var(--analytics-theme-text); }
/* Classic canvas geometry is supplied only to classic templates. */

.sidebar.analytics-shell-sidebar {
  box-sizing: border-box !important;
  width: 206px !important;
  height: 923px !important;
  margin: 10px 0 8px 10px !important;
  border: 1px solid var(--analytics-shell-border) !important;
  border-radius: 11px !important;
  background: linear-gradient(180deg, var(--analytics-theme-surface-1), var(--analytics-theme-surface-0)) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: thin;
  scrollbar-color: var(--analytics-theme-scroll-thumb) var(--analytics-theme-scroll-track);
  display: flex !important;
  flex-direction: column !important;
  color: var(--analytics-theme-text-secondary) !important;
  font-family: Inter, "Segoe UI", Arial, sans-serif !important;
}

.analytics-shell-sidebar .brand {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 77px !important;
  min-height: 77px !important;
  padding: 13px 7px 0 12px !important;
  border-bottom: 1px solid var(--analytics-shell-border) !important;
  display: grid !important;
  grid-template-columns: 45px minmax(100px, 1fr) 32px !important;
  align-items: start !important;
  gap: 4px !important;
  background: linear-gradient(180deg, var(--analytics-theme-brand-start), var(--analytics-theme-brand-end)) !important;
}
.analytics-shell-sidebar .logo { width: 45px !important; height: 45px !important; display: grid !important; place-items: center !important; }
.analytics-shell-sidebar .logo svg { width: 42px !important; height: 42px !important; display: block !important; }
.analytics-shell-sidebar .brand-copy { padding-top: 2px !important; min-width: 0 !important; }
.analytics-shell-sidebar .brand-copy strong {
  display: block !important; color: var(--analytics-theme-text) !important; font-size: 15px !important;
  font-weight: 700 !important; letter-spacing: .55px !important; line-height: 18px !important; white-space: nowrap !important;
}
.analytics-shell-sidebar .brand-copy small {
  display: block !important; margin-top: 3px !important; color: var(--analytics-theme-accent) !important;
  font-size: 10px !important; font-weight: 800 !important; letter-spacing: 2.2px !important;
}
.analytics-shell-sidebar .side-collapse {
  box-sizing: border-box !important; width: 32px !important; height: 32px !important; margin-top: 3px !important;
  border: 0 !important; border-radius: 50% !important; background: var(--analytics-theme-elevated) !important; color: var(--analytics-theme-text-secondary) !important;
  display: grid !important; place-items: center !important; font: 400 22px/1 Arial, sans-serif !important; cursor: pointer !important;
  transition: background-color .14s ease, transform .14s ease !important;
}
.analytics-shell-sidebar .side-collapse:hover { background: var(--analytics-theme-elevated-hover) !important; transform: translateX(1px); }

.analytics-shell-sidebar .nav {
  box-sizing: border-box !important; width: 100% !important; padding: 11px 9px 0 !important;
  display: flex !important; flex-direction: column !important; gap: 0 !important;
}
.analytics-shell-sidebar .nav-item {
  box-sizing: border-box !important; width: 100% !important; height: 49px !important; border-radius: 7px !important;
  display: flex !important; align-items: center !important; gap: 13px !important; padding: 0 13px !important;
  color: var(--analytics-theme-text-secondary) !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1 !important;
  text-decoration: none !important; position: relative !important; cursor: pointer !important;
  transition: background-color .14s ease, color .14s ease !important;
}
.analytics-shell-sidebar .nav-item:hover { background: var(--analytics-theme-surface-2) !important; }
.analytics-shell-sidebar .nav-item.active { background: var(--analytics-theme-active) !important; color: var(--analytics-theme-text) !important; }
.analytics-shell-sidebar .nav-item.active::before {
  content: ""; position: absolute; left: 0; top: 7px; bottom: 7px; width: 2px; border-radius: 3px; background: var(--analytics-shell-cyan);
}
.analytics-shell-sidebar .nav-item svg {
  width: 18px !important; height: 18px !important; flex: 0 0 18px !important; stroke: var(--analytics-theme-icon) !important;
  fill: none !important; stroke-width: 1.8 !important; stroke-linecap: round !important; stroke-linejoin: round !important;
}
.analytics-shell-sidebar .nav-item.active svg { stroke: var(--analytics-shell-cyan) !important; }

.analytics-shell-sidebar .side-bottom { margin-top: auto !important; padding: 0 10px 10px !important; }
.analytics-shell-sidebar .period-box {
  box-sizing: border-box !important; border: 1px solid var(--analytics-shell-border) !important; border-radius: 9px !important;
  background: var(--analytics-theme-surface-2) !important; padding: 11px 11px 10px !important; margin-bottom: 9px !important;
}
.analytics-shell-sidebar .period-head { font-size: 11px !important; color: var(--analytics-theme-text-secondary) !important; display: flex !important; justify-content: space-between !important; margin-bottom: 10px !important; }
.analytics-shell-sidebar .period-main { font-size: 13px !important; line-height: 16px !important; color: var(--analytics-theme-text) !important; margin-bottom: 6px !important; }
.analytics-shell-sidebar .period-sub { font-size: 10.5px !important; line-height: 14px !important; color: var(--analytics-theme-muted) !important; }
.analytics-shell-sidebar .analytics-theme-control {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 0 0 9px !important;
  padding: 6px 7px 6px 10px !important;
  border: 1px solid var(--analytics-theme-border) !important;
  border-radius: 8px !important;
  background: var(--analytics-theme-surface-2) !important;
}
.analytics-shell-sidebar .analytics-theme-control label {
  color: var(--analytics-theme-muted) !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
}
.analytics-shell-sidebar .analytics-theme-select {
  min-width: 0 !important;
  height: 34px !important;
  border: 1px solid var(--analytics-theme-border) !important;
  border-radius: 7px !important;
  padding: 0 24px 0 8px !important;
  color: var(--analytics-theme-text-secondary) !important;
  background: var(--analytics-theme-surface-3) !important;
  font: 600 11px/1 Inter, "Segoe UI", Arial, sans-serif !important;
  cursor: pointer !important;
}
.analytics-shell-sidebar .analytics-theme-select:hover { border-color: var(--analytics-theme-border-strong) !important; }
.analytics-shell-sidebar :is(.analytics-theme-select,.side-collapse,.filter-btn,.nav-item):focus-visible {
  outline: 2px solid var(--analytics-theme-focus) !important;
  outline-offset: 2px !important;
}
.analytics-shell-sidebar .filter-btn {
  box-sizing: border-box !important; width: 100% !important; height: 42px !important; margin-top: 0 !important;
  border: 1px solid var(--analytics-shell-border) !important; border-radius: 8px !important; background: var(--analytics-theme-surface-3) !important;
  color: var(--analytics-theme-text-secondary) !important; display: flex !important; align-items: center !important; gap: 10px !important;
  padding: 0 12px !important; font-size: 12px !important; cursor: pointer !important;
}
.analytics-shell-sidebar .filter-btn:hover { border-color: var(--analytics-theme-border-strong) !important; background: var(--analytics-theme-elevated) !important; }
.analytics-shell-sidebar .filter-btn svg { width: 17px !important; height: 17px !important; stroke: var(--analytics-theme-text-secondary) !important; fill: none !important; stroke-width: 1.8 !important; }
.analytics-shell-sidebar .profile {
  box-sizing: border-box !important; border-top: 1px solid var(--analytics-theme-border) !important; margin-top: 11px !important;
  padding: 14px 7px 1px !important; display: grid !important; grid-template-columns: 38px 1fr 18px !important;
  align-items: center !important; gap: 9px !important; cursor: default !important;
}
.analytics-shell-sidebar .profile-avatar {
  box-sizing: border-box !important; width: 36px !important; height: 36px !important; border-radius: 50% !important;
  background: var(--analytics-theme-elevated) !important; border: 1px solid var(--analytics-theme-border) !important; position: relative !important;
}
.analytics-shell-sidebar .profile-avatar::after {
  content: ""; position: absolute; right: -1px; bottom: 1px; width: 7px; height: 7px;
  border-radius: 50%; background: var(--analytics-theme-success); border: 2px solid var(--analytics-theme-surface-1);
}
.analytics-shell-sidebar .profile-name { color: var(--analytics-theme-text) !important; font-size: 12px !important; line-height: 15px !important; }
.analytics-shell-sidebar .profile-role { color: var(--analytics-theme-muted) !important; font-size: 11px !important; line-height: 14px !important; margin-top: 2px !important; }
.analytics-shell-sidebar .profile-endcap { width: 18px !important; height: 18px !important; display: block !important; }

@media (min-width: 821px) {
  .op-v2 .op-layout > .sidebar.analytics-shell-sidebar {
    width: 206px !important;
    height: calc(100vh - 20px) !important;
    min-height: 0 !important;
    margin: 0 !important;
  }
  .op-v2 .op-layout.analytics-sidebar-collapsed > .sidebar.analytics-shell-sidebar {
    width: 58px !important;
  }
}

@media (min-width: 821px) and (max-height: 800px) {
  .analytics-shell-sidebar .brand { height: 68px !important; min-height: 68px !important; }
  .analytics-shell-sidebar .nav { padding-top: 5px !important; }
  .analytics-shell-sidebar .nav-item { height: 40px !important; }
  .analytics-shell-sidebar .analytics-secondary-nav { margin-top: 4px !important; margin-bottom: 4px !important; padding-top: 3px !important; padding-bottom: 3px !important; }
  .analytics-shell-sidebar .period-box { padding: 8px !important; margin-bottom: 6px !important; }
  .analytics-shell-sidebar .analytics-theme-control { margin-bottom: 6px !important; }
  .analytics-shell-sidebar .profile { margin-top: 7px !important; padding-top: 9px !important; }
}

@media (max-width: 820px) {
  .op-v2 .op-layout > .sidebar.analytics-shell-sidebar {
    width: 100% !important;
    margin: 0 !important;
  }
}

/* Chrome keeps the shared navigation snapshot in place across document
 * navigation; only the route-specific content changes beneath it. */
@view-transition { navigation: auto; }
html[data-analytics-shell-ready="true"] .analytics-shell-sidebar { view-transition-name: analytics-sidebar; }
::view-transition-old(analytics-sidebar),
::view-transition-new(analytics-sidebar) { animation-duration: 0s; }
::view-transition-old(root) { animation: 90ms ease-out both analytics-shell-leave; }
::view-transition-new(root) { animation: 140ms ease-out both analytics-shell-enter; }
@keyframes analytics-shell-leave { to { opacity: 0; } }
@keyframes analytics-shell-enter { from { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root), ::view-transition-new(root) { animation-duration: 0s; }
}

.op-v2 #opMetrics .op-metric.op-metric-skeleton {
  min-height: 108px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-color: var(--analytics-theme-border);
  background: var(--analytics-theme-surface-1);
}
.op-v2 #opMetrics .op-metric-skeleton :is(span,i,small) {
  display: block;
  height: 8px;
  border-radius: 5px;
  background: var(--analytics-theme-elevated);
}
.op-v2 #opMetrics .op-metric-skeleton span { width: 58%; }
.op-v2 #opMetrics .op-metric-skeleton i { width: 38%; height: 22px; }
.op-v2 #opMetrics .op-metric-skeleton small { width: 72%; }

[data-analytics-shell-reflow=true]{
  &,body{height:auto!important;overflow:auto!important}
  :is(.viewport,.stage){position:static!important;width:100%!important;height:auto!important;min-height:100vh!important;overflow:visible!important;transform:none!important}
  .stage{display:block!important}
  .stage>:is(.main,.content,.reports-main){display:block!important;width:100%!important;height:auto!important;overflow:visible!important}
  :is(.kpi-row,.row1,.row2,.row3,.top-row,.bottom-row,.main-grid,.lower-grid,.analytics,.right-col,.bottom-charts,.top-grid,.bottom-grid,.content,.main,.left,.right){grid-template-columns:1fr!important;grid-template-rows:auto!important;height:auto!important;max-height:none!important}
  .panel{height:auto!important;max-height:none!important}
  :is(.table-wrap,[class*=chart],.heat-body,.funnel-body){max-width:100%!important;overflow:auto!important}
}

@media (prefers-reduced-motion: reduce) {
  .analytics-shell-sidebar *, .analytics-shell-sidebar *::before, .analytics-shell-sidebar *::after { transition: none !important; animation: none !important; }
}

@media print {
  :root,
  html[data-analytics-theme] {
    color-scheme: light;
    --analytics-theme-bg: #ffffff;
    --analytics-theme-surface-0: #ffffff;
    --analytics-theme-surface-1: #ffffff;
    --analytics-theme-surface-2: #f4f6f7;
    --analytics-theme-surface-3: #eef2f3;
    --analytics-theme-border: rgba(24, 50, 60, .3);
    --analytics-theme-text: #111b20;
    --analytics-theme-text-secondary: #263a42;
    --analytics-theme-muted: #536971;
    --analytics-theme-accent: #006e74;
    --analytics-theme-shadow: none;
    --analytics-chart-series-1: #006e74;
    --analytics-chart-series-2: #5e3d86;
    --analytics-chart-series-3: #765200;
    --analytics-chart-series-4: #17653f;
    --analytics-chart-series-5: #8e2e36;
    --analytics-chart-series-6: #245997;
    --analytics-chart-series-7: #7a365f;
    --analytics-chart-series-8: #3f535b;
  }
  html, body, .viewport { background: #ffffff !important; }
  .analytics-theme-control { display: none !important; }
  * { box-shadow: none !important; text-shadow: none !important; }
}

/* Auxiliary pages stay reachable without competing with the operational menu. */
.analytics-shell-sidebar .analytics-secondary-nav { margin: 8px 10px; padding: 6px 8px; color: var(--analytics-theme-muted); font-size: 11px; border-top: 1px solid var(--analytics-theme-border); }
.analytics-shell-sidebar .analytics-secondary-nav summary { cursor: pointer; padding: 7px 0; }
.analytics-shell-sidebar .analytics-secondary-nav a { display: block; padding: 6px 5px; color: var(--analytics-theme-text-secondary); text-decoration: none; border-radius: 5px; }
.analytics-shell-sidebar .analytics-secondary-nav a:hover { background: var(--analytics-theme-surface-2); }
.analytics-sidebar-collapsed .analytics-secondary-nav { display: none; }
.analytics-shell-sidebar:has(.analytics-secondary-nav[open]) { overflow-y: auto !important; }
@media (max-width: 820px) { .op-v2 .analytics-secondary-nav { display: none; } }