/* R42.7 · Dark-mode Cards use the same dark-surface treatment as Black.
   Scope is Cards presentation only. R42.7 geometry, Light, persistence, and API behavior are unchanged. */
:root[data-genesis-appearance="dark"] body.ledger-page #ledgerTable[data-view="cards"] .ledger-record{
  background:linear-gradient(145deg,#2D2D2D 0%,#202020 58%,#111111 100%)!important;
  color:#F5F5F7!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
}

:root[data-genesis-appearance="dark"] body.ledger-page #ledgerTable[data-view="cards"] .ledger-record:hover{
  background:linear-gradient(145deg,#343434 0%,#252525 58%,#151515 100%)!important;
}

:root[data-genesis-appearance="dark"] body.ledger-page #ledgerTable[data-view="cards"] .ledger-record.selected{
  background:linear-gradient(145deg,#343434 0%,#252525 58%,#151515 100%)!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.26),0 12px 30px rgba(0,0,0,.34)!important;
}

:root[data-genesis-appearance="dark"] body.ledger-page #ledgerTable[data-view="cards"] .ledger-record,
:root[data-genesis-appearance="dark"] body.ledger-page #ledgerTable[data-view="cards"] .ledger-record-name strong,
:root[data-genesis-appearance="dark"] body.ledger-page #ledgerTable[data-view="cards"] .ledger-card-quick,
:root[data-genesis-appearance="dark"] body.ledger-page #ledgerTable[data-view="cards"] .ledger-card-descriptor,
:root[data-genesis-appearance="dark"] body.ledger-page #ledgerTable[data-view="cards"] .ledger-cell{
  color:#F5F5F7!important;
}

:root[data-genesis-appearance="dark"] body.ledger-page #ledgerTable[data-view="cards"] .ledger-record-id,
:root[data-genesis-appearance="dark"] body.ledger-page #ledgerTable[data-view="cards"] .ledger-record-name small,
:root[data-genesis-appearance="dark"] body.ledger-page #ledgerTable[data-view="cards"] .ledger-card-id,
:root[data-genesis-appearance="dark"] body.ledger-page #ledgerTable[data-view="cards"] .ledger-card-route,
:root[data-genesis-appearance="dark"] body.ledger-page #ledgerTable[data-view="cards"] .ledger-card-field-label,
:root[data-genesis-appearance="dark"] body.ledger-page #ledgerTable[data-view="cards"] .ledger-cell::before{
  color:#B7B7BC!important;
}

:root[data-genesis-appearance="dark"] body.ledger-page #ledgerTable[data-view="cards"] .ledger-status{
  background:#202020!important;
  color:#F5F5F7!important;
  border-color:rgba(255,255,255,.16)!important;
}