/* Mijn Wallet (ondernemersportaal) — mijn-wallet.html, hash #mijn-wallet in het portaal. */

/* Standaard .mijn-ikash-inner is 920px; wallet-tabellen krijgen portaalbreedte (1320px). Dubbele class > hogere specificiteit dan alleen .mijn-ikash-inner. */
.mijn-ikash-inner.mijn-ikash-inner--wallet {
  max-width: min(100%, 1320px);
}

.wallet-page-banner {
  margin: 0 0 18px;
  padding: 12px 16px;
  border-radius: 12px;
  border: 1px dashed rgba(99, 102, 241, 0.45);
  background: rgba(99, 102, 241, 0.06);
  font-size: 13px;
  font-weight: 600;
  color: #4338ca;
  text-align: center;
}

.wallet-page-balance {
  margin-bottom: 22px;
  padding: 24px 22px;
  border-radius: 18px;
  background: linear-gradient(145deg, #f5f3ff 0%, #ede9fe 40%, #e0e7ff 100%);
  border: 1px solid rgba(99, 102, 241, 0.2);
  box-shadow: 0 14px 36px rgba(79, 70, 229, 0.12);
  text-align: center;
}

.wallet-page-balance-label {
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 600;
  color: #5b21b6;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-align: center;
}

.wallet-page-balance-amount {
  margin: 0;
  font-size: clamp(1.85rem, 5vw, 2.35rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #23223b;
  font-variant-numeric: tabular-nums;
  text-align: center;
}

.wallet-page-next-payout {
  margin: 14px 0 0;
  padding: 12px 16px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.65);
  border: 1px solid rgba(99, 102, 241, 0.22);
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: center;
  align-items: center;
}

.wallet-page-next-payout-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #5b21b6;
  text-align: center;
  width: 100%;
}

.wallet-page-next-payout-date {
  font-size: clamp(1.15rem, 3.5vw, 1.35rem);
  font-weight: 800;
  color: #23223b;
  letter-spacing: -0.02em;
  text-align: center;
  width: 100%;
  font-variant-numeric: tabular-nums;
}

.wallet-page-next-payout-meta {
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
  text-align: center;
  width: 100%;
}

.wallet-page-auto-payout {
  margin: 14px 0 0;
  padding: 14px 16px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(99, 102, 241, 0.2);
  text-align: left;
}

.wallet-page-auto-payout-title {
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #5b21b6;
}

.wallet-page-auto-payout-body {
  font-size: 13px;
  line-height: 1.55;
  font-weight: 600;
  color: #334155;
}

.wallet-page-auto-payout-body p {
  margin: 0 0 10px;
}

.wallet-page-auto-payout-body p:last-child {
  margin-bottom: 0;
}

