/* Data overview light-theme compatibility patch. */
:is(.admin-dashboard-page.is-light-theme,
  html.normal .admin-dashboard-page,
  html[data-theme=light] .admin-dashboard-page,
  html.jn-light-mode .admin-dashboard-page,
  body.jn-light-mode .admin-dashboard-page) .admin-console {
  --dash-bg: #f8fafc !important;
  --dash-panel: #ffffff !important;
  --dash-panel-2: #f8fafc !important;
  --dash-line: #e2e8f0 !important;
  --dash-line-soft: #e2e8f0 !important;
  --dash-text: #0f172a !important;
  --dash-soft: #64748b !important;
  --dash-muted: #64748b !important;
  --dash-blue: #2563eb !important;
  --dash-green: #059669 !important;
  --dash-cyan: #0891b2 !important;
  --dash-amber: #d97706 !important;
  --dash-purple: #7c3aed !important;
}

:is(.admin-dashboard-page.is-light-theme,
  html.normal .admin-dashboard-page,
  html[data-theme=light] .admin-dashboard-page,
  html.jn-light-mode .admin-dashboard-page,
  body.jn-light-mode .admin-dashboard-page) :is(.console-periodbar, .console-card, .console-panel) {
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .06) !important;
}

:is(.admin-dashboard-page.is-light-theme,
  html.normal .admin-dashboard-page,
  html[data-theme=light] .admin-dashboard-page,
  html.jn-light-mode .admin-dashboard-page,
  body.jn-light-mode .admin-dashboard-page) :is(.console-panel-head, .console-rank-head, .console-card-lines, .console-funnel-stats, .compare-separator) {
  border-color: #e2e8f0 !important;
}

:is(.admin-dashboard-page.is-light-theme,
  html.normal .admin-dashboard-page,
  html[data-theme=light] .admin-dashboard-page,
  html.jn-light-mode .admin-dashboard-page,
  body.jn-light-mode .admin-dashboard-page) .console-tabs button {
  color: #475569 !important;
  background: transparent !important;
  border-color: transparent !important;
}

:is(.admin-dashboard-page.is-light-theme,
  html.normal .admin-dashboard-page,
  html[data-theme=light] .admin-dashboard-page,
  html.jn-light-mode .admin-dashboard-page,
  body.jn-light-mode .admin-dashboard-page) .console-tabs button:hover {
  color: #0f172a !important;
  background: #f1f5f9 !important;
  border-color: #e2e8f0 !important;
}

:is(.admin-dashboard-page.is-light-theme,
  html.normal .admin-dashboard-page,
  html[data-theme=light] .admin-dashboard-page,
  html.jn-light-mode .admin-dashboard-page,
  body.jn-light-mode .admin-dashboard-page) .console-tabs button.is-active {
  color: #ffffff !important;
  background: #2563eb !important;
  border-color: #2563eb !important;
  box-shadow: 0 8px 18px rgba(37, 99, 235, .24) !important;
}

:is(.admin-dashboard-page.is-light-theme,
  html.normal .admin-dashboard-page,
  html[data-theme=light] .admin-dashboard-page,
  html.jn-light-mode .admin-dashboard-page,
  body.jn-light-mode .admin-dashboard-page) .console-refresh {
  color: #1d4ed8 !important;
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
}

:is(.admin-dashboard-page.is-light-theme,
  html.normal .admin-dashboard-page,
  html[data-theme=light] .admin-dashboard-page,
  html.jn-light-mode .admin-dashboard-page,
  body.jn-light-mode .admin-dashboard-page) :is(.console-card-icon, .console-rank-no, .compare-rate) {
  color: #475569 !important;
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
}

