/* Theme Cards — Dark mode overrides for card system
   Light mode uses original CSS unchanged. */

[data-theme="dark"] {
  .card {
    border-radius: var(--card-radius);
    box-shadow: var(--card-shadow);
    background-color: var(--card-bg);
  }

  .card,
  .card .card-footer,
  .card .card-block,
  .card .card-header {
    border-color: var(--card-border);
  }

  .card .card-footer {
    background-color: var(--card-bg);
    border-top-color: var(--border-subtle);
  }

  .card .card-header {
    background-color: var(--card-bg);
    color: var(--text-primary);
  }

  .card .card-block {
    background-color: var(--card-bg);
    color: var(--text-primary);
  }

  .card .card-header .card-header-right i {
    color: var(--text-muted);
  }

  .card .card-header h5 {
    color: var(--text-primary);
  }

  .card .card-header .card-header-right {
    color: var(--text-muted);
  }

  .card .card-header h1,
  .card .card-header h2,
  .card .card-header h3,
  .card .card-header h4,
  .card .card-header h6 {
    color: var(--text-primary);
  }
}

/* Update-time card-blocks (Positions Net / Day / Orders / Margins) are now
   themed via the `.bg-update-time` class on the card-block — see
   portfolio-utilities.css. The inline `style="background-color:#fff0f5"`
   was stripped on 2026-05-14, so the prior `:has()` + !important hack is
   no longer needed. */