.wallet-page-auto-payout-body--scheduled-batch {
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid rgba(34, 197, 94, 0.35);
  background: linear-gradient(165deg, rgba(240, 253, 244, 0.95) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.wallet-page-auto-payout-body--scheduled-batch > p:first-child {
  margin-top: 0;
}

.wallet-page-auto-payout-body--pending-request {
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid rgba(245, 158, 11, 0.4);
  background: linear-gradient(165deg, rgba(255, 251, 235, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.wallet-page-auto-payout-body--pending-request > p:first-child {
  margin-top: 0;
}

.wallet-page-auto-payout-meta,
.wallet-page-auto-payout-note {
  font-size: 12px;
  color: #64748b;
}

.wallet-page-auto-payout-note {
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(251, 191, 36, 0.12);
  border: 1px solid rgba(245, 158, 11, 0.22);
  color: #92400e;
}

.wallet-page-auto-payout-breakdown-intro {
  margin: 0 0 8px;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 600;
  color: #334155;
}

.wallet-page-auto-payout-amounts {
  margin: 0 0 10px;
  padding: 12px 14px;
  border-radius: 10px;
  background: rgba(248, 250, 252, 0.95);
  border: 1px solid rgba(226, 232, 240, 0.95);
}

.wallet-page-auto-payout-amt-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 16px;
  align-items: baseline;
  padding: 6px 0;
  border-bottom: 1px solid rgba(226, 232, 240, 0.85);
  font-size: 13px;
}

.wallet-page-auto-payout-amt-row:last-child {
  border-bottom: none;
}

.wallet-page-auto-payout-amt-row dt {
  margin: 0;
  font-weight: 600;
  color: #475569;
}

.wallet-page-auto-payout-amt-row dd {
  margin: 0;
  justify-self: end;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  color: #0f172a;
}

.wallet-page-auto-payout-amt-row--total {
  padding-top: 10px;
  margin-top: 4px;
  border-top: 2px solid rgba(99, 102, 241, 0.35);
  border-bottom: none;
}

.wallet-page-auto-payout-amt-row--total dt,
.wallet-page-auto-payout-amt-row--total dd {
  font-size: 14px;
  color: #3730a3;
}

.wallet-page-card-next {
  margin-top: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 4px 14px;
  align-items: baseline;
}

.wallet-page-card-next > strong {
  grid-column: 1;
}

.wallet-page-card-next-date {
  grid-column: 2;
  justify-self: end;
  text-align: right;
  font-weight: 800;
  color: #23223b;
  font-variant-numeric: tabular-nums;
}

.wallet-page-card-next-desc {
  grid-column: 1 / -1;
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: #475569;
}

.wallet-page-balance-hint {
  margin: 14px 0 0;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  font-size: 13px;
  color: #64748b;
  line-height: 1.5;
  text-align: left;
}

.wallet-page-grid {
  display: grid;
  gap: 16px;
  margin-bottom: 22px;
}

@media (min-width: 720px) {
  .wallet-page-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.wallet-page-card {
  margin: 0;
  padding: 18px 18px 20px;
  border-radius: 14px;
  border: 1px solid rgba(35, 34, 59, 0.1);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.05);
}

.wallet-page-card h3 {
  margin: 0 0 12px;
  font-size: 1rem;
  font-weight: 700;
  color: #23223b;
}

.wallet-page-card p {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.55;
  color: #475569;
}

.wallet-page-card p:last-child {
  margin-bottom: 0;
}

.wallet-page-breakdown {
  list-style: none;
  margin: 0;
  padding: 0;
}

.wallet-page-breakdown li {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(35, 34, 59, 0.08);
  font-size: 14px;
  color: #334155;
}

.wallet-page-breakdown li.wallet-page-breakdown-sub {
  font-size: 13px;
  color: #64748b;
  background: rgba(248, 250, 252, 0.9);
  margin: 0 -4px;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 8px;
  border-bottom-color: transparent;
}

.wallet-page-breakdown li.wallet-page-breakdown-total {
  border-bottom: none;
  padding-top: 12px;
  margin-top: 4px;
  border-top: 2px solid rgba(99, 102, 241, 0.25);
  font-weight: 700;
  color: #23223b;
}

.wallet-page-reconcile-note {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.45;
  color: #b45309;
}

.wallet-page-reconcile-note[hidden] {
  display: none;
}

.wallet-page-breakdown span:last-child {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  color: #1e293b;
  text-align: right;
  flex: 0 0 auto;
  min-width: 7.5rem;
}

.wallet-page-breakdown .wallet-page-neg {
  color: #b45309;
}

.wallet-page-admin-note {
  margin-top: 8px;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(251, 191, 36, 0.12);
  border: 1px solid rgba(245, 158, 11, 0.25);
  font-size: 12px;
  line-height: 1.45;
  color: #92400e;
}

.wallet-page-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 22px;
}

.wallet-page-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 22px;
  border-radius: 11px;
  font-size: 14px;
  font-weight: 700;
  border: none;
  cursor: default;
  text-decoration: none;
  transition: filter 0.15s ease;
}

.wallet-page-btn--primary {
  color: #fff;
  font-weight: var(--ik-primary-btn-font-weight, 600);
  background: linear-gradient(180deg, #93a0ff 0%, #6366f1 42%, #4f46e5 78%, #3730a3 100%);
  box-shadow: 0 4px 14px rgba(79, 70, 229, 0.35);
}

.wallet-page-btn--ghost {
  color: #4338ca;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(99, 102, 241, 0.35);
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

/* Deal-tabellen: zelfde basis als Rapportages (dashboard-table-wrap + table.dashboard-data) */

.wallet-page-pill {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  background: rgba(34, 197, 94, 0.15);
  color: #166534;
}

.wallet-page-pill--fee {
  background: rgba(245, 158, 11, 0.15);
  color: #b45309;
}

.wallet-page-section {
  margin-top: 8px;
}

.wallet-page-section-lead {
  margin: -6px 0 14px;
  font-size: 14px;
  line-height: 1.5;
  color: #64748b;
}

/* Ondertitel onder kolomkop (Adminpanel / toelichting): klein, niet vet */
.wallet-page-table--deal th .wallet-page-th-sub {
  display: block;
  margin-top: 5px;
  font-size: 11px;
  font-weight: 400;
  color: #64748b;
  line-height: 1.35;
  letter-spacing: 0;
  text-transform: none;
  white-space: normal;
}

table.dashboard-data.wallet-page-table--deal th.wallet-page-th-num,
table.dashboard-data.wallet-page-table--deal td.wallet-page-td-num {
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

/* Kolom Specificatie: geen geldbedrag — knop gecentreerd */
.wallet-page-table--deal td.wallet-page-td-spec,
.wallet-page-table--deal th.wallet-page-th-spec {
  text-align: center;
}

/* Einddatum deal — gecentreerd (open accruals-tabel) */
.wallet-page-table--deal th.wallet-page-th-end,
.wallet-page-table--deal td.wallet-page-td-end {
  text-align: center;
}

/* Verkopen (aantallen) — gecentreerd (zelfde cellen hebben ook .wallet-page-th-num / .wallet-page-td-num → die zetten anders rechts) */
table.dashboard-data.wallet-page-table--deal th.wallet-page-th-num.wallet-page-th-units,
table.dashboard-data.wallet-page-table--deal td.wallet-page-td-num.wallet-page-td-units {
  text-align: center;
}

.wallet-page-neg-cell {
  color: #b45309;
}

.wallet-page-table-wrap--deal {
  min-width: 920px;
}

/*
 * Rapportages markeert in .dashboard-data vaste kolommen 5–6 (prep-verkoop).
 * Wallet-dealtabellen hebben andere kolommen: accenten uitschakelen.
 */
table.dashboard-data.wallet-page-table--deal thead th:nth-child(5),
table.dashboard-data.wallet-page-table--deal thead th:nth-child(6) {
  background: linear-gradient(180deg, #eef1f8 0%, #dfe4f0 100%);
  color: #475569;
}

table.dashboard-data.wallet-page-table--deal tbody td:nth-child(5),
table.dashboard-data.wallet-page-table--deal tbody td:nth-child(6) {
  background: transparent;
  box-shadow: none;
}

table.dashboard-data.wallet-page-table--deal tbody tr:nth-child(even) td:nth-child(5),
table.dashboard-data.wallet-page-table--deal tbody tr:nth-child(even) td:nth-child(6) {
  background: #fafbfd;
}

table.dashboard-data.wallet-page-table--deal tbody tr:hover td:nth-child(5),
table.dashboard-data.wallet-page-table--deal tbody tr:hover td:nth-child(6) {
  background: rgba(35, 34, 59, 0.045);
}

table.dashboard-data.wallet-page-table--deal tfoot td:nth-child(5),
table.dashboard-data.wallet-page-table--deal tfoot td:nth-child(6) {
  background: linear-gradient(180deg, #e8ecf4 0%, #dfe5f0 100%);
  color: var(--dash-navy);
  box-shadow: inset 0 2px 0 rgba(188, 105, 0, 0.35);
}

/* Verticale ruimte tussen disclosure-panels: dashboard-page.css (.dashboard-panel + .dashboard-panel) */
.wallet-page-payout-block {
  margin-top: 0;
}

.wallet-page-actions + .dashboard-panel {
  margin-top: 28px;
}

.wallet-page-disclosure-panel-body {
  margin: 0;
  padding: 14px 20px 18px;
  border-top: 1px solid var(--dash-line, rgba(35, 34, 59, 0.12));
  background: var(--dash-panel-body-bg, #f8fafc);
}

.wallet-page-dashboard-disclosure .payout-table-scroll .dashboard-table-wrap {
  border-top: none;
}

.wallet-page-payout-block .dashboard-table-wrap {
  min-width: 900px;
}

/* Uitbetalingen: zelfde dashboard-tabel als Rapportages; payout-kolomregels behouden */
#mijn-wallet-page table.payout.dashboard-data thead th {
  text-align: left;
}

#mijn-wallet-page table.payout.dashboard-data thead th.th-num {
  text-align: right;
}

#mijn-wallet-page table.payout.dashboard-data thead th.th-status,
#mijn-wallet-page table.payout.dashboard-data thead th.th-pdf {
  text-align: center;
}

#mijn-wallet-page table.payout.dashboard-data tbody td.td-ref {
  text-align: left;
}

#mijn-wallet-page table.payout.dashboard-data thead th:nth-child(5),
#mijn-wallet-page table.payout.dashboard-data thead th:nth-child(6),
#mijn-wallet-page table.payout.dashboard-data tbody td:nth-child(5),
#mijn-wallet-page table.payout.dashboard-data tbody td:nth-child(6) {
  background: transparent;
  box-shadow: none;
  color: inherit;
}

#mijn-wallet-page table.payout.dashboard-data thead th:nth-child(5) {
  background: linear-gradient(180deg, #eef1f8 0%, #dfe4f0 100%);
  color: #475569;
}

#mijn-wallet-page table.payout.dashboard-data tbody tr:nth-child(even) td:nth-child(5),
#mijn-wallet-page table.payout.dashboard-data tbody tr:nth-child(even) td:nth-child(6) {
  background: #fafbfd;
}

#mijn-wallet-page table.payout.dashboard-data tbody tr:nth-child(odd) td:nth-child(5),
#mijn-wallet-page table.payout.dashboard-data tbody tr:nth-child(odd) td:nth-child(6) {
  background: var(--payout-white, #fff);
}

#mijn-wallet-page table.payout.dashboard-data tbody tr:hover td:nth-child(5),
#mijn-wallet-page table.payout.dashboard-data tbody tr:hover td:nth-child(6) {
  background: rgba(35, 34, 59, 0.045);
}

#mijn-wallet-page table.payout.dashboard-data tfoot td:nth-child(5),
#mijn-wallet-page table.payout.dashboard-data tfoot td:nth-child(6) {
  background: linear-gradient(180deg, #e8ecf4 0%, #dfe5f0 100%);
  color: var(--dash-navy);
  box-shadow: inset 0 2px 0 rgba(188, 105, 0, 0.35);
}

/* Zelfde scheiding als dashboard: help onder tabel */
.wallet-page-payout-block .payout-table-scroll + .dashboard-panel-help {
  border-top: 1px solid var(--dash-line, rgba(35, 34, 59, 0.12));
}

.wallet-page-payout-block .payout-btn-deals:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
}