:is(.admin-dashboard-page.is-light-theme,
  html.normal .admin-dashboard-page,
  html[data-theme=light] .admin-dashboard-page,
  html.jn-light-mode .admin-dashboard-page,
  body.jn-light-mode .admin-dashboard-page) .console-card-icon {
  color: var(--accent, #2563eb) !important;
}

:is(.admin-dashboard-page.is-light-theme,
  html.normal .admin-dashboard-page,
  html[data-theme=light] .admin-dashboard-page,
  html.jn-light-mode .admin-dashboard-page,
  body.jn-light-mode .admin-dashboard-page) :is(.console-period-info, .console-card-head, .console-card-lines span, .console-card-sub, .console-legend, .compare-row-head span, .compare-meta, .console-rank-head small, .console-rank-meta, .console-funnel-stat span, .console-mobile-trend-row span, .console-funnel-step span) {
  color: #64748b !important;
}

:is(.admin-dashboard-page.is-light-theme,
  html.normal .admin-dashboard-page,
  html[data-theme=light] .admin-dashboard-page,
  html.jn-light-mode .admin-dashboard-page,
  body.jn-light-mode .admin-dashboard-page) :is(.console-card-value, .console-card-value small, .console-panel-title, .compare-row-head strong, .compare-meta b, .console-rank-name, .console-mobile-trend-title, .console-mobile-trend-row strong, .console-mobile-trend-row b, .console-funnel-step strong) {
  color: #0f172a !important;
}

:is(.admin-dashboard-page.is-light-theme,
  html.normal .admin-dashboard-page,
  html[data-theme=light] .admin-dashboard-page,
  html.jn-light-mode .admin-dashboard-page,
  body.jn-light-mode .admin-dashboard-page) :is(.console-chart-wrap, .console-chart, .console-funnel-body, .console-compare) {
  background: #ffffff !important;
}

:is(.admin-dashboard-page.is-light-theme,
  html.normal .admin-dashboard-page,
  html[data-theme=light] .admin-dashboard-page,
  html.jn-light-mode .admin-dashboard-page,
  body.jn-light-mode .admin-dashboard-page) .console-chart .axis-label {
  fill: #64748b !important;
}

:is(.admin-dashboard-page.is-light-theme,
  html.normal .admin-dashboard-page,
  html[data-theme=light] .admin-dashboard-page,
  html.jn-light-mode .admin-dashboard-page,
  body.jn-light-mode .admin-dashboard-page) .console-chart .point {
  stroke: #ffffff !important;
  filter: drop-shadow(0 2px 5px rgba(15, 23, 42, .16)) !important;
}

:is(.admin-dashboard-page.is-light-theme,
  html.normal .admin-dashboard-page,
  html[data-theme=light] .admin-dashboard-page,
  html.jn-light-mode .admin-dashboard-page,
  body.jn-light-mode .admin-dashboard-page) .console-chart .console-chart-guide {
  stroke: rgba(100, 116, 139, .62) !important;
}

:is(.admin-dashboard-page.is-light-theme,
  html.normal .admin-dashboard-page,
  html[data-theme=light] .admin-dashboard-page,
  html.jn-light-mode .admin-dashboard-page,
  body.jn-light-mode .admin-dashboard-page) .console-dot {
  box-shadow: 0 0 0 2px rgba(15, 23, 42, .08) !important;
}

:is(.admin-dashboard-page.is-light-theme,
  html.normal .admin-dashboard-page,
  html[data-theme=light] .admin-dashboard-page,
  html.jn-light-mode .admin-dashboard-page,
  body.jn-light-mode .admin-dashboard-page) :is(.compare-track, .console-rank-bar) {
  background: #e2e8f0 !important;
}

:is(.admin-dashboard-page.is-light-theme,
  html.normal .admin-dashboard-page,
  html[data-theme=light] .admin-dashboard-page,
  html.jn-light-mode .admin-dashboard-page,
  body.jn-light-mode .admin-dashboard-page) :is(.console-rank-item, .console-mobile-trend-row, .console-funnel-step) {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
}

:is(.admin-dashboard-page.is-light-theme,
  html.normal .admin-dashboard-page,
  html[data-theme=light] .admin-dashboard-page,
  html.jn-light-mode .admin-dashboard-page,
  body.jn-light-mode .admin-dashboard-page) .console-rank-item:nth-child(1) .console-rank-no {
  color: #92400e !important;
  background: #fef3c7 !important;
}

:is(.admin-dashboard-page.is-light-theme,
  html.normal .admin-dashboard-page,
  html[data-theme=light] .admin-dashboard-page,
  html.jn-light-mode .admin-dashboard-page,
  body.jn-light-mode .admin-dashboard-page) .console-rank-item:nth-child(2) .console-rank-no {
  color: #1d4ed8 !important;
  background: #dbeafe !important;
}

:is(.admin-dashboard-page.is-light-theme,
  html.normal .admin-dashboard-page,
  html[data-theme=light] .admin-dashboard-page,
  html.jn-light-mode .admin-dashboard-page,
  body.jn-light-mode .admin-dashboard-page) .console-rank-item:nth-child(3) .console-rank-no {
  color: #0e7490 !important;
  background: #cffafe !important;
}

:is(.admin-dashboard-page.is-light-theme,
  html.normal .admin-dashboard-page,
  html[data-theme=light] .admin-dashboard-page,
  html.jn-light-mode .admin-dashboard-page,
  body.jn-light-mode .admin-dashboard-page) .console-rank-avatar {
  color: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .08) !important;
}

:is(.admin-dashboard-page.is-light-theme,
  html.normal .admin-dashboard-page,
  html[data-theme=light] .admin-dashboard-page,
  html.jn-light-mode .admin-dashboard-page,
  body.jn-light-mode .admin-dashboard-page) .console-funnel-stat {
  border-color: #e2e8f0 !important;
}

body.admin-dashboard-page-body:is(.jn-light-mode),
html.normal body.admin-dashboard-page-body,
html[data-theme=light] body.admin-dashboard-page-body,
html.jn-light-mode body.admin-dashboard-page-body {
  color: #0f172a !important;
  background: #f8fafc !important;
}