/* Credit statements: amounts and balances refer to a named event. */
.statement-amount, .statement-balance, .statement-outcome-values { display: grid; gap: 6px; }
.statement-amount strong { font-size: 1rem; font-weight: 750; white-space: nowrap; }
.statement-amount small, .statement-balance small, .statement-actor { color: var(--muted); font-size: .72rem; line-height: 1.55; }
.statement-own-ref { display: block; margin-top: 7px; font-size: .7rem; color: var(--muted); overflow-wrap: anywhere; }
.statement-status { display: inline-flex; padding: 5px 9px; border: 1px solid var(--line); border-radius: 6px; font-size: .76rem; font-weight: 650; line-height: 1.5; }
.statement-status.is-success { color: oklch(85% .12 155); background: oklch(30% .06 155 / .4); border-color: oklch(50% .09 155 / .5); }
.statement-status.is-refunded { color: oklch(84% .09 230); background: oklch(28% .045 230 / .4); border-color: oklch(50% .07 230 / .5); }
.statement-status.is-failed { color: oklch(82% .09 28); background: oklch(28% .07 28 / .4); border-color: oklch(50% .1 28 / .5); }
.statement-status.is-pending { color: oklch(86% .12 85); background: oklch(30% .055 85 / .4); border-color: oklch(50% .08 85 / .5); }
.statement-outcome-values { margin-top: 9px; font-size: .76rem; }
.statement-outcome-values > span { display: flex; justify-content: space-between; gap: 8px; color: var(--muted); }
.statement-outcome-values b { color: var(--text); font-weight: 650; white-space: nowrap; font-variant-numeric: tabular-nums; }
.statement-balance > div { display: flex; gap: 8px; flex-wrap: wrap; align-items: baseline; font-variant-numeric: tabular-nums; }
.statement-balance > div > span:not(.statement-arrow), .statement-balance strong { white-space: nowrap; }
.statement-balance strong { font-weight: 750; }
.statement-arrow { color: var(--muted); }
.statement-balance .statement-derived { color: oklch(79% .07 85); font-size: .67rem; }
.statement-parent { display: grid; gap: 5px; margin-top: 10px; color: oklch(84% .06 230); font-size: .73rem; line-height: 1.6; }
.statement-parent code { color: var(--muted); font-size: .69rem; overflow-wrap: anywhere; }
.statement-detail-toggle { width: 100%; margin-bottom: 7px; color: var(--text); border-color: var(--line); }
.statement-detail-toggle[aria-expanded="true"] { color: var(--gold); border-color: var(--line-gold); }
.statement-actor { display: block; margin-top: 8px; }
.statement-returned-at { display: block; margin-top: 8px; color: var(--muted); font-size: .7rem; line-height: 1.6; }
.statement-detail-row[hidden] { display: none !important; }
.transactions-table .statement-detail-row > td { padding: 18px 24px; background: oklch(17% .025 245); }
.statement-detail-heading { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; color: var(--muted); font-size: .78rem; margin-bottom: 12px; }
.statement-detail-heading code { overflow-wrap: anywhere; color: var(--text); }
.statement-steps { padding: 0; margin: 0; list-style-position: inside; counter-reset: statement-step; }
.statement-steps li { display: grid; grid-template-columns: minmax(180px, 1fr) 110px minmax(220px, 1fr); gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); align-items: baseline; font-size: .84rem; }
.statement-steps li:last-child { border-bottom: 0; }
.statement-step-label::before { counter-increment: statement-step; content: counter(statement-step) ". "; color: var(--muted); }
.statement-delta, .statement-step-balances { font-variant-numeric: tabular-nums; }
.statement-delta { text-align: right; }
.statement-delta.is-credit { color: var(--green); }
.statement-delta.is-debit { color: oklch(79% .12 28); }
.statement-step-balances { text-align: right; }
.statement-step-balances > span { color: var(--muted); padding: 0 5px; }
.statement-note, .money-timeline-card p.statement-note { color: var(--muted); font-size: .78rem; line-height: 1.7; margin: 12px 0 0; max-width: 72ch; }
.statement-inline-detail { border-top: 1px solid var(--line); padding-top: 10px; }
.statement-inline-detail summary { font-size: .8rem; }
.statement-inline-detail[open] summary { margin-bottom: 12px; }
.statement-final-status { display: grid; gap: 5px; justify-items: end; }
.statement-final-status > small { font-size: .69rem; color: var(--muted); }
.statement-timeline-facts { display: flex; flex-wrap: wrap; gap: 18px 34px; margin: 14px 0; }
.statement-timeline-facts > div { display: grid; gap: 5px; }
.statement-timeline-facts small { color: var(--muted); font-size: .74rem; }
.statement-timeline-facts strong { font-size: .95rem; font-variant-numeric: tabular-nums; }
.money-timeline-card .statement-balance { border-top: 1px solid var(--line); padding-top: 12px; margin-top: 10px; }
.money-timeline-card .statement-balance > div { gap: 14px; font-size: 1.05rem; }
.money-timeline-card .statement-parent { max-width: 100%; }
.money-timeline-card .money-timeline-row { display: flex; justify-content: space-between; align-items: baseline; gap: 18px; padding: 5px 0; line-height: 1.65; }
.money-timeline-card .money-timeline-row > span { color: var(--muted); font-size: .8rem; }
.money-timeline-card .money-timeline-row > strong { font-size: .88rem; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; text-align: right; }
.money-timeline-roadmap .amount-plus::before, .money-timeline-roadmap .amount-minus::before { content: none; }
.money-timeline-summary .money-timeline-stat strong.amount-plus::before,
.money-timeline-summary .money-timeline-stat strong.amount-minus::before { content: none; }
.money-timeline-card { box-shadow: none; border-radius: 10px; padding: 18px 22px; }
.money-timeline-card-head { align-items: center; }
.money-timeline-card h4 { font-size: 1rem; margin-top: 0; }
.money-timeline-card .money-timeline-subtitle { font-size: .88rem; font-variant-numeric: tabular-nums; }
.money-timeline-actions { margin-top: 12px; }
.statement-detail-toggle:focus-visible, .statement-inline-detail summary:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
@media (min-width: 761px) {
  .transactions-table td { padding-top: 16px; padding-bottom: 16px; vertical-align: top; }
  .transactions-table .tx-cell-money { text-align: right; }
  .money-timeline-roadmap { padding-left: 38px; }
  .money-timeline-node { grid-template-columns: 120px minmax(0, 1fr); gap: 22px; }
  .money-timeline-node time { font-size: .75rem; line-height: 1.55; }
}
@media (max-width: 760px) {
  .transactions-table .statement-detail-row > td { display: block; padding: 8px !important; }
  .transactions-table .statement-detail-row > td::before { display: none; }
  .statement-steps li { grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
  .statement-step-balances { grid-column: 1 / -1; text-align: left; }
  .statement-timeline-facts { gap: 14px 20px; }
  .money-timeline-card { padding: 14px; min-width: 0; }
  .money-timeline-card-head { align-items: flex-start; gap: 10px; }
  .money-timeline-card .statement-balance > div { font-size: .95rem; }
  .statement-parent code, .statement-detail-heading code { word-break: break-word; }
  .statement-balance > div { gap: 6px; }
  .statement-outcome-values { max-width: 280px; }
}