/* Uitsplitsing wallet-batch (dialog) */
.wallet-payout-split-body .wallet-payout-split-state {
  margin: 0 0 12px;
  font-size: 14px;
  color: #64748b;
}

.wallet-payout-split-body .wallet-payout-split-state--error {
  color: #b91c1c;
  font-weight: 600;
}

#wallet-payout-split-table-host .dashboard-table-wrap {
  max-height: min(55vh, 420px);
  overflow: auto;
}

.wallet-page-btn--clickable {
  cursor: pointer;
}

.wallet-page-btn--clickable:disabled {
  cursor: not-allowed;
  opacity: 0.55;
  filter: grayscale(0.35);
  box-shadow: none;
}

/* Vervroegde uitbetaling: bij disabled (o.a. pending verzoek) expliciet lichtgrijs — zonder .wallet-page-btn--clickable treffen vorige regels niet. */
button.wallet-page-btn.wallet-page-btn--primary[data-wallet-early-open]:disabled {
  cursor: not-allowed;
  color: #64748b;
  background: #e2e8f0;
  background-image: none;
  border: 1px solid #cbd5e1;
  box-shadow: none;
  filter: none;
  opacity: 1;
}

.wallet-pdf-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  color: #b45309;
  background: rgba(188, 105, 0, 0.1);
  border: 1px solid rgba(188, 105, 0, 0.35);
  transition: background 0.15s ease, color 0.15s ease;
}

.wallet-pdf-link:hover {
  background: rgba(188, 105, 0, 0.18);
  color: #92400e;
}

.wallet-pdf-link:focus-visible {
  outline: 2px solid #bc6900;
  outline-offset: 2px;
}

.wallet-pdf-icon {
  display: block;
}

.wallet-pdf-placeholder {
  font-size: 13px;
  font-weight: 700;
  color: #94a3b8;
}

