/* A fee-first bill: original commissions, independent deductions, quiet context. */
.receipt-panel.receipt-ledger {
  /* Calculator-only type scale: 12px support, 16px primary data, 48px total. */
  --type-heading:var(--type-body);
  --receipt-text:var(--slate-dark-12);
  --receipt-label:var(--slate-dark-11);
  --receipt-muted:var(--slate-dark-11);
  --receipt-amber:var(--amber-dark-11);
  --receipt-saving:var(--jade-dark-11);
  --receipt-divider:var(--slate-dark-6);
  padding:20px 24px;
  border:0;
  border-radius:16px;
  background:var(--slate-dark-2);
  color:var(--receipt-text);
  box-shadow:none;
  font-variant-numeric:tabular-nums lining-nums;
}
.receipt-ledger .receipt-note-help, .receipt-ledger .margin-impact-help { display:inline-flex; align-items:center; justify-content:center; flex:none; width:28px; height:28px; padding:0; border:0; border-radius:6px; background:transparent; color:var(--receipt-muted); }
.receipt-ledger .receipt-note-help .icon, .receipt-ledger .margin-impact-help .icon { width:14px; height:14px; }
.receipt-ledger .receipt-note-help:hover, .receipt-ledger .margin-impact-help:hover, .receipt-ledger .receipt-note-help[aria-expanded="true"], .receipt-ledger .margin-impact-help[aria-expanded="true"] { background:var(--slate-dark-3); color:var(--receipt-text); }
.receipt-ledger :is(button, summary, a):focus-visible { outline:2px solid var(--receipt-amber); outline-offset:3px; }
.receipt-ledger .receipt-note-tooltip, .receipt-ledger .margin-impact-tooltip, .receipt-ledger .rebate-detail-content { position:absolute; z-index:5; inset:calc(100% + 8px) 0 auto; padding:14px; border:0.5px solid var(--slate-dark-6); border-radius:8px; background:var(--slate-dark-5); color:var(--receipt-text); box-shadow:none; }
.receipt-ledger :is(.receipt-note-tooltip, .margin-impact-tooltip)[hidden] { display:none; }
.receipt-ledger :is(.receipt-note-tooltip, .margin-impact-tooltip, .rebate-detail-content) p { margin:0; color:var(--receipt-text); font-size:var(--type-label); line-height:20px; overflow-wrap:anywhere; }
.receipt-ledger .receipt-note-tooltip p + p { margin-top:10px; }
.receipt-ledger .fee-total { position:relative; display:grid; grid-template-columns:minmax(0, .75fr) minmax(0, 1.25fr); align-items:baseline; gap:12px; margin:0 0 20px; padding:0; border:0; }
.receipt-ledger #fee-description, .receipt-ledger #funding-label { color:var(--receipt-muted); }
.receipt-ledger .fee-total > span { color:var(--slate-dark-12); font-size:var(--type-body); font-weight:500; line-height:24px; }
.receipt-ledger .ledger-total-label { display:flex; align-items:center; gap:4px; }
.receipt-ledger .fee-total > div:not(.receipt-note-tooltip) { display:flex; justify-content:flex-end; align-items:baseline; flex-wrap:wrap; gap:3px 8px; min-width:0; text-align:right; }
.receipt-ledger .fee-total > div > strong { color:var(--receipt-amber); font-size:var(--type-display); line-height:56px; font-weight:600; letter-spacing:-1.5px; overflow-wrap:anywhere; }
.receipt-ledger .fee-total > div > span { margin:0; color:var(--receipt-muted); font-size:var(--type-label); line-height:20px; }
.receipt-ledger .fee-lines { display:grid; gap:0; margin:0; }
.receipt-ledger .fee-line, .receipt-ledger .receipt-kv { display:grid; grid-template-columns:minmax(0, 1.35fr) minmax(0, 1fr); gap:12px; align-items:center; width:100%; min-width:0; padding:13px 0; border:0; background:transparent; color:var(--receipt-label); font-size:var(--type-body); line-height:22px; }
.receipt-ledger .fee-line[hidden] { display:none; }
.receipt-ledger .fee-line-label { display:flex; align-items:baseline; flex-wrap:wrap; gap:2px 10px; min-width:0; }
.receipt-ledger .fee-line-label > span { color:var(--receipt-label); }
.receipt-ledger .fee-lines .fee-line em { margin:0; padding:0; border:0; border-radius:0; background:transparent; color:var(--receipt-muted); font-size:var(--type-label); line-height:18px; font-weight:400; font-style:normal; white-space:normal; }
.receipt-ledger .ledger-value { display:grid; grid-template-columns:minmax(0, 1fr) 34px; align-items:baseline; gap:6px; width:100%; min-width:0; max-width:none; margin:0; color:var(--receipt-text); font-size:var(--type-body); line-height:22px; font-weight:500; text-align:right; font-variant-numeric:tabular-nums lining-nums; }
.receipt-ledger .ledger-value > :first-child { min-width:0; overflow-wrap:anywhere; }
.receipt-ledger .ledger-value > :last-child { margin:0; color:var(--receipt-muted); font-size:var(--type-label); line-height:18px; font-weight:400; letter-spacing:0; }
.receipt-ledger .deduction-row[data-deduction-applied="true"] .ledger-value > :first-child { color:var(--receipt-saving); }
.receipt-ledger .referral-preview { position:relative; margin:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.receipt-ledger .referral-preview-details { position:static; display:inline-block; align-self:center; margin:-3px 0 -3px -7px; padding:0; border:0; }
.receipt-ledger .referral-preview-details > summary { display:flex; align-items:center; justify-content:center; width:28px; height:28px; padding:0; border:0; border-radius:6px; color:var(--receipt-muted); cursor:pointer; list-style:none; }
.receipt-ledger summary::-webkit-details-marker { display:none; }
.receipt-ledger .referral-preview-details .icon { width:13px; height:13px; }
.receipt-ledger .referral-preview-details[open] > summary, .receipt-ledger .referral-preview-details > summary:hover { color:var(--receipt-text); background:var(--slate-dark-3); }
.receipt-ledger .rebate-detail-content a { display:inline-flex; align-items:center; min-height:44px; margin-top:4px; color:var(--slate-dark-12); font-size:var(--type-label); text-decoration:none; }
.receipt-ledger .margin-impact { position:relative; margin:3px 0 0; padding:0; border:0; border-radius:0; background:transparent; }
.receipt-ledger .margin-impact-label { position:relative; display:flex; align-items:center; gap:6px; min-width:0; }
.receipt-ledger .margin-impact-label > span { padding-right:22px; }
.receipt-ledger .margin-impact-help { position:absolute; right:0; top:50%; transform:translateY(-50%); }
.receipt-ledger .margin-impact .receipt-kv { font-size:var(--type-body); }
.receipt-ledger .margin-impact-label > span { color:var(--receipt-label); font-size:var(--type-body); line-height:22px; }
.receipt-ledger .margin-impact strong { display:block; min-width:0; margin:0; color:var(--receipt-text); font-size:var(--type-body); line-height:22px; font-weight:500; text-align:right; }
.receipt-ledger .margin-impact strong > span { margin:0; font:inherit; }
.receipt-ledger .impact-track { display:none; }
.receipt-ledger .receipt-secondary { margin-top:18px; padding-top:12px; border-top:0.5px solid var(--receipt-divider); }
.receipt-ledger .receipt-secondary .receipt-kv, .receipt-ledger .receipt-secondary .fee-line { padding:9px 0; color:var(--receipt-muted); font-size:var(--type-label); line-height:20px; }
.receipt-ledger .receipt-secondary .ledger-value, .receipt-ledger .receipt-secondary strong { color:var(--slate-dark-11); font-size:var(--type-label); line-height:20px; font-weight:500; text-align:right; }
.receipt-ledger .receipt-secondary .ledger-value > :last-child { color:var(--receipt-muted); font-size:var(--type-label); }
.receipt-ledger .break-even-card { margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.receipt-ledger .break-even-details > summary { min-height:40px; cursor:pointer; list-style:none; }
.receipt-ledger .break-even-details > summary, .receipt-ledger .break-even-details > summary :is(span, output) { text-decoration:none; }
.receipt-ledger .break-even-heading { display:inline-flex; align-items:center; flex-wrap:wrap; gap:5px; color:var(--receipt-muted); font-size:var(--type-label); line-height:20px; font-weight:400; }
.receipt-ledger .break-even-heading .icon { width:12px; height:12px; }
.receipt-ledger .break-even-price { margin:0; letter-spacing:0; }
.receipt-ledger .break-even-card > p { margin:8px 0; color:var(--receipt-label); font-size:var(--type-label); line-height:20px; }
.receipt-ledger .break-even-chart { margin:24px 0 18px; }
.receipt-ledger .chart-point-label, .receipt-ledger .chart-point-label > span { color:var(--receipt-muted); font-size:var(--type-label); line-height:18px; }
.receipt-ledger .chart-point-label > strong { color:var(--receipt-label); font-size:var(--type-label); line-height:20px; }
.receipt-ledger .profit-row, .receipt-ledger .net-summary { display:block; margin:0; padding:0; border:0; }
.receipt-ledger .profit-row > div { display:grid; }
.receipt-ledger .profit-row > div > span { color:var(--receipt-muted); font-size:var(--type-label); line-height:20px; }
.receipt-ledger .profit-row strong, .receipt-ledger .profit-row strong.is-loss { color:var(--slate-dark-11); letter-spacing:0; }
.receipt-ledger .net-summary > span { display:grid; margin:0; }
.receipt-ledger .net-summary strong { display:block; margin:0; overflow-wrap:anywhere; }
.receipt-ledger .receipt-ledger-content { width:100%; min-width:0; }
@media (min-width: 761px) {
  .calculator-layout { align-items:stretch; }
  .calculator-layout > .result-column { position:static; display:flex; flex-direction:column; align-self:stretch; min-height:0; }
  .receipt-panel.receipt-ledger { display:flex; flex:1; flex-direction:column; justify-content:center; overflow:visible; }
}
@media (max-width: 1100px) and (min-width: 761px) {
  .receipt-panel.receipt-ledger { padding:18px; }
  .receipt-ledger .fee-total { grid-template-columns:minmax(0, .7fr) minmax(0, 1.3fr); }
  .receipt-ledger .fee-total > div > strong { font-size:var(--type-display); line-height:50px; }
  .receipt-ledger .fee-line, .receipt-ledger .receipt-kv { gap:8px; }
}
@media (max-width: 760px) {
  .receipt-panel.receipt-ledger { padding:20px; }
  .receipt-ledger .receipt-note-help { width:44px; height:44px; margin:-10px -8px -10px -4px; }
  .receipt-ledger .fee-total > div > strong { font-size:var(--type-display); line-height:52px; }
  .receipt-ledger .referral-preview-details { margin-top:-11px; margin-bottom:-11px; }
  .receipt-ledger .referral-preview-details > summary { width:44px; height:44px; }
  .receipt-ledger .margin-impact-help { width:44px; height:44px; right:-5px; }
  .receipt-ledger .margin-impact-label > span { padding-right:29px; }
  .receipt-ledger .break-even-details > summary { min-height:44px; }
}
@media (max-width: 360px) {
  .receipt-panel.receipt-ledger { padding:16px; }
  .receipt-ledger .fee-total { gap:8px; }
  .receipt-ledger .fee-total > div > strong { font-size:var(--type-display); line-height:46px; }
  .receipt-ledger .fee-line, .receipt-ledger .receipt-kv { gap:8px; }
  .receipt-ledger .fee-line-label { column-gap:6px; }
}