/* Market Direction Intelligence light theme override.
   Loaded after styles.css so the portal does not fall back to the older dark terminal skin. */

.intelligence-page {
  background:
    linear-gradient(115deg, rgba(73, 209, 126, 0.10), rgba(255, 255, 255, 0) 42%),
    linear-gradient(245deg, rgba(245, 83, 101, 0.08), rgba(255, 255, 255, 0) 44%),
    #fbfcfb !important;
  color: #111417 !important;
  color-scheme: light;
  font-family: var(--font-ui);
}

.intelligence-page button,
.intelligence-page input,
.intelligence-page select,
.intelligence-page textarea {
  font-family: var(--font-ui);
  letter-spacing: 0;
}

.intelligence-page .intelligence-topbar {
  min-height: 64px;
  border-bottom: 1px solid #dde2e0 !important;
  background: rgba(255, 255, 255, 0.96) !important;
  color: #111417 !important;
  box-shadow: 0 8px 28px rgba(22, 34, 28, 0.06);
  backdrop-filter: blur(14px);
}

.intelligence-page .brand,
.intelligence-page .intelligence-brand,
.intelligence-page .top-nav,
.intelligence-page .account-control {
  color: #111417 !important;
}

.intelligence-page .brand-mark {
  background: linear-gradient(180deg, #0a9546, #f0c45a 52%, #f0525f) !important;
  box-shadow: 0 0 0 1px rgba(10, 149, 70, 0.22), 0 8px 24px rgba(10, 149, 70, 0.14);
}

.intelligence-page .nav-link,
.intelligence-page .mdi-icon-button,
.intelligence-page #mdi-refresh,
.intelligence-page .mdi-settings-action {
  border-color: rgba(45, 108, 70, 0.18) !important;
  border-radius: 8px;
  background: #ffffff !important;
  color: #15191c !important;
  box-shadow: 0 6px 18px rgba(22, 34, 28, 0.05);
}

.intelligence-page .nav-link:hover,
.intelligence-page .nav-link.active,
.intelligence-page .mdi-icon-button:hover,
.intelligence-page #mdi-refresh:hover,
.intelligence-page .mdi-settings-action:hover {
  border-color: rgba(24, 165, 88, 0.42) !important;
  background: rgba(90, 221, 134, 0.18) !important;
  color: #11623a !important;
}

.intelligence-page .mdi-top-status span,
.intelligence-page .mdi-top-status strong {
  border-color: rgba(45, 108, 70, 0.16) !important;
  background: rgba(255, 255, 255, 0.76) !important;
  color: #40504a !important;
}

.intelligence-page .account-control {
  min-width: 0;
  margin-left: 0;
  gap: 9px;
  color: #40504a !important;
  font-size: 13px;
  font-weight: 800;
}

.intelligence-page .account-control > span {
  max-width: min(240px, 22vw);
  color: #40504a !important;
}

.intelligence-page .account-control button {
  width: auto;
  min-width: 104px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid #17202a !important;
  border-radius: 8px;
  padding: 0 12px;
  background: #17202a !important;
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 850;
  box-shadow: 0 8px 20px rgba(23, 32, 42, 0.12);
}

.intelligence-page .account-control button svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.intelligence-page .mdi-shell {
  min-height: calc(100vh - 64px);
  background: transparent !important;
}

.intelligence-page .mdi-command-center,
.intelligence-page .mdi-command-trend,
.intelligence-page .mdi-metric-panel,
.intelligence-page .mdi-panel,
.intelligence-page .mdi-subpage-dialog,
.intelligence-page .mdi-audit-dialog {
  border-color: rgba(39, 112, 71, 0.16) !important;
  background:
    linear-gradient(135deg, rgba(73, 209, 126, 0.06), rgba(255, 255, 255, 0) 46%),
    rgba(255, 255, 255, 0.94) !important;
  color: #111417 !important;
  box-shadow: 0 16px 38px rgba(45, 98, 59, 0.08);
}

.intelligence-page .mdi-command-copy,
.intelligence-page .mdi-panel-header,
.intelligence-page .mdi-audit-header,
.intelligence-page .mdi-audit-toolbar,
.intelligence-page .mdi-subpage-header {
  border-bottom-color: rgba(45, 108, 70, 0.14) !important;
  background: rgba(255, 255, 255, 0.66) !important;
}

.intelligence-page .mdi-kicker,
.intelligence-page .mdi-panel-title {
  color: #0a9546 !important;
}

.intelligence-page .mdi-command-center h1,
.intelligence-page .mdi-panel-header h2,
.intelligence-page .mdi-subpage-header h2,
.intelligence-page .mdi-audit-header h2,
.intelligence-page .mdi-regime,
.intelligence-page .mdi-driver strong,
.intelligence-page .mdi-causal-step strong,
.intelligence-page .mdi-roadmap-grid strong,
.intelligence-page .mdi-event strong {
  color: #111417 !important;
}

.intelligence-page .mdi-explanation,
.intelligence-page .mdi-muted,
.intelligence-page .mdi-panel-header span,
.intelligence-page .mdi-driver span,
.intelligence-page .mdi-driver p,
.intelligence-page .mdi-causal-step span,
.intelligence-page .mdi-roadmap-grid span,
.intelligence-page .mdi-note {
  color: #4d5753 !important;
}

.intelligence-page .mdi-settings-menu {
  border-color: rgba(39, 112, 71, 0.18) !important;
  background: rgba(255, 255, 255, 0.98) !important;
  color: #111417 !important;
  box-shadow: 0 20px 48px rgba(22, 34, 28, 0.16);
}

.intelligence-page .mdi-settings input,
.intelligence-page .mdi-settings select,
.intelligence-page .mdi-command-market-control select {
  border-color: #d8dedb !important;
  background: #ffffff !important;
  color: #111417 !important;
}

.intelligence-page .mdi-mpi-arc {
  background:
    radial-gradient(circle at center, #ffffff 0 56%, transparent 57%),
    conic-gradient(from 225deg, #ef8f98 0deg, #efd78e 135deg, #83dca8 270deg, transparent 270deg 360deg) !important;
  box-shadow: inset 0 0 0 1px rgba(42, 111, 69, 0.08), 0 14px 34px rgba(45, 98, 59, 0.14) !important;
}

.intelligence-page .mdi-mpi-arc::before {
  background: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(42, 111, 69, 0.14), 0 0 0 9px rgba(236, 244, 238, 0.92) !important;
}

.intelligence-page .mdi-mpi-arc::after,
.intelligence-page .mdi-mpi-arc-core span {
  color: #708079 !important;
}

.intelligence-page .mdi-mpi-pointer::before {
  background: linear-gradient(180deg, #15221b, #536b5b) !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.92), 0 0 14px rgba(42, 111, 69, 0.24) !important;
}

.intelligence-page .mdi-mpi-pointer::after {
  background: #15221b !important;
  box-shadow: 0 0 0 2px #ffffff, 0 0 10px rgba(42, 111, 69, 0.24) !important;
}

.intelligence-page .mdi-mpi-arc-core strong,
.intelligence-page .mdi-trend-summary strong,
.intelligence-page .mdi-provider-score strong,
.intelligence-page .mdi-evidence-tier strong,
.intelligence-page .mdi-evidence-tier em,
.intelligence-page .mdi-evidence-row strong,
.intelligence-page .mdi-corroboration-row strong,
.intelligence-page .mdi-provider-pill strong {
  color: #111417 !important;
}

.intelligence-page .mdi-prob-row,
.intelligence-page .mdi-mini-bar,
.intelligence-page .mdi-confidence-row,
.intelligence-page .mdi-regime-compact .mdi-mini-bar span,
.intelligence-page .mdi-regime-compact .mdi-mini-bar strong {
  color: #26342e !important;
}

.intelligence-page .mdi-prob-track {
  background: #edf3ef !important;
  box-shadow: inset 0 0 0 1px rgba(42, 111, 69, 0.09);
}

.intelligence-page .mdi-up {
  background: linear-gradient(90deg, #8bd8b0, #62c889) !important;
}

.intelligence-page .mdi-flat {
  background: linear-gradient(90deg, #ead98f, #d8bd62) !important;
}

.intelligence-page .mdi-down {
  background: linear-gradient(90deg, #f3a4aa, #e57482) !important;
}

.intelligence-page .mdi-mini-bar i {
  background: #8bbce6 !important;
}

.intelligence-page .mdi-confidence-guardrail {
  border-color: rgba(216, 143, 36, 0.24) !important;
  background: rgba(249, 237, 202, 0.74) !important;
  color: #8a6416 !important;
}

.intelligence-page .mdi-confidence-guardrail.mdi-guardrail-active {
  border-color: rgba(224, 91, 101, 0.28) !important;
  background: rgba(252, 229, 231, 0.82) !important;
  color: #b3424e !important;
}

.intelligence-page .mdi-trend-outlook,
.intelligence-page .mdi-trend-summary > div,
.intelligence-page .mdi-horizon-card,
.intelligence-page .mdi-driver,
.intelligence-page .mdi-event,
.intelligence-page .mdi-event-shock-card,
.intelligence-page .mdi-causal-step,
.intelligence-page .mdi-note,
.intelligence-page .mdi-roadmap-grid > div,
.intelligence-page .mdi-empty,
.intelligence-page .mdi-provider-score,
.intelligence-page .mdi-provider-alert,
.intelligence-page .mdi-evidence-row,
.intelligence-page .mdi-corroboration-row,
.intelligence-page .mdi-provider-pill,
.intelligence-page .mdi-evidence-tier,
.intelligence-page .mdi-causal-count,
.intelligence-page .mdi-fresh-row {
  border-color: rgba(42, 111, 69, 0.14) !important;
  background: #ffffff !important;
  color: #111417 !important;
  box-shadow: 0 8px 20px rgba(45, 98, 59, 0.05);
}

.intelligence-page .mdi-trend-outlook > div:first-child > span,
.intelligence-page .mdi-driver-columns h3,
.intelligence-page .mdi-combo-grid h3,
.intelligence-page .mdi-provider-subhead {
  color: #26342e !important;
}

.intelligence-page .mdi-horizon-card.active {
  border-color: rgba(24, 165, 88, 0.42) !important;
  background: rgba(90, 221, 134, 0.15) !important;
  box-shadow: inset 0 0 0 1px rgba(24, 165, 88, 0.14), 0 10px 24px rgba(45, 98, 59, 0.08);
}

.intelligence-page .mdi-horizon-card strong {
  color: #9d6f10 !important;
}

.intelligence-page .mdi-horizon-card small,
.intelligence-page .mdi-horizon-card .mdi-return-interval,
.intelligence-page .mdi-horizon-card span,
.intelligence-page .mdi-trend-summary span,
.intelligence-page .mdi-provider-score span,
.intelligence-page .mdi-provider-score small,
.intelligence-page .mdi-provider-note,
.intelligence-page .mdi-provider-alert span,
.intelligence-page .mdi-evidence-tier span {
  color: #53635c !important;
}

.intelligence-page .mdi-positive {
  color: #168447 !important;
}

.intelligence-page .mdi-negative {
  color: #bd3342 !important;
}

.intelligence-page .mdi-neutral {
  color: #9d6f10 !important;
}

.intelligence-page #mdi-positive-drivers .mdi-driver {
  border-color: rgba(27, 160, 88, 0.24) !important;
  background: linear-gradient(90deg, rgba(123, 217, 160, 0.22), rgba(255, 255, 255, 0.98) 70%), #ffffff !important;
}

.intelligence-page #mdi-positive-drivers .mdi-driver strong,
.intelligence-page #mdi-positive-drivers .mdi-driver span {
  color: #1d7c4c !important;
}

.intelligence-page #mdi-positive-drivers .mdi-driver p {
  color: #315447 !important;
}

.intelligence-page #mdi-negative-drivers .mdi-driver {
  border-color: rgba(224, 91, 101, 0.25) !important;
  background: linear-gradient(90deg, rgba(246, 164, 170, 0.23), rgba(255, 255, 255, 0.98) 72%), #ffffff !important;
}

.intelligence-page #mdi-negative-drivers .mdi-driver strong,
.intelligence-page #mdi-negative-drivers .mdi-driver span {
  color: #a84651 !important;
}

.intelligence-page #mdi-negative-drivers .mdi-driver p {
  color: #6e4448 !important;
}

.intelligence-page .mdi-score-ok,
.intelligence-page .mdi-tier-available,
.intelligence-page .mdi-provider-ok {
  border-color: rgba(27, 160, 88, 0.26) !important;
  background: rgba(231, 247, 237, 0.92) !important;
}

.intelligence-page .mdi-score-watch,
.intelligence-page .mdi-provider-alert {
  border-color: rgba(217, 158, 52, 0.30) !important;
  background: rgba(250, 241, 212, 0.88) !important;
}

.intelligence-page .mdi-score-warn,
.intelligence-page .mdi-tier-warn,
.intelligence-page .mdi-gap-row,
.intelligence-page .mdi-provider-warn,
.intelligence-page .mdi-alert-high {
  border-color: rgba(224, 91, 101, 0.30) !important;
  background: rgba(252, 231, 233, 0.88) !important;
}

.intelligence-page .mdi-provider-alert strong,
.intelligence-page .mdi-alert-high strong {
  color: #a84651 !important;
}

.intelligence-page .mdi-causal-step > span {
  background: #e8f4ec !important;
  color: #168447 !important;
}

.intelligence-page .mdi-fresh-row {
  border-bottom-color: rgba(42, 111, 69, 0.10) !important;
  box-shadow: none;
}

.intelligence-page .mdi-fresh-row strong {
  color: #9d6f10 !important;
}

.intelligence-page .mdi-trend-chart-box {
  border: 1px solid rgba(42, 111, 69, 0.14) !important;
  border-radius: 9px;
  background: #ffffff !important;
  box-shadow: 0 12px 28px rgba(45, 98, 59, 0.06);
}

.intelligence-page .mdi-trend-chart rect {
  fill: #ffffff !important;
  stroke: rgba(42, 111, 69, 0.12) !important;
}

.intelligence-page .mdi-trend-chart line {
  stroke: rgba(83, 99, 92, 0.15) !important;
}

.intelligence-page .mdi-trend-chart line.zero {
  stroke: rgba(36, 53, 45, 0.38) !important;
}

.intelligence-page .mdi-trend-chart line.x-grid {
  stroke: rgba(42, 111, 69, 0.10) !important;
}

.intelligence-page .mdi-trend-chart line.x-hour-marker {
  stroke: rgba(83, 99, 92, 0.28) !important;
}

.intelligence-page .mdi-trend-chart path.area {
  fill: rgba(139, 188, 230, 0.14) !important;
}

.intelligence-page .mdi-trend-chart path.line {
  stroke: #5f9dcf !important;
}

.intelligence-page .mdi-trend-chart circle {
  fill: #e0bd5a !important;
  stroke: #ffffff !important;
}

.intelligence-page .mdi-trend-chart text,
.intelligence-page .mdi-trend-chart text.y-axis-title {
  fill: #53635c !important;
}

.intelligence-page .mdi-trend-chart text.axis-title {
  fill: #0a9546 !important;
}

.intelligence-page .mdi-trend-toolbar {
  border-color: rgba(42, 111, 69, 0.15) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 10px 24px rgba(45, 98, 59, 0.10);
}

.intelligence-page .mdi-trend-toolbar > span,
.intelligence-page .mdi-trend-zoom button {
  color: #53635c !important;
}

.intelligence-page .mdi-trend-zoom button.active {
  background: rgba(90, 221, 134, 0.18) !important;
  color: #11623a !important;
  box-shadow: inset 0 0 0 1px rgba(24, 165, 88, 0.28);
}

.intelligence-page .mdi-tab {
  border-color: rgba(42, 111, 69, 0.16) !important;
  background: #ffffff !important;
  color: #26342e !important;
}

.intelligence-page .mdi-tab.active {
  border-color: rgba(24, 165, 88, 0.42) !important;
  background: rgba(90, 221, 134, 0.16) !important;
  color: #11623a !important;
}

.intelligence-page .mdi-command-factor-map .mdi-heat-page-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px;
}