.wallet-pdf-archive-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.wallet-pdf-archive-list > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid rgba(35, 34, 59, 0.1);
  background: rgba(248, 250, 252, 0.9);
}

.wallet-pdf-archive-item--pending {
  opacity: 0.92;
  border-style: dashed;
}

.wallet-pdf-archive-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.wallet-pdf-archive-ref {
  font-size: 14px;
  font-weight: 800;
  color: #23223b;
  letter-spacing: 0.02em;
}

.wallet-pdf-archive-sub {
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
}

/* Zelfde PDF-knop als kolom “PDF” in uitbetalingentabel */
.wallet-pdf-archive-pdf {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
}

.wallet-page-closed-deals-label {
  margin-top: 1.25rem;
}

/* Bijgeschreven per deal: label "Deal" + zoekveld in dezelfde th (eerste column) */
#mijn-wallet-page .wallet-deals-th-dealhead {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 7px;
  min-width: 0;
  margin: 0;
}

#mijn-wallet-page .wallet-deals-th-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #475569;
}

/* Twee regels: "Verkoop" / "Prijs", e.d.; tweede lijn deelt één ondertitel-rij in alle deal-kolommen. */
#mijn-wallet-page .wallet-deals-th-stack__line1 {
  display: block;
  line-height: 1.2;
}

#mijn-wallet-page .wallet-deals-th-stack__line2,
#mijn-wallet-page .wallet-deals-th-sublane:not(.wallet-deals-th-sublane--spacer) {
  display: block;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: none;
  color: #64748b;
  width: 100%;
  box-sizing: border-box;
}

#mijn-wallet-page .wallet-deals-th-sublane:not(.wallet-deals-th-sublane--spacer) {
  text-align: right;
}

#mijn-wallet-page .wallet-deals-th-sublane--spacer {
  display: block;
  min-height: 12px;
  line-height: 1.2;
  font-size: 10px;
}

#mijn-wallet-page .wallet-deals-th-plainhead {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 2px;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
}

#mijn-wallet-page .wallet-deals-th-plainhead--stackend {
  align-items: flex-end;
}

#mijn-wallet-page .wallet-deals-th-plainhead--center {
  align-items: center;
  text-align: center;
}

#mijn-wallet-page .wallet-deals-th-plainhead--center .wallet-deals-th-plainhead__r1 {
  text-align: center;
  width: 100%;
}

#mijn-wallet-page .wallet-deals-th-plainhead--center .wallet-deals-th-sublane--spacer {
  width: 100%;
}

#mijn-wallet-page .wallet-deals-th-plainhead__r1 {
  display: block;
  line-height: 1.2;
}

#mijn-wallet-page .wallet-deals-th-plainhead .wallet-page-th-sub {
  margin-top: 0;
  text-align: right;
  display: block;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.02em;
  color: #64748b;
  text-transform: none;
}

/* Eerste regel ("Verkoop" / o.a. Retouren) op dezelfde verticale positie als o.a. "VERKOPEN" in sort-kolommen */
#mijn-wallet-page th.wallet-deals-th-stackhead {
  text-align: right;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #475569;
  padding: 11.5px 6px 10.5px 4px;
}

/* «Bijgeschreven per deal»: Verkopen + Retouren (kolom 3 en 4) gecentreerd. */
#mijn-wallet-page [data-wallet-deals] table.wallet-page-table--deal th.wallet-deals-th-stackhead {
  text-align: center;
}

#mijn-wallet-page [data-wallet-deals] th.wallet-deals-th-stackhead .wallet-deals-th-plainhead--stackend {
  align-items: center;
  text-align: center;
  width: 100%;
}

#mijn-wallet-page [data-wallet-deals] table.wallet-page-table--deal th.wallet-page-th-units,
#mijn-wallet-page [data-wallet-deals] table.wallet-page-table--deal td.wallet-page-td-units,
#mijn-wallet-page [data-wallet-deals] table.wallet-page-table--deal tbody td:nth-child(3),
#mijn-wallet-page [data-wallet-deals] table.wallet-page-table--deal tbody td:nth-child(4) {
  text-align: center;
}

#mijn-wallet-page [data-wallet-deals] table.wallet-page-table--deal th.col-deal,
#mijn-wallet-page [data-wallet-deals] table.wallet-page-table--deal td.col-deal {
  min-width: 12.5rem;
}

#mijn-wallet-page [data-wallet-deals="open"] table.wallet-page-table--deal thead th:nth-child(4),
#mijn-wallet-page [data-wallet-deals="open"] table.wallet-page-table--deal thead th:nth-child(5),
#mijn-wallet-page [data-wallet-deals="open"] table.wallet-page-table--deal tbody td:nth-child(4),
#mijn-wallet-page [data-wallet-deals="open"] table.wallet-page-table--deal tbody td:nth-child(5) {
  max-width: 6.25rem;
  width: 1%;
  box-sizing: border-box;
}

#mijn-wallet-page [data-wallet-deals="open"] table.wallet-page-table--deal tfoot td:nth-child(2) {
  max-width: 6.25rem;
  width: 1%;
  box-sizing: border-box;
}

#mijn-wallet-page [data-wallet-deals="closed"] table.wallet-page-table--deal thead th:nth-child(4),
#mijn-wallet-page [data-wallet-deals="closed"] table.wallet-page-table--deal thead th:nth-child(5),
#mijn-wallet-page [data-wallet-deals="closed"] table.wallet-page-table--deal tbody td:nth-child(4),
#mijn-wallet-page [data-wallet-deals="closed"] table.wallet-page-table--deal tbody td:nth-child(5) {
  max-width: 6.25rem;
  width: 1%;
  box-sizing: border-box;
}

