/* Cards (S24): C-02 and C-03, B-02, and B-01's payment rows and money card. */
.bh-cd { gap: var(--space-4); }
.bh-cd-chips { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0; }
.bh-cd-card, .bh-cd-receipt { display: grid; gap: var(--space-3); overflow-wrap: anywhere; }
.bh-cd-card > *, .bh-cd-receipt > * { margin: 0; }
.bh-cd-money, .bh-cd-facts { display: grid; gap: var(--space-2); margin: 0; }
.bh-cd-money > div { display: flex; justify-content: space-between; align-items: baseline; gap: var(--space-3); }
.bh-cd-money dt { display: grid; }
.bh-cd-money dd, .bh-cd-facts dd { margin: 0; }
.bh-cd-total { padding-bottom: var(--space-2); border-bottom: 1px solid var(--line); font-weight: var(--weight-bold); }
.bh-cd-facts > div { display: grid; gap: var(--space-1); padding-top: var(--space-2); border-top: 1px solid var(--line); }
.bh-cd-facts dt { color: var(--ink-3); font-size: var(--text-small); line-height: var(--leading-small); }
.bh-cd-amount { font-size: var(--text-amount); line-height: var(--leading-amount); font-weight: var(--weight-bold); font-variant-numeric: tabular-nums; }
.bh-cd-back { display: inline-flex; align-items: center; gap: var(--space-1); justify-self: start; }
@media print {
  .bh-cd-back, .bh-cd > .bh-btn { display: none; }
}