.intelligence-page .mdi-command-factor-map .mdi-heat-cell {
  min-height: 47px;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px;
  padding: 6px 7px;
  align-items: center;
}

.intelligence-page .mdi-command-factor-map .mdi-heat-cell strong {
  font-size: 13px;
  line-height: 1.12;
  font-weight: 400 !important;
}

.intelligence-page .mdi-command-factor-map .mdi-heat-score {
  min-width: 42px;
  font-size: 15px;
  font-weight: 400 !important;
  text-align: right;
}

.intelligence-page .mdi-command-factor-map .mdi-heat-score.positive {
  color: #2f8f5f !important;
}

.intelligence-page .mdi-command-factor-map .mdi-heat-score.negative {
  color: #b74f5d !important;
}

.intelligence-page .mdi-command-factor-map .mdi-heat-score.neutral {
  color: #4d5a66 !important;
}

.intelligence-page .mdi-command-factor-map .mdi-heat-cell small {
  display: none;
}

.intelligence-page .mdi-heat-pager {
  min-height: 30px;
  grid-template-columns: 34px minmax(0, 1fr) 34px;
  align-items: center;
}

.intelligence-page .mdi-heat-pager button {
  min-height: 28px;
  border-color: rgba(17, 20, 23, 0.28) !important;
  background: #ffffff !important;
  color: #111417 !important;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  box-shadow: 0 4px 12px rgba(22, 34, 28, 0.08);
}