#mijn-wallet-page .wallet-deals-th-filter {
  width: 100%;
  box-sizing: border-box;
  padding: 5px 8px;
  border: 1px solid rgba(35, 34, 59, 0.18);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  color: #1e293b;
  background: rgba(255, 255, 255, 0.92);
}

#mijn-wallet-page .wallet-deals-th-filter:focus {
  outline: 2px solid rgba(99, 102, 241, 0.35);
  outline-offset: 1px;
}

#mijn-wallet-page .wallet-deals-sort-btn {
  appearance: none;
  margin: 0;
  border: 0;
  background: transparent;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 2px;
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #334155;
  border-radius: 8px;
  /* Geen extra top-padding: anders staan sorterende koppen lager dan platte/ondertitel-kolommen */
  padding: 0 6px 2px;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}

#mijn-wallet-page .wallet-deals-sort-btn__r1 {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  width: 100%;
  line-height: 1.2;
  min-height: 1.2em;
  box-sizing: border-box;
}

#mijn-wallet-page th.wallet-deals-th-end .wallet-deals-sort-btn,
#mijn-wallet-page th.wallet-page-th-units .wallet-deals-sort-btn {
  align-items: center;
}

#mijn-wallet-page th.wallet-deals-th-end .wallet-deals-sort-btn__r1,
#mijn-wallet-page th.wallet-page-th-units .wallet-deals-sort-btn__r1 {
  justify-content: center;
}

#mijn-wallet-page .wallet-deals-sort-btn:hover {
  background: rgba(255, 255, 255, 0.55);
  color: #1e293b;
}

#mijn-wallet-page .wallet-deals-sort-btn:focus-visible {
  outline: 2px solid rgba(99, 102, 241, 0.45);
  outline-offset: 2px;
}

/* Zelfde principe als lopende-deals: kopregels bovenuit op één lijn (niet bottom-align met verschillende aantal regels) */
#mijn-wallet-page table.dashboard-data.wallet-page-table--deal thead tr:first-child th {
  vertical-align: top;
}

#mijn-wallet-page table.dashboard-data.wallet-page-table--deal thead tr:first-child th.col-deal {
  text-align: left;
  padding: 8px 10px 10px 12px;
  background: linear-gradient(180deg, rgba(35, 34, 59, 0.1) 0%, rgba(35, 34, 59, 0.04) 100%);
  vertical-align: top;
}

#mijn-wallet-page table.dashboard-data.wallet-page-table--deal thead tr:first-child th {
  border-bottom: 1px solid rgba(35, 34, 59, 0.14);
  box-shadow: none;
}

/* Uitklap: alleen dealnaam + chevron in hoofdregel; voucher staat in uitgeklap gebied. */
.wallet-deal-title-cell {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.wallet-deal-title-cell strong {
  min-width: 0;
}

.wallet-deal-expand {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  transition: color 0.15s ease;
}

.wallet-deal-expand:hover {
  background: transparent;
  color: #4338ca;
}

.wallet-deal-expand:focus-visible {
  outline: 2px solid rgba(99, 102, 241, 0.45);
  outline-offset: 2px;
}

.wallet-deal-expand-icon {
  display: block;
  width: 0;
  height: 0;
  margin-left: 2px;
  border-style: solid;
  border-width: 5px 0 5px 7px;
  border-color: transparent transparent transparent currentColor;
  transition: transform 0.15s ease;
}

.wallet-deal-expand--open .wallet-deal-expand-icon {
  transform: rotate(90deg);
}

tr.wallet-deal-detail-row[hidden] {
  display: none;
}

tr.wallet-deal-detail-row:not([hidden]) {
  display: table-row;
}

/* Uitgeklap: subrijen =zelfde tabel. Binnen één dealblok: geen horizontale tussendelen; één omlijsting (kader). */
#mijn-wallet-page table.wallet-page-table--deal tbody {
  --wallet-deal-blk-b: rgba(35, 34, 59, 0.12);
  --wallet-deal-blk-b-mid: rgba(35, 34, 59, 0.06);
  --wallet-deal-blk-b-strong: rgba(35, 34, 59, 0.16);
  --wallet-deal-blk-bg: rgba(248, 250, 255, 0.96);
  --wallet-deal-blk-r: 8px;
  /* Sub: linkerkant kader visueel ingeerd: strook, blauw, text — zelfde linkerrand tot dealtitel. */
  --wallet-deal-ac-bar: #5b5bd6; /* iets zachter dan reine indigo-500; leest rustig in het blok */
  --wallet-deal-subl-kader-inset: 26px; /* strook + blauwe lijn: 10px extra t.o.v. tabel; was 16px. */
  /* Zelfde als col-deal in table.dashboard-data: odd/even via tr[data-wallet-zebra] (uit JS, zelfde als hoofdrij-positie). */
  --wallet-deal-subl-beneath: rgba(35, 34, 59, 0.035);
  /* Begin tekst: pijl (16) + knop (22) + gap (8) */
  --wallet-deal-subl-content-l: calc(16px + 22px + 8px);
}

#mijn-wallet-page tr.wallet-deal-subtr > td {
  background: var(--wallet-deal-blk-bg);
  border-bottom: none;
  font-size: 13px;
  vertical-align: top;
  color: #475569;
}

/* Lichte scheidingslijn: nieuwe aankoop met **ander** vouchernummer (alleen wds-ledger-blk in JS). */
#mijn-wallet-page tr.wallet-deal-subtr.wds-ledger-blk > td {
  box-shadow: inset 0 1px 0 rgba(35, 34, 59, 0.12);
}

/* Lijn direct onder deal-hoofdrijen: weg wanneer het detail (eerste subrij) zichtbaar/uitgeklapt is. */
#mijn-wallet-page table.wallet-page-table--deal tbody tr.wallet-deal-main-row:has(
    + tr.wallet-deal-subtr:not([hidden])
  )
  > td {
  border-bottom: none;
}

