/* TradeCPO TMC UI V1.2.1
   Institutional Dark/Light Compatibility */

#p-tmc[data-tmc-theme="dark"] {
  --tmc121-bg: #0b1423;
  --tmc121-panel: #101d30;
  --tmc121-border: #273952;
  --tmc121-text: #edf5ff;
  --tmc121-muted: #91a7c2;
  --tmc121-inset: #091526;
  --tmc121-accent: #00e68a;
}

#p-tmc[data-tmc-theme="light"] {
  --tmc121-bg: #f1f5f9;
  --tmc121-panel: #ffffff;
  --tmc121-border: #d8e2ed;
  --tmc121-text: #142438;
  --tmc121-muted: #52677d;
  --tmc121-inset: #edf4f8;
  --tmc121-accent: #087d55;
}

#p-tmc[data-tmc-theme] {
  background: var(--tmc121-bg) !important;
  color: var(--tmc121-text) !important;
  color-scheme: normal;
}

#p-tmc[data-tmc-theme] .tmc-v12-intro,
#p-tmc[data-tmc-theme] .tmc-v12-card,
#p-tmc[data-tmc-theme] .tmc-v12-section {
  background: var(--tmc121-panel) !important;
  border-color: var(--tmc121-border) !important;
  color: var(--tmc121-text) !important;
}

#p-tmc[data-tmc-theme] .tmc-v12-intro {
  background: var(--tmc121-panel) !important;
}

#p-tmc[data-tmc-theme] .tmc-v12-title,
#p-tmc[data-tmc-theme] .tmc-v12-value,
#p-tmc[data-tmc-theme] .tmc-v12-row strong {
  color: var(--tmc121-text);
}

#p-tmc[data-tmc-theme] .tmc-v12-kicker,
#p-tmc[data-tmc-theme] .tmc-v12-section h3 {
  color: var(--tmc121-accent) !important;
}

#p-tmc[data-tmc-theme] .tmc-v12-sub,
#p-tmc[data-tmc-theme] .tmc-v12-label,
#p-tmc[data-tmc-theme] .tmc-v12-note,
#p-tmc[data-tmc-theme] .tmc-v12-row span:first-child {
  color: var(--tmc121-muted) !important;
}

#p-tmc[data-tmc-theme] .tmc-v12-row {
  border-color: var(--tmc121-border) !important;
}

#p-tmc[data-tmc-theme] .tmc-v12-footnote {
  background: var(--tmc121-inset) !important;
  color: var(--tmc121-text) !important;
  border-left-color: var(--tmc121-accent) !important;
}

#p-tmc[data-tmc-theme] .tmc-v12-good {
  color: #07895a !important;
}

#p-tmc[data-tmc-theme="dark"] .tmc-v12-good {
  color: #00e68a !important;
}

#p-tmc[data-tmc-theme] .tmc-v12-warn {
  color: #b77808 !important;
}

#p-tmc[data-tmc-theme="dark"] .tmc-v12-warn {
  color: #ffc45a !important;
}

#p-tmc[data-tmc-theme] .tmc-v12-bad {
  color: #d53c50 !important;
}

#p-tmc[data-tmc-theme="dark"] .tmc-v12-bad {
  color: #ff6172 !important;
}

#p-tmc[data-tmc-theme="light"] .tmc-v12-badge {
  color: #986300;
  border-color: #d8b46d;
  background: #fff8e9;
}

#p-tmc[data-tmc-theme="dark"] .tmc-v12-badge {
  color: #ffc45a;
  border-color: #87692c;
  background: transparent;
}

/* Hide only legacy TMC presentation siblings.
   Do not hide the V1.2 dashboard itself. */

#p-tmc[data-tmc-v12-clean="true"] > :not(#tmcV12Dashboard):not(#tmcV4) {
  display: none !important;
}

/* Retain responsive behavior */

#p-tmc .tmc-v12-title {
  overflow-wrap: anywhere;
}

#p-tmc .tmc-v12-value {
  overflow-wrap: anywhere;
}

#p-tmc .tmc-v12-columns,
#p-tmc .tmc-v12-grid {
  min-width: 0;
}

@media (max-width: 720px) {
  #p-tmc .tmc-v12-columns {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 520px) {
  #p-tmc .tmc-v12-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}