.intelligence-page .mdi-heat-pager button:hover:not(:disabled) {
  border-color: rgba(24, 165, 88, 0.46) !important;
  background: rgba(90, 221, 134, 0.18) !important;
  color: #0d5c32 !important;
}

.intelligence-page .mdi-heat-pager button:disabled {
  color: #8d9a94 !important;
  opacity: 0.58;
}

.intelligence-page .mdi-heat-pager span {
  color: #53635c !important;
  font-size: 11px;
  font-weight: 400 !important;
}

.intelligence-page .mdi-audit-backdrop,
.intelligence-page .mdi-subpage-backdrop {
  background: rgba(236, 244, 238, 0.76) !important;
  backdrop-filter: blur(4px);
}

.intelligence-page .auth-gate {
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.90), rgba(231, 247, 237, 0.84)),
    url("/MDI/static/risemode-media-header-auth.jpg") center / cover no-repeat !important;
}

.intelligence-page .auth-panel,
.intelligence-page .auth-loading-panel {
  border-color: rgba(39, 112, 71, 0.18) !important;
  background: rgba(255, 255, 255, 0.90) !important;
  color: #111417 !important;
  box-shadow: 0 24px 70px rgba(45, 98, 59, 0.14);
}

@media (max-width: 900px) {
  .intelligence-page .intelligence-topbar {
    padding: 8px 12px;
  }

  .intelligence-page .mdi-shell {
    padding: 10px;
  }

  .intelligence-page .account-control > span {
    max-width: 100%;
  }
}