/* Boven- en buitenrand: eerste subrij in een uitgeklap blok. */
#mijn-wallet-page table.wallet-page-table--deal tbody
  tr.wallet-deal-main-row
  + tr.wallet-deal-subtr:not([hidden])
  > td {
  border-top: 1px solid var(--wallet-deal-blk-b-strong);
  background: var(--wallet-deal-blk-bg);
  box-shadow: 0 1px 0 rgba(99, 102, 241, 0.1);
}
#mijn-wallet-page
  table.wallet-page-table--deal
  tbody
  tr.wallet-deal-main-row
  + tr.wallet-deal-subtr:not([hidden])
  > td:first-child {
  border-left: 1px solid var(--wallet-deal-blk-b);
  border-top-left-radius: var(--wallet-deal-blk-r);
}
#mijn-wallet-page
  table.wallet-page-table--deal
  tbody
  tr.wallet-deal-main-row
  + tr.wallet-deal-subtr:not([hidden])
  > td:last-child {
  border-right: 1px solid var(--wallet-deal-blk-b);
  border-top-right-radius: var(--wallet-deal-blk-r);
}

/* Tussenliggende & vervolg-subrijen: zijkant van het kader, geen horizontale tussentrek. */
#mijn-wallet-page
  table.wallet-page-table--deal
  tbody
  tr.wallet-deal-subtr:not([hidden])
  + tr.wallet-deal-subtr:not([hidden])
  > td {
  background: var(--wallet-deal-blk-bg);
}
#mijn-wallet-page
  table.wallet-page-table--deal
  tbody
  tr.wallet-deal-subtr:not([hidden])
  + tr.wallet-deal-subtr:not([hidden])
  > td:first-child {
  border-left: 1px solid var(--wallet-deal-blk-b);
}
#mijn-wallet-page
  table.wallet-page-table--deal
  tbody
  tr.wallet-deal-subtr:not([hidden])
  + tr.wallet-deal-subtr:not([hidden])
  > td:last-child {
  border-right: 1px solid var(--wallet-deal-blk-b);
}

/* Onder- en buitenrand: laatste subrij vóór de volgende deal, of subrij als laatste in de tbody. */
#mijn-wallet-page
  table.wallet-page-table--deal
  tbody
  tr.wallet-deal-subtr:has(+ tr.wallet-deal-main-row)
  > td {
  border-bottom: 1px solid var(--wallet-deal-blk-b-strong);
  padding-bottom: 9.5px;
}
#mijn-wallet-page
  table.wallet-page-table--deal
  tbody
  tr.wallet-deal-subtr:has(+ tr.wallet-deal-main-row)
  > td:first-child {
  border-left: 1px solid var(--wallet-deal-blk-b);
  border-bottom-left-radius: var(--wallet-deal-blk-r);
}
#mijn-wallet-page
  table.wallet-page-table--deal
  tbody
  tr.wallet-deal-subtr:has(+ tr.wallet-deal-main-row)
  > td:last-child {
  border-right: 1px solid var(--wallet-deal-blk-b);
  border-bottom-right-radius: var(--wallet-deal-blk-r);
}
#mijn-wallet-page
  table.wallet-page-table--deal
  tbody
  > tr:last-child.wallet-deal-subtr:not([hidden])
  > td {
  border-bottom: 1px solid var(--wallet-deal-blk-b-strong);
  padding-bottom: 9.5px;
}
#mijn-wallet-page
  table.wallet-page-table--deal
  tbody
  > tr:last-child.wallet-deal-subtr:not([hidden])
  > td:first-child {
  border-left: 1px solid var(--wallet-deal-blk-b);
  border-bottom-left-radius: var(--wallet-deal-blk-r);
}
#mijn-wallet-page
  table.wallet-page-table--deal
  tbody
  > tr:last-child.wallet-deal-subtr:not([hidden])
  > td:last-child {
  border-right: 1px solid var(--wallet-deal-blk-b);
  border-bottom-right-radius: var(--wallet-deal-blk-r);
}

/* 1e kolom sub: kader+streep (links) in lijn m/b hoofd, niet plakken aan tabel. Geen fys. border: ::before+::after. */
#mijn-wallet-page table.wallet-page-table--deal tbody
  tr.wallet-deal-subtr:not([hidden])
  > td:first-child {
  position: relative;
  z-index: 0;
  box-sizing: border-box;
  border-left: 0 !important;
  padding-left: var(--wallet-deal-subl-content-l) !important;
  isolation: isolate; /* boven tabel-cel-achtergrond */
}
#mijn-wallet-page table.wallet-page-table--deal tbody
  tr.wallet-deal-subtr:not([hidden])
  > td:first-child::before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  /* Iets hoger + rand overlap: horizontale celrand valt over strook, geen "trede". */
  top: -1px;
  width: var(--wallet-deal-subl-kader-inset, 26px);
  height: calc(100% + 2px);
  background: var(--wallet-deal-subl-beneath, rgba(35, 34, 59, 0.035));
  /* Subtiele scheiding naar uitklap-blok (lichter kader). */
  box-shadow: 1px 0 0 rgba(35, 34, 59, 0.06);
  pointer-events: none;
}
#mijn-wallet-page table.wallet-page-table--deal tbody
  tr[data-wallet-zebra="odd"].wallet-deal-subtr:not([hidden])
  > td:first-child::before {
  background: rgba(35, 34, 59, 0.035);
}
#mijn-wallet-page table.wallet-page-table--deal tbody
  tr[data-wallet-zebra="even"].wallet-deal-subtr:not([hidden])
  > td:first-child::before {
  /* Gelijk tabel.dashboard-data: even rijen td.col-deal. */
  background: rgba(35, 34, 59, 0.055);
}
#mijn-wallet-page table.wallet-page-table--deal tbody
  tr.wallet-deal-subtr:not([hidden])
  > td:first-child::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: var(--wallet-deal-subl-kader-inset, 26px);
  top: -1px;
  width: 3px;
  height: calc(100% + 2px);
  background: var(--wallet-deal-ac-bar);
  pointer-events: none;
}
#mijn-wallet-page table.wallet-page-table--deal tbody
  tr[data-wallet-zebra="odd"].wallet-deal-subtr:not([hidden])
  > td.wds-ledger-msg::before {
  /* Aansluiting col-deal oneven; naast amber iets aangepast. */
  background: rgba(35, 34, 59, 0.04);
  box-shadow: 1px 0 0 rgba(180, 83, 9, 0.08);
}
#mijn-wallet-page table.wallet-page-table--deal tbody
  tr[data-wallet-zebra="even"].wallet-deal-subtr:not([hidden])
  > td.wds-ledger-msg::before {
  background: rgba(35, 34, 59, 0.06);
  box-shadow: 1px 0 0 rgba(180, 83, 9, 0.08);
}

