/* Generated by design-system-stage-1/scripts/build-design-css.cjs. Edit the source CSS and tokens. */
/* Payouts pilot. Authoring source; breakpoints are compiled from tokens.css.
   Original data structure, links, labels and identity renderer are retained. */
.payouts-page { padding:var(--space-xl) 0 var(--space-section); background:var(--color-surface-page); color:var(--color-text); font:var(--font-weight-body) var(--font-body)/var(--line-height-body) var(--font-family); }
.payouts-page [id] { scroll-margin-top:calc(var(--space-section) + var(--space-2xl)); }
body.has-top-offer:not(.is-offer-collapsed) .payouts-page [id] { scroll-margin-top:calc(var(--space-section) + var(--space-2xl) * 2); }
.payouts-page * { box-sizing:border-box; }
.payouts-page :is(h1,h2,h3,p,dl,ol,ul) { margin:0; }
.payouts-container { width:calc(100% - var(--space-xl) * 2); max-width:var(--width-page); margin-inline:auto; }
.payouts-page a { text-underline-offset:var(--space-xs); }
.payouts-page :is(.ds-kicker,.payouts-cell-meta,.payouts-source-link) { overflow-wrap:anywhere; }
.payouts-hero { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); align-items:center; gap:var(--space-section); padding:var(--space-2xl) 0 var(--space-section); border-bottom:var(--stroke-width) solid var(--color-border); }
.payouts-hero-main { display:grid; gap:var(--space-lg); }
.payouts-title { max-width:14ch; font-size:var(--display-index); line-height:var(--line-height-h1); font-weight:var(--font-weight-h1); letter-spacing:var(--tracking-h1); text-wrap:balance; }
.payouts-subtitle { max-width:var(--width-reading); font-size:var(--font-h5); color:var(--color-text-muted); }
.payouts-hero-links { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-lg); }
.payouts-hero-links>a:not(.ds-button) { color:var(--color-text-muted); font-size:var(--font-body-small); font-weight:var(--font-weight-label); }
.payouts-hero-links>a:not(.ds-button):hover { color:var(--color-accent); }
.payouts-hero-ledger { display:grid; align-content:center; gap:var(--space-lg); padding-left:var(--space-2xl); border-left:var(--stroke-width) solid var(--color-border); }
.payouts-hero-ledger>span { color:var(--color-accent); font:var(--font-weight-label) var(--font-label)/var(--line-height-caption) var(--font-family-data); text-transform:uppercase; letter-spacing:var(--tracking-label); }
.payouts-hero-total { display:flex; align-items:baseline; gap:var(--space-sm); font-family:var(--font-family-data); font-variant-numeric:tabular-nums; }
.payouts-hero-total strong { font-size:var(--display-index); font-weight:var(--font-weight-heading); letter-spacing:var(--tracking-heading); line-height:var(--line-height-h1); }
.payouts-hero-total small { color:var(--color-text-muted); font-size:var(--font-h4); }
.payouts-hero-ledger>p { max-width:var(--width-reading); font-size:var(--font-body-small); color:var(--color-text-muted); }
.payouts-hero-ledger dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-md); padding-top:var(--space-lg); border-top:var(--stroke-width) solid var(--color-border); }
.payouts-hero-ledger dt { color:var(--color-text-muted); font-size:var(--font-caption); }
.payouts-hero-ledger dd { margin:var(--space-xs) 0 0; font:var(--font-weight-heading) var(--font-h4)/var(--line-height-heading) var(--font-family-data); }
.payouts-section { margin-top:var(--space-section); }
.payouts-section-head { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr); align-items:end; gap:var(--space-2xl); }
.payouts-section-head .ds-kicker,.payouts-checklist-section .ds-kicker { display:block; margin-bottom:var(--space-md); }
.payouts-page h2 { max-width:28ch; font-size:var(--font-h2); font-weight:var(--font-weight-heading); line-height:var(--line-height-heading); letter-spacing:var(--tracking-heading); text-wrap:balance; }
.payouts-section-head p,.payouts-checklist-section>div>p { max-width:var(--width-reading); margin-top:var(--space-md); color:var(--color-text-muted); font-size:var(--font-body-small); }
.payouts-page .payouts-method-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; padding:0; margin-top:var(--space-xl); border-block:var(--stroke-width) solid var(--color-border); list-style:none; }
.payouts-method-grid li { display:grid; grid-template-columns:auto minmax(0,1fr); gap:var(--space-md); padding:var(--space-lg); }
.payouts-method-grid li:first-child { padding-left:0; }
.payouts-method-grid li+li { border-left:var(--stroke-width) solid var(--color-border); }
.payouts-method-grid li>span { color:var(--color-accent); font-family:var(--font-family-data); font-size:var(--font-body-small); }
.payouts-method-grid h3 { font-size:var(--font-body); font-weight:var(--font-weight-heading); }
.payouts-method-grid p { margin-top:var(--space-sm); color:var(--color-text-muted); font-size:var(--font-body-small); }
.payouts-monitor-head { grid-template-columns:minmax(0,1fr) auto; }
.payouts-monitor-head>div>p { max-width:var(--width-reading-wide); text-wrap:pretty; }
.payouts-section-head .payouts-result-count { justify-self:end; color:var(--color-accent); font-family:var(--font-family-data); white-space:nowrap; }
.payouts-controls { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:var(--space-md); margin-top:var(--space-xl); }
.payouts-search-wrap { position:relative; min-width:0; }
.payouts-search-wrap>:is(i,svg) { position:absolute; top:50%; left:var(--space-md); width:var(--primitive-size-18); height:var(--primitive-size-18); transform:translateY(-50%); color:var(--color-text-muted); pointer-events:none; }
.payouts-search-wrap .ds-field { padding-left:var(--space-2xl); }
.payouts-table-wrap { margin-top:var(--space-lg); overflow:visible; border-top:var(--stroke-width) solid var(--color-border); }
.payouts-table { table-layout:fixed; width:100%; border-collapse:separate; border-spacing:0; color:var(--color-text); font-size:var(--font-body-small); }
.payouts-table th { background:var(--color-surface-page); color:var(--color-text-muted); font-size:var(--font-caption); font-weight:var(--font-weight-label); }
.payouts-table :is(th,td) { text-align:left; vertical-align:top; padding:var(--space-lg) var(--space-md); border-bottom:var(--stroke-width) solid var(--color-border); overflow-wrap:anywhere; }
.payouts-table th:nth-child(1) { width:20%; }
.payouts-table th:nth-child(2) { width:12%; }
.payouts-table th:nth-child(3) { width:18%; }
.payouts-table th:nth-child(4) { width:19%; }
.payouts-table th:nth-child(5) { width:14%; }
.payouts-table th:nth-child(6) { width:17%; }
.payouts-table tbody tr:hover { background:var(--color-surface-hover); }
.payouts-cell-meta { display:block; margin-top:var(--space-sm); color:var(--color-text-muted); font-size:var(--font-body-small); line-height:var(--line-height-body); }
.payouts-split { display:block; color:var(--color-accent); font:var(--font-weight-label) var(--font-body)/var(--line-height-body) var(--font-family); font-variant-numeric:tabular-nums; }
.payouts-cell-title { display:block; font-size:var(--font-body-small); font-weight:var(--font-weight-label); }
.payouts-risk-note { margin-top:var(--space-md); }
.payouts-source-status { display:inline-flex; max-width:100%; padding:var(--badge-padding-block) var(--badge-padding-inline); border:var(--stroke-width) solid var(--color-border-strong); border-radius:var(--radius-pill); color:var(--color-info); background:var(--color-info-surface); font-size:var(--font-caption); font-weight:var(--font-weight-label); }
.payouts-source-status--pending { color:var(--color-warning); background:var(--color-warning-surface); }
.payouts-source-link { display:inline-block; margin-top:var(--space-md); color:var(--color-accent); font-size:var(--font-body-small); text-decoration:underline; text-decoration-color:var(--color-border-strong); text-decoration-thickness:var(--stroke-width); }
.payouts-source-link:is(:hover,:focus-visible) { text-decoration-color:currentColor; color:var(--color-primary-hover); }
.payouts-commercial-stack { display:grid; gap:var(--space-sm); }
.payouts-row-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-sm); }
.payouts-row-actions .ds-button { min-width:0; width:100%; }
.payouts-row-actions .ds-button:only-child { grid-column:1 / -1; }
.payouts-empty { padding:var(--space-xl) 0; color:var(--color-text-muted); text-align:center; }
.payouts-checklist-section { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:var(--space-2xl); }
.payouts-checklist { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:0; border-top:var(--stroke-width) solid var(--color-border); list-style:none; }
.payouts-checklist li { display:grid; grid-template-columns:auto minmax(0,1fr); align-content:center; gap:var(--space-md); padding:var(--space-lg); border-bottom:var(--stroke-width) solid var(--color-border); }
.payouts-checklist li:nth-child(odd) { padding-left:0; }
.payouts-checklist li:nth-child(even) { border-left:var(--stroke-width) solid var(--color-border); }
.payouts-checklist :is(i,svg),.payouts-disclosure :is(i,svg) { width:var(--primitive-size-18); height:var(--primitive-size-18); color:var(--color-accent); flex:none; }
.payouts-checklist strong { display:block; font-size:var(--font-body); font-weight:var(--font-weight-label); }
.payouts-checklist small { display:block; margin-top:var(--space-sm); font-size:var(--font-body-small); color:var(--color-text-muted); }
.payouts-disclosure { display:flex; align-items:start; gap:var(--space-md); grid-column:1 / -1; }
.payouts-page [hidden] { display:none !important; }
@media (max-width: 1180px) {
 .payouts-hero { gap:var(--space-xl); }
 .payouts-title { font-size:var(--display-chapter); }
 .payouts-hero-ledger { padding-left:var(--space-xl); }
 .payouts-page .payouts-method-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .payouts-method-grid li:nth-child(3) { padding-left:0; border-left:0; }
 .payouts-method-grid li:nth-child(n+3) { border-top:var(--stroke-width) solid var(--color-border); }
 .payouts-table-wrap { overflow:visible; }
 .payouts-table,.payouts-table tbody { display:block; }
 .payouts-table thead { position:absolute; width:var(--stroke-width); height:var(--stroke-width); padding:0; overflow:hidden; clip-path:inset(50%); }
 .payouts-table tbody tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-lg) var(--space-xl); padding:var(--comparison-cell-padding); border-bottom:var(--stroke-width) solid var(--color-border); }
 .payouts-table td,.payouts-table td:first-child,.payouts-table td:last-child { display:block; width:auto; padding:0; border:0; }
 .payouts-table td::before { content:attr(data-label); display:block; margin-bottom:var(--space-sm); color:var(--color-text-muted); font-size:var(--font-caption); font-weight:var(--font-weight-label); }
 .payouts-table td:first-child { grid-column:1 / -1; }
 .payouts-table td:first-child::before { display:none; }
 .payouts-firm strong { font-size:var(--font-h4); }
 .payouts-table td:nth-child(4) { grid-column:1 / -1; }
 .payouts-commercial-stack { max-width:var(--width-reading); }
}
@media (max-width: 860px) {
 .payouts-container { width:calc(100% - var(--space-lg) * 2); }
 .payouts-hero { grid-template-columns:1fr; padding-top:var(--prop-hero-padding-start); gap:var(--space-xl); }
 .payouts-title { max-width:16ch; font-size:var(--primitive-size-42); }
 .payouts-subtitle { font-size:var(--font-body); }
 .payouts-hero-ledger { grid-template-columns:1fr 1fr; gap:var(--space-md) var(--space-lg); padding:var(--space-lg) 0 0; border-left:0; border-top:var(--stroke-width) solid var(--color-border); }
 .payouts-hero-ledger>span { grid-column:1 / -1; }
 .payouts-hero-ledger dl { grid-column:1 / -1; padding-top:var(--space-md); }
 .payouts-hero-total strong { font-size:var(--display-chapter); }
 .payouts-section-head { grid-template-columns:1fr; gap:var(--space-md); }
 .payouts-page h2 { max-width:28ch; font-size:var(--font-h3); }
 .payouts-section-head .payouts-result-count { justify-self:start; }
 .payouts-controls { grid-template-columns:1fr; }
 .payouts-checklist-section { grid-template-columns:1fr; gap:var(--space-xl); }
}
@media (max-width: 640px) {
 .payouts-section { margin-top:var(--space-2xl); }
 .payouts-hero-links { gap:var(--space-md); }
 .payouts-hero-links>.ds-button { flex-basis:100%; }
 .payouts-page .payouts-method-grid { grid-template-columns:1fr; }
 .payouts-method-grid li,.payouts-method-grid li+li { padding:var(--space-lg) 0; border-left:0; }
 .payouts-method-grid li+li { border-top:var(--stroke-width) solid var(--color-border); }
 .payouts-table tbody tr { gap:var(--space-lg); }
 .payouts-table td:nth-child(n+4) { grid-column:1 / -1; }
 .payouts-checklist { grid-template-columns:1fr; }
 .payouts-checklist li,.payouts-checklist li:nth-child(even) { padding:var(--space-lg) 0; border-left:0; }
}

.payouts-hero-links>a:not(.ds-button) { display:inline-flex; align-items:center; gap:var(--space-xs); }
.payouts-hero-links>a>svg { width:var(--select-chevron-size); height:var(--select-chevron-size); color:var(--color-accent); }