/* Ondas eléctricas: tema inspirado en las capturas aportadas por Oscar.
   Aislado para conservar intacto Azul noche. */
:root[data-theme="ondas-electricas"] {
  color-scheme: dark;
  --bg: #050711;
  --sidebar: #070b17;
  --card: #0b1020;
  --card2: #111a2d;
  --line: #1e2a40;
  --text: #e7eefc;
  --muted: #a8b8d5;
  --dim: #8192b4;
  --accent: #1b92ff;
  --accent-dark: #0e2545;
  --data-accent: #1b92ff;
  --green: #339dff;
  --red: #f87171;
  --yellow: #e9c275;
  --radius: 8px;
  --topbar-bg: #070b17;
  --field-bg: #10192c;
  --field-border: #2a3d59;
  --field-placeholder: #8192b4;
  --focus-ring: #1b92ff55;
  --primary-bg: #1570e0;
  --primary-text: #ffffff;
  --primary-hover: #258dff;
  --brand-text: #ffffff;
  --nav-text: #a8b8d5;
  --nav-hover: #102347;
  --sidebar-foot: #a8b8d5;
  --breadcrumb-divider: #60769a;
  --breadcrumb-text: #e7eefc;
  --secondary-bg: #10192c;
  --secondary-border: #2a3d59;
  --secondary-text: #e7eefc;
  --metric-line: #1e2a40;
  --metric-symbol: #8192b4;
  --chart-grid: #1e2a40;
  --chart-label: #a8b8d5;
  --chart-zero: #647998;
  --chart-track: #1e2a40;
  --chart-end: #1b92ff;
  --neutral-dot: #8192b4;
  --table-head: #10192c;
  --table-line: #1e2a40;
  --number-border: #2a3d59;
  --pill-bg: #14203a;
  --pill-text: #b8c9e7;
  --pill-no-bg: #39202c;
  --pill-no-text: #ff9797;
  --pill-partial-bg: #393023;
  --pill-partial-text: #e9c275;
  --pill-yes-bg: #10294d;
  --pill-yes-text: #67b8ff;
  --bar-track: #1e2a40;
  --callout-border: #34507b;
  --callout-bg: #10203c;
  --callout-text: #c5dafa;
  --calendar-button: #10192c;
  --day-bg: #0b1020;
  --day-border: #245da1;
  --overlay-bg: #020610d9;
  --drawer-bg: #0b1020;
  --drawer-border: #2a3d59;
  --close-bg: #111a2d;
  --detail-bg: #111a2d;
  --field-text: #e7eefc;
  --attachment-bg: #111a2d;
  --toast-bg: #102347;
  --toast-text: #e7eefc;
  --toast-border: #1b92ff;
  --review-bg: #111a2d;
  --process-bg: #111a2d;
  --process-hover: #162a49;
  font-family:var(--font-ui);
  font-variant-numeric: tabular-nums;
}

:root[data-theme="ondas-electricas"] :is(input, select, textarea) {
  color: var(--text);
  accent-color: var(--accent);
}
:root[data-theme="ondas-electricas"] select option {
  background: var(--field-bg);
  color: var(--text);
}
:root[data-theme="ondas-electricas"] :is(button, a, input, select, textarea, summary):focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
:root[data-theme="ondas-electricas"] ::selection {
  background: #174d8b;
  color: #fff;
}

/* Superficies compactas y bordes nítidos de un panel de mercado. */
:root[data-theme="ondas-electricas"] :is(.card, .detailbox, .secondary, .primary, input, select, textarea, .attachment, .reviewitem) {
  border-radius: 7px;
}
:root[data-theme="ondas-electricas"] :is(.panel, .filters, .metric, .insight) {
  box-shadow: none;
}
:root[data-theme="ondas-electricas"] .brandmark {
  background: var(--primary-bg);
  border-radius: 7px;
}
:root[data-theme="ondas-electricas"] .sidebar nav button {
  border-left: 2px solid transparent;
  border-radius: 6px;
}
:root[data-theme="ondas-electricas"] .sidebar nav button.active {
  border-left-color: var(--accent);
  background: #102347;
}
:root[data-theme="ondas-electricas"] .metric:before {
  height: 1px;
}
:root[data-theme="ondas-electricas"] .metric.featured:before {
  background: var(--accent);
}
:root[data-theme="ondas-electricas"] .chart .line {
  stroke: var(--data-accent);
}
:root[data-theme="ondas-electricas"] .chart stop:first-child {
  stop-color: var(--data-accent);
}
:root[data-theme="ondas-electricas"] .donut circle:nth-of-type(2) {
  stroke: var(--data-accent);
}
:root[data-theme="ondas-electricas"] .table th {
  background: var(--table-head);
}
:root[data-theme="ondas-electricas"] .numberpill {
  color: var(--accent);
}
:root[data-theme="ondas-electricas"] :is(.drawer-expand, .process-cell) {
  background: var(--card2);
}
:root[data-theme="ondas-electricas"] .process-cell:hover {
  background: var(--process-hover);
}
:root[data-theme="ondas-electricas"] :is(.visual-entry img, .visual-draft-row > img, .visual-entry video, .visual-draft-row > video, .pattern-example-card img, .pattern-example-card video) {
  background: var(--card2);
}
:root[data-theme="ondas-electricas"] :is(.visual-form-actions .visual-delete, .drawer-actions .danger) {
  border-color: var(--red);
  color: var(--red);
}
:root[data-theme="ondas-electricas"] :is(.visual-form-actions .visual-delete:hover, .drawer-actions .danger:hover) {
  background: var(--pill-no-bg);
}

/* El calendario comunica el resultado también por texto y borde, no solo por color. */
:root[data-theme="ondas-electricas"] .day.hastrade:has(.daypnl.positive) {
  background: #15233b;
  border-color: #245da1;
}
:root[data-theme="ondas-electricas"] .day.hastrade:has(.daypnl.negative) {
  background: #241d2a;
  border-color: #804653;
}
:root[data-theme="ondas-electricas"] .day.hastrade:hover {
  filter: brightness(1.12);
}