#mijn-wallet-page .wds-ledger-deal .wds-ledger-typ {
  color: #64748b;
  font-weight: 500;
  font-size: 12.5px;
}

#mijn-wallet-page .wds-ledger-deal-line {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  column-gap: 0.4em;
  row-gap: 0.2em;
  width: 100%;
}

#mijn-wallet-page .wds-ledger-deal-left {
  min-width: 0;
  flex: 0 1 auto;
}

#mijn-wallet-page .wds-ledger-typ-sep {
  color: #94a3b8;
}

#mijn-wallet-page .wds-ledger-voucher {
  text-align: right;
  font-weight: 700;
  flex: 0 0 auto;
  max-width: 100%;
  min-width: 0;
  margin-left: auto;
  word-break: break-word;
}

#mijn-wallet-page .wds-ledger-deal--voucher-only .wds-ledger-deal-line--voucher-only,
#mijn-wallet-page .wds-ledger-deal--type-only .wds-ledger-deal-line--voucher-only {
  justify-content: flex-end;
  width: 100%;
}

#mijn-wallet-page .wds-ledger-typelabel-moved {
  text-align: right;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  max-width: 100%;
  margin-left: auto;
  word-break: break-word;
  color: inherit;
}

#mijn-wallet-page .wds-ledger-empty-merged {
  text-align: right;
  vertical-align: middle;
  /* inhoud = nbsp: visueel vrije plek (geen label) */
  color: transparent;
}

/* Subdetail netto: zelfde rechterkant cijfer als in hoofdrij (totaal in .wallet-page-pill met 8px binnen). */
#mijn-wallet-page tr.wallet-deal-subtr td.wds-ledger-td-net {
  padding-right: 18px;
}

/* Aankoop → retour → iKash: extra compact voor dezelfde voucher. */
#mijn-wallet-page tr.wallet-deal-subtr:has(+ tr.wallet-deal-subtr--retour) > td {
  padding-bottom: 1px;
}

#mijn-wallet-page tr.wallet-deal-subtr--retour > td {
  color: #b91c1c;
}

#mijn-wallet-page tr.wallet-deal-subtr:not(.wallet-deal-subtr--retour) + tr.wallet-deal-subtr--retour > td,
#mijn-wallet-page tr.wallet-deal-subtr--retour + tr.wallet-deal-subtr--retour > td {
  padding-top: 1px;
  padding-bottom: 1px;
}

#mijn-wallet-page tr.wallet-deal-subtr--retour td a {
  color: #b91c1c;
}

#mijn-wallet-page tr.wallet-deal-subtr--retour td.wallet-page-neg-cell,
#mijn-wallet-page tr.wallet-deal-subtr--retour td.wds-ledger-credit {
  color: #b91c1c;
}

#mijn-wallet-page .wds-ledger-total {
  /* Onderkant v/d deal-uitklap, zelfde buitenl rand als kader. */
  background: rgba(241, 245, 249, 0.99) !important;
  color: #334155;
  font-size: 12.5px;
  border-bottom: 1px solid var(--wallet-deal-blk-b-strong, rgba(35, 34, 59, 0.16)) !important;
}

#mijn-wallet-page td.wds-ledger-total__label,
#mijn-wallet-page th.wds-ledger-total__label {
  text-align: left !important;
  vertical-align: middle;
  padding: 6px 10px 6px 14px;
  white-space: normal;
  font-weight: 600;
  color: #1e293b;
}

#mijn-wallet-page
  tr.wallet-deal-subtr:not([hidden])
  > td.wds-ledger-total__label {
  padding-left: var(--wallet-deal-subl-content-l) !important;
}

#mijn-wallet-page td.wds-ledger-td-subunits {
  font-variant-numeric: tabular-nums;
  text-align: center;
  font-weight: 600;
  color: #1e293b;
}

#mijn-wallet-page td.wds-ledger-td-blank {
  /* Geen streepje; onzichtbare vulling voor celhoogte. */
  color: transparent;
}

#mijn-wallet-page .wds-ledger-msg {
  padding: 10px 12px;
  font-size: 13px;
  color: #b45309;
  background: rgba(254, 252, 232, 0.9) !important;
}

/* Legacy: oude oplossing met één <td colspan="9">; kan verwijderd worden als nergens meer gebruikt. */
.wallet-deal-detail-cell {
  padding: 0 10px 12px 10px;
  vertical-align: top;
  background: rgba(248, 250, 252, 0.98) !important;
  border-bottom: 1px solid rgba(35, 34, 59, 0.08);
}

.wallet-deal-detail-inner {
  padding: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.wallet-deal-detail-table {
  width: 100%;
  max-width: none;
  border-collapse: separate;
  border-spacing: 0 8px;
  font-size: 13px;
  line-height: 1.45;
  color: #475569;
}

.wallet-deal-detail-table thead th {
  text-align: left;
  font-weight: 700;
  font-size: 12px;
  text-transform: none;
  letter-spacing: 0;
  color: #64748b;
  padding: 7px 12px 7px 0;
  border-bottom: 1px solid rgba(35, 34, 59, 0.12);
}

/* Eerste kolom =zelfde plek als «Deal» in bovenliggende tabel: vouchernummer rechts. */
.wallet-deal-detail-table thead th.wallet-deal-detail-th-deal {
  text-align: right;
  padding-right: 10px;
  width: 1%;
  min-width: 5.5rem;
  white-space: normal;
  vertical-align: bottom;
}

.wallet-deal-detail-th-deal-sub {
  display: block;
  font-size: 10px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0.01em;
  color: #94a3b8;
  margin-top: 2px;
  line-height: 1.2;
}

/* Bedrag-kolom: expliciet rechts (algemene thead th zet text-align: left) */
.wallet-deal-detail-table thead th.wallet-deal-detail-th-num {
  text-align: right;
  padding-right: 10px;
}

.wallet-deal-detail-table tbody td {
  padding: 7px 12px 7px 0;
  vertical-align: top;
  border-bottom: 1px solid rgba(35, 34, 59, 0.06);
}

.wallet-deal-detail-table tbody td.wallet-deal-detail-num {
  text-align: right;
  padding-right: 10px;
}

/* Deal-kolom: vouchernummer; vervolgrijen binnen dezelfde aankoop leeg maar uitgelijnd. */
.wallet-deal-detail-deal {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: #1e293b;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.wallet-deal-detail-deal--cont {
  font-weight: 400;
  user-select: none;
  /* zelfde plek als voucherr op eerste rij; cel blijft leeg binnen het kader */
  color: rgba(148, 163, 184, 0.45);
}

/* Per aankoop / voucher: kader zodat verkoop + eventuele retour + iKash retourkosten één geheel vormen. */
tbody.wallet-deal-detail-tbody-group tr td {
  background: rgba(248, 250, 255, 0.95);
  border-color: rgba(35, 34, 59, 0.12) !important;
  border-left: 1px solid rgba(35, 34, 59, 0.12);
  border-right: 1px solid rgba(35, 34, 59, 0.12);
}

tbody.wallet-deal-detail-tbody-group tr:first-child td {
  border-top: 1px solid rgba(35, 34, 59, 0.16);
  padding-top: 9px;
  box-shadow: 0 1px 0 rgba(99, 102, 241, 0.12);
}
tbody.wallet-deal-detail-tbody-group tr:first-child td:first-child {
  border-top-left-radius: 10px;
  padding-top: 9px;
}
tbody.wallet-deal-detail-tbody-group tr:first-child td:last-child {
  border-top-right-radius: 10px;
}

tbody.wallet-deal-detail-tbody-group tr td {
  border-bottom: 1px solid rgba(35, 34, 59, 0.08);
}
tbody.wallet-deal-detail-tbody-group tr:not(:last-child) td {
  border-bottom: 1px solid rgba(35, 34, 59, 0.06);
}
tbody.wallet-deal-detail-tbody-group tr:last-child td {
  border-bottom: 1px solid rgba(35, 34, 59, 0.16);
  padding-bottom: 9px;
}
tbody.wallet-deal-detail-tbody-group tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
  padding-bottom: 9px;
}
tbody.wallet-deal-detail-tbody-group tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

/* Volledige retourregel in rood (overstijgt .wallet-page-neg-cell op bedragcel) */
.wallet-deal-detail-table tbody tr.wallet-deal-detail-tr--retour td {
  color: #b91c1c;
}

.wallet-deal-detail-table tbody tr.wallet-deal-detail-tr--retour td.wallet-page-neg-cell {
  color: #b91c1c;
}

.wallet-deal-detail-table tbody tr.wallet-deal-detail-tr--return-fee td {
  color: #64748b;
}

.wallet-deal-detail-th-num,
.wallet-deal-detail-num {
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.wallet-deal-detail-email {
  word-break: break-word;
  max-width: none;
}

.wallet-deal-detail-msg {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  color: #64748b;
}

.wallet-deal-detail-msg--error {
  color: #b45309;
}

/* Totaalrij: zelfde tfoot-stijl als hoofd-wallettabel (table.dashboard-data tfoot) */
.wallet-deal-detail-table tfoot tr.wallet-deal-detail-tfoot-row td {
  padding: 10.5px 10px 11.5px;
  font-size: 13px;
  font-weight: 700;
  background: linear-gradient(180deg, #e8ecf4 0%, #dfe5f0 100%);
  border-top: 2px solid var(--dash-navy, #23223b);
  border-bottom: none;
  color: var(--dash-navy, #23223b);
  box-shadow: inset 0 2px 0 rgba(188, 105, 0, 0.35);
}

.wallet-deal-detail-table tfoot td.wallet-deal-detail-tfoot-lead {
  text-align: left;
  padding-left: 16px;
  font-weight: 800;
  background: linear-gradient(180deg, rgba(35, 34, 59, 0.12) 0%, rgba(35, 34, 59, 0.06) 100%);
}

.wallet-deal-detail-table tfoot td.wallet-deal-detail-tfoot-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.wallet-deal-detail-table tfoot td.wallet-deal-detail-tfoot-num strong {
  font-weight: 800;
}