/* CoreStream Batch 3: neutral financial surfaces.
   Mobile first, server rendered, and dependency free. */

/* Locked statement taxonomy */
:root {
  --cs-status-computed-bg: rgba(1, 126, 255, .13);
  --cs-status-computed-line: rgba(1, 126, 255, .42);
  --cs-status-computed-text: #CCE1F6;
  --cs-status-approved-bg: rgba(204, 225, 246, .10);
  --cs-status-approved-line: rgba(204, 225, 246, .30);
  --cs-status-approved-text: #EAF1FB;
  --cs-status-payable-bg: rgba(31, 157, 87, .14);
  --cs-status-payable-line: rgba(31, 157, 87, .46);
  --cs-status-payable-text: #BDEFD2;
  --cs-status-paid-bg: rgba(31, 157, 87, .22);
  --cs-status-paid-line: rgba(31, 157, 87, .66);
  --cs-status-paid-text: #E5F8ED;
  --cs-money-tabular: tabular-nums lining-nums;
}

.money-page { display:grid; gap:var(--cs-space-6); min-width:0; }
.money-page__header { display:grid; gap:var(--cs-space-3); }
.money-page__eyebrow {
  display:flex; align-items:center; gap:var(--cs-space-2);
  color:var(--cs-color-light-blue); font-size:var(--cs-font-size-caption);
  font-weight:var(--cs-font-weight-semibold); letter-spacing:.14em; text-transform:uppercase;
}
.money-page__eyebrow svg { width:1rem; height:1rem; color:var(--cs-color-primary); }
.money-page__title {
  margin:0; color:var(--cs-color-text-strong); font-size:clamp(2rem,8vw,2.75rem);
  font-weight:var(--cs-font-weight-bold); letter-spacing:-.035em; line-height:1.08;
}
.money-page__support { margin:0; max-width:42rem; color:var(--cs-color-text-muted); line-height:1.65; }
.money-back-link {
  display:inline-flex; align-items:center; gap:var(--cs-space-2); width:max-content;
  min-height:var(--cs-touch-target); margin-bottom:var(--cs-space-2); color:var(--cs-color-light-blue);
  font-size:var(--cs-font-size-small); font-weight:var(--cs-font-weight-medium); text-decoration:none;
}
.money-back-link:hover { color:var(--cs-color-text-strong); }
.money-back-link svg { width:1rem; height:1rem; }

/* Persistent legal gate. Deliberately informative, never promotional. */
.payout-gate {
  display:grid; grid-template-columns:2.5rem minmax(0,1fr); gap:var(--cs-space-3);
  padding:var(--cs-space-4); border:1px solid var(--cs-color-info-line);
  border-radius:var(--cs-radius-xl); background:rgba(1,126,255,.09);
}
.payout-gate__icon {
  display:grid; place-items:center; width:2.5rem; height:2.5rem; border-radius:50%;
  background:rgba(1,126,255,.16); color:var(--cs-color-primary);
}
.payout-gate__icon svg { width:1.25rem; height:1.25rem; }
.payout-gate__title { margin:0; color:var(--cs-color-text-strong); font-size:var(--cs-font-size-small); font-weight:600; line-height:1.45; }
.payout-gate__body { margin:.25rem 0 0; color:var(--cs-color-text-muted); font-size:.8125rem; line-height:1.55; }
.payout-gate__body strong { color:var(--cs-color-light-blue); font-weight:600; }

/* Status pills and progression */
.finance-pill {
  display:inline-flex; align-items:center; gap:.4375rem; min-height:1.75rem; padding:.25rem .625rem;
  border:1px solid var(--cs-color-line-strong); border-radius:var(--cs-radius-pill);
  color:var(--cs-color-light-blue); background:rgba(255,255,255,.04);
  font-size:var(--cs-font-size-caption); font-weight:600; line-height:1.2; white-space:nowrap;
}
.finance-pill::before { content:""; width:.375rem; height:.375rem; border-radius:50%; background:currentColor; flex:none; }
.finance-pill--computed { color:var(--cs-status-computed-text); border-color:var(--cs-status-computed-line); background:var(--cs-status-computed-bg); }
.finance-pill--approved { color:var(--cs-status-approved-text); border-color:var(--cs-status-approved-line); background:var(--cs-status-approved-bg); }
.finance-pill--payable { color:var(--cs-status-payable-text); border-color:var(--cs-status-payable-line); background:var(--cs-status-payable-bg); }
.finance-pill--paid { color:var(--cs-status-paid-text); border-color:var(--cs-status-paid-line); background:var(--cs-status-paid-bg); }
.finance-pill--warning { color:var(--cs-color-warning-text); border-color:var(--cs-color-warning-line); background:var(--cs-color-warning-bg); }
.finance-pill--danger { color:var(--cs-color-danger-text); border-color:var(--cs-color-danger-line); background:var(--cs-color-danger-bg); }
.finance-pill--neutral { color:var(--cs-color-text-muted); border-color:var(--cs-color-line-strong); background:rgba(255,255,255,.035); }

.finance-progress { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:var(--cs-space-5); }
.finance-progress__step { position:relative; display:grid; justify-items:center; gap:var(--cs-space-2); min-width:0; color:var(--cs-color-text-subtle); text-align:center; font-size:.6875rem; }
.finance-progress__step:not(:last-child)::after {
  content:""; position:absolute; inset-inline-start:calc(50% + 1rem); inset-inline-end:calc(-50% + 1rem);
  inset-block-start:.75rem; height:1px; background:var(--cs-color-line-strong);
}
.finance-progress__marker {
  position:relative; z-index:1; display:grid; place-items:center; width:1.5rem; height:1.5rem;
  border:1px dashed var(--cs-color-line-strong); border-radius:50%; background:var(--cs-color-bg);
  color:var(--cs-color-text-subtle); font-size:.6875rem; font-weight:600;
}
.finance-progress__marker svg { width:.75rem; height:.75rem; }
.finance-progress__step[data-complete="true"] .finance-progress__marker,
.finance-progress__step[aria-current="step"] .finance-progress__marker {
  border-style:solid; border-color:var(--cs-color-primary); background:var(--cs-color-primary); color:var(--cs-color-primary-ink);
}
.finance-progress__step[aria-current="step"] { color:var(--cs-color-light-blue); font-weight:600; }
.finance-progress__step[data-complete="true"]::after { background:var(--cs-color-primary); }
.finance-progress__step[data-locked="true"] .finance-progress__marker { border-style:dashed; }

/* Money typography */
.money-amount { color:var(--cs-color-text-strong); font-variant-numeric:var(--cs-money-tabular); letter-spacing:-.02em; }
.money-amount--hero { font-size:2.375rem; font-weight:700; line-height:1.05; }
.money-amount--large { font-size:1.75rem; font-weight:700; line-height:1.1; }
.money-amount--medium { font-size:1.125rem; font-weight:600; }
.money-caption { color:var(--cs-color-text-subtle); font-size:var(--cs-font-size-caption); }

/* Summary strip */
.finance-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--cs-space-2); }
.finance-summary__item {
  min-width:0; padding:var(--cs-space-3); border:1px solid var(--cs-color-line);
  border-radius:var(--cs-radius-xl); background:rgba(10,42,77,.56);
}
.finance-summary__label { display:block; color:var(--cs-color-text-subtle); font-size:.6875rem; line-height:1.3; }
.finance-summary__value { display:block; margin-top:.15rem; color:var(--cs-color-text-strong); font-size:1rem; font-weight:700; font-variant-numeric:var(--cs-money-tabular); }
.finance-summary__meta { display:block; margin-top:.15rem; color:var(--cs-color-text-subtle); font-size:.6875rem; line-height:1.35; }

/* Statement list */
.finance-section { display:grid; gap:var(--cs-space-4); }
.finance-section__header { display:flex; align-items:end; justify-content:space-between; gap:var(--cs-space-4); }
.finance-section__title { margin:0; color:var(--cs-color-text-strong); font-size:var(--cs-font-size-h3); font-weight:600; }
.finance-section__support { margin:.1rem 0 0; color:var(--cs-color-text-subtle); font-size:var(--cs-font-size-small); }
.statement-list { display:grid; gap:var(--cs-space-3); }
.statement-card {
  display:grid; gap:var(--cs-space-4); padding:var(--cs-space-4); border:1px solid var(--cs-color-line);
  border-radius:var(--cs-radius-2xl); background:rgba(10,42,77,.72);
}
.statement-card__head { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--cs-space-3); }
.statement-card__period { margin:0; color:var(--cs-color-text-strong); font-size:1.0625rem; font-weight:600; }
.statement-card__date { margin:.15rem 0 0; color:var(--cs-color-text-subtle); font-size:var(--cs-font-size-caption); }
.statement-card__amounts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--cs-space-2); }
.statement-card__amount {
  min-width:0; padding:var(--cs-space-3); border:1px solid var(--cs-color-line-subtle);
  border-radius:var(--cs-radius-lg); background:rgba(3,16,31,.30);
}
.statement-card__amount-label { display:block; color:var(--cs-color-text-subtle); font-size:.6875rem; }
.statement-card__amount-value { display:block; margin-top:.2rem; color:var(--cs-color-text); font-size:.875rem; font-weight:600; font-variant-numeric:var(--cs-money-tabular); }
.statement-card__amount--total .statement-card__amount-value { color:var(--cs-color-text-strong); font-size:1rem; font-weight:700; }
.statement-card__foot {
  display:flex; align-items:center; justify-content:space-between; gap:var(--cs-space-3);
  padding-top:var(--cs-space-3); border-top:1px solid var(--cs-color-line-subtle);
}
.statement-card__note { color:var(--cs-color-text-subtle); font-size:var(--cs-font-size-caption); }
.statement-card__link {
  display:inline-flex; align-items:center; gap:var(--cs-space-2); min-height:var(--cs-touch-target);
  color:var(--cs-color-light-blue); font-size:var(--cs-font-size-caption); font-weight:600; text-decoration:none;
}
.statement-card__link svg { width:.9rem; height:.9rem; }

/* Taxonomy explainer */
.status-key { display:grid; gap:var(--cs-space-4); padding:var(--cs-space-4); border:1px solid var(--cs-color-line); border-radius:var(--cs-radius-xl); background:rgba(3,16,31,.28); }
.status-key__title { margin:0; color:var(--cs-color-text); font-size:var(--cs-font-size-small); font-weight:600; }
.status-key__row { display:grid; grid-template-columns:max-content minmax(0,1fr); gap:var(--cs-space-3); align-items:start; }
.status-key__copy { margin:0; color:var(--cs-color-text-muted); font-size:.8125rem; line-height:1.5; }
.status-key__copy strong { color:var(--cs-color-text); font-weight:600; }

/* Statement detail */
.statement-hero {
  display:grid; gap:var(--cs-space-4); padding:var(--cs-space-5); border:1px solid var(--cs-color-line);
  border-radius:var(--cs-radius-2xl); background:rgba(10,42,77,.76);
}
.statement-hero__head { display:flex; justify-content:space-between; align-items:flex-start; gap:var(--cs-space-3); }
.statement-hero__period { margin:0; color:var(--cs-color-text-strong); font-size:1.25rem; font-weight:600; }
.statement-hero__meta { margin:.25rem 0 0; color:var(--cs-color-text-subtle); font-size:var(--cs-font-size-caption); line-height:1.5; }
.statement-hero__breakdown { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--cs-space-2); }
.statement-hero__breakdown-item { padding:var(--cs-space-3); border:1px solid var(--cs-color-line-subtle); border-radius:var(--cs-radius-lg); background:rgba(3,16,31,.28); }
.statement-hero__breakdown-label { display:block; color:var(--cs-color-text-subtle); font-size:var(--cs-font-size-caption); }
.statement-hero__breakdown-value { display:block; margin-top:.25rem; color:var(--cs-color-text); font-weight:600; font-variant-numeric:var(--cs-money-tabular); }

.line-item-table { overflow:hidden; border:1px solid var(--cs-color-line); border-radius:var(--cs-radius-2xl); background:rgba(10,42,77,.52); }
.line-item { display:grid; gap:var(--cs-space-3); padding:var(--cs-space-4); }
.line-item + .line-item { border-top:1px solid var(--cs-color-line-subtle); }
.line-item__name { margin:0; color:var(--cs-color-text); font-size:var(--cs-font-size-small); font-weight:600; }
.line-item__description { margin:.1rem 0 0; color:var(--cs-color-text-subtle); font-size:var(--cs-font-size-caption); }
.line-item__meta { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; gap:var(--cs-space-2); align-items:center; }
.line-item__type, .line-item__rate { color:var(--cs-color-text-muted); font-size:.8125rem; }
.line-item__rate { text-align:center; }
.line-item__amount { color:var(--cs-color-text-strong); font-size:.9375rem; font-weight:700; font-variant-numeric:var(--cs-money-tabular); text-align:end; }
.line-item-totals { display:grid; gap:var(--cs-space-2); padding:var(--cs-space-4); border-top:1px solid var(--cs-color-line-strong); background:rgba(3,16,31,.24); }
.line-item-totals__row { display:flex; justify-content:space-between; gap:var(--cs-space-4); color:var(--cs-color-text-muted); font-size:.8125rem; }
.line-item-totals__row strong { color:var(--cs-color-text); font-variant-numeric:var(--cs-money-tabular); }
.line-item-totals__row--total { margin-top:var(--cs-space-2); padding-top:var(--cs-space-3); border-top:1px solid var(--cs-color-line-subtle); color:var(--cs-color-text); font-weight:600; }
.line-item-totals__row--total strong { color:var(--cs-color-text-strong); font-size:1.125rem; }
.statement-note { padding:var(--cs-space-4); border:1px solid var(--cs-color-line-strong); border-radius:var(--cs-radius-xl); background:rgba(204,225,246,.055); color:var(--cs-color-text-muted); font-size:.8125rem; line-height:1.55; }
.statement-note strong { color:var(--cs-color-text); }
.statement-actions { display:grid; grid-template-columns:1fr 1fr; gap:var(--cs-space-2); }

/* Manager */
.manager-rollup {
  display:grid; gap:var(--cs-space-4); padding:var(--cs-space-5); border:1px solid var(--cs-color-line);
  border-radius:var(--cs-radius-2xl); background:rgba(10,42,77,.72);
}
.manager-rollup__head { display:flex; justify-content:space-between; gap:var(--cs-space-3); align-items:flex-start; }
.manager-rollup__label { margin:0; color:var(--cs-color-text-muted); font-size:var(--cs-font-size-caption); }
.manager-rollup__support { margin:.25rem 0 0; max-width:26rem; color:var(--cs-color-text-subtle); font-size:.8125rem; line-height:1.5; }
.manager-rollup__metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--cs-space-2); }
.manager-rollup__metric { padding:var(--cs-space-3); border:1px solid var(--cs-color-line-subtle); border-radius:var(--cs-radius-lg); background:rgba(3,16,31,.28); }
.manager-rollup__metric-label { display:block; color:var(--cs-color-text-subtle); font-size:.6875rem; }
.manager-rollup__metric-value { display:block; margin-top:.2rem; color:var(--cs-color-text); font-size:.875rem; font-weight:600; font-variant-numeric:var(--cs-money-tabular); }
.manager-list { display:grid; gap:var(--cs-space-3); }
.manager-card { display:grid; gap:var(--cs-space-4); padding:var(--cs-space-4); border:1px solid var(--cs-color-line); border-radius:var(--cs-radius-2xl); background:rgba(10,42,77,.66); }
.manager-card--ended { opacity:.84; background:rgba(3,16,31,.24); }
.manager-card__head { display:grid; grid-template-columns:2.75rem minmax(0,1fr) auto; gap:var(--cs-space-3); align-items:center; }
.manager-card__avatar { display:grid; place-items:center; width:2.75rem; height:2.75rem; border:1px solid var(--cs-color-info-line); border-radius:50%; background:var(--cs-color-info-bg); color:var(--cs-color-light-blue); font-size:var(--cs-font-size-caption); font-weight:700; }
.manager-card__handle { margin:0; color:var(--cs-color-text); font-size:var(--cs-font-size-small); font-weight:600; }
.manager-card__since { margin:.1rem 0 0; color:var(--cs-color-text-subtle); font-size:.6875rem; }
.manager-card__stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--cs-space-2); }
.manager-card__stat { min-width:0; padding:var(--cs-space-3); border:1px solid var(--cs-color-line-subtle); border-radius:var(--cs-radius-lg); background:rgba(3,16,31,.27); }
.manager-card__stat-label { display:block; color:var(--cs-color-text-subtle); font-size:.6875rem; line-height:1.3; }
.manager-card__stat-value { display:block; margin-top:.25rem; color:var(--cs-color-text); font-size:.8125rem; font-weight:600; font-variant-numeric:var(--cs-money-tabular); }
.manager-card__stat-value--up { color:var(--cs-color-success-text); }
.manager-card__stat-value--down { color:var(--cs-color-danger-text); }
.manager-card__share { display:flex; align-items:end; justify-content:space-between; gap:var(--cs-space-4); padding:var(--cs-space-3); border:1px solid var(--cs-color-line-subtle); border-radius:var(--cs-radius-lg); background:rgba(3,16,31,.30); }
.manager-card__share-label { display:block; color:var(--cs-color-text-subtle); font-size:.6875rem; }
.manager-card__share-rate { display:block; margin-top:.15rem; color:var(--cs-color-light-blue); font-size:.8125rem; font-weight:600; }
.manager-card__share-amount { color:var(--cs-color-text-strong); font-size:1.125rem; font-weight:700; font-variant-numeric:var(--cs-money-tabular); }
.manager-explainer { padding:var(--cs-space-4); border:1px solid var(--cs-color-line-strong); border-radius:var(--cs-radius-xl); background:rgba(204,225,246,.055); color:var(--cs-color-text-muted); font-size:.8125rem; line-height:1.55; }
.manager-explainer strong { color:var(--cs-color-text); }

/* Payout and tax */
.payout-rule-list { display:grid; gap:var(--cs-space-2); }
.payout-rule { display:grid; grid-template-columns:2.5rem minmax(0,1fr); gap:var(--cs-space-3); align-items:start; padding:var(--cs-space-3); border:1px solid var(--cs-color-line); border-radius:var(--cs-radius-xl); background:rgba(10,42,77,.55); }
.payout-rule__icon { display:grid; place-items:center; width:2.5rem; height:2.5rem; border-radius:50%; background:var(--cs-color-info-bg); color:var(--cs-color-primary); }
.payout-rule__icon svg { width:1.2rem; height:1.2rem; }
.payout-rule__title { margin:0; color:var(--cs-color-text); font-size:var(--cs-font-size-small); font-weight:600; }
.payout-rule__body { margin:.15rem 0 0; color:var(--cs-color-text-muted); font-size:.8125rem; line-height:1.5; }
.sensitive-note { display:grid; grid-template-columns:auto minmax(0,1fr); gap:var(--cs-space-3); padding:var(--cs-space-4); border:1px solid var(--cs-color-line-strong); border-radius:var(--cs-radius-xl); background:rgba(204,225,246,.05); }
.sensitive-note svg { width:1.1rem; height:1.1rem; color:var(--cs-color-light-blue); margin-top:.1rem; }
.sensitive-note__title { margin:0; color:var(--cs-color-text); font-size:.8125rem; font-weight:600; }
.sensitive-note__body { margin:.25rem 0 0; color:var(--cs-color-text-muted); font-size:.8125rem; line-height:1.5; }
.payout-form { display:grid; gap:var(--cs-space-5); }
.payout-methods { margin:0; padding:0; border:0; min-width:0; }
.payout-methods__legend { margin-bottom:var(--cs-space-3); color:var(--cs-color-text); font-size:var(--cs-font-size-small); font-weight:600; }
.payout-methods__grid { display:grid; gap:var(--cs-space-2); }
.payout-option { position:relative; display:grid; grid-template-columns:2.5rem minmax(0,1fr) auto; gap:var(--cs-space-3); align-items:center; min-height:5rem; padding:var(--cs-space-3); border:1px solid var(--cs-color-line-strong); border-radius:var(--cs-radius-xl); background:rgba(3,16,31,.28); cursor:pointer; }
.payout-option:hover { border-color:rgba(204,225,246,.44); }
.payout-option:has(input:checked) { border-color:var(--cs-color-primary); background:var(--cs-color-info-bg); box-shadow:0 0 0 1px rgba(1,126,255,.12) inset; }
.payout-option__icon { display:grid; place-items:center; width:2.5rem; height:2.5rem; border:1px solid var(--cs-color-line-strong); border-radius:50%; color:var(--cs-color-light-blue); }
.payout-option__icon svg { width:1.2rem; height:1.2rem; }
.payout-option__title { display:block; color:var(--cs-color-text); font-size:var(--cs-font-size-small); font-weight:600; }
.payout-option__body { display:block; margin-top:.1rem; color:var(--cs-color-text-muted); font-size:.75rem; line-height:1.4; }
.payout-option__radio { appearance:none; width:1.125rem; height:1.125rem; border:1px solid var(--cs-color-line-strong); border-radius:50%; background:rgba(3,16,31,.5); }
.payout-option__radio:checked { border:4px solid var(--cs-color-primary); background:var(--cs-color-bg); }
.payout-option__radio:focus-visible { outline:0; box-shadow:var(--cs-shadow-focus); }
.payout-details { display:grid; gap:var(--cs-space-4); padding:var(--cs-space-4); border:1px solid var(--cs-color-line); border-radius:var(--cs-radius-xl); background:rgba(10,42,77,.52); }
.payout-details[hidden] { display:none; }
.payout-field { display:grid; gap:var(--cs-space-2); }
.payout-field__label { color:var(--cs-color-text); font-size:.8125rem; font-weight:600; }
.payout-field__control { width:100%; min-height:3.25rem; padding:0 var(--cs-space-4); border:1px solid var(--cs-color-line-strong); border-radius:var(--cs-radius-md); background:var(--cs-color-field-bg); color:var(--cs-color-text); font:inherit; font-size:var(--cs-font-size-small); }
.payout-field__control::placeholder { color:var(--cs-color-text-subtle); }
.payout-field__control:focus-visible { outline:0; border-color:var(--cs-color-primary); box-shadow:var(--cs-shadow-focus); background:var(--cs-color-field-bg-focus); }
.payout-field__hint { margin:0; color:var(--cs-color-text-subtle); font-size:.75rem; line-height:1.45; }
.payout-field__error { margin:0; color:var(--cs-color-danger-text); font-size:.75rem; }
.payout-field__control[aria-invalid="true"] { border-color:var(--cs-color-danger); box-shadow:0 0 0 4px rgba(210,63,77,.16); }
.tax-card { display:grid; gap:var(--cs-space-3); padding:var(--cs-space-4); border:1px solid var(--cs-color-warning-line); border-radius:var(--cs-radius-xl); background:var(--cs-color-warning-bg); }
.tax-card--complete { border-color:var(--cs-color-success-line); background:var(--cs-color-success-bg); }
.tax-card__head { display:flex; justify-content:space-between; align-items:flex-start; gap:var(--cs-space-3); }
.tax-card__title { margin:0; color:var(--cs-color-text); font-size:var(--cs-font-size-small); font-weight:600; }
.tax-card__body { margin:.25rem 0 0; color:var(--cs-color-text-muted); font-size:.8125rem; line-height:1.5; }
.tax-card__action { width:100%; }
.saved-details { display:grid; gap:var(--cs-space-3); padding:var(--cs-space-4); border:1px solid var(--cs-color-success-line); border-radius:var(--cs-radius-xl); background:var(--cs-color-success-bg); }
.saved-details__head { display:flex; gap:var(--cs-space-3); align-items:flex-start; }
.saved-details__icon { color:var(--cs-color-success-text); }
.saved-details__icon svg { width:1.25rem; height:1.25rem; }
.saved-details__title { margin:0; color:var(--cs-color-text-strong); font-size:var(--cs-font-size-small); font-weight:600; }
.saved-details__body { margin:.2rem 0 0; color:var(--cs-color-text-muted); font-size:.8125rem; line-height:1.5; }
.saved-details__rows { display:grid; gap:var(--cs-space-2); padding-top:var(--cs-space-3); border-top:1px solid rgba(31,157,87,.32); }
.saved-details__row { display:flex; justify-content:space-between; gap:var(--cs-space-4); color:var(--cs-color-text-muted); font-size:.8125rem; }
.saved-details__row strong { color:var(--cs-color-text); font-weight:600; text-align:end; }

/* Shared states */
.finance-empty, .finance-error, .finance-success {
  display:grid; justify-items:start; gap:var(--cs-space-4); padding:var(--cs-space-6);
  border:1px solid var(--cs-color-line); border-radius:var(--cs-radius-2xl); background:rgba(10,42,77,.52);
}
.finance-state__icon { display:grid; place-items:center; width:3.5rem; height:3.5rem; border:1px solid var(--cs-color-info-line); border-radius:50%; background:var(--cs-color-info-bg); color:var(--cs-color-primary); }
.finance-state__icon svg { width:1.65rem; height:1.65rem; }
.finance-error { border-color:var(--cs-color-danger-line); background:var(--cs-color-danger-bg); }
.finance-error .finance-state__icon { border-color:var(--cs-color-danger-line); background:rgba(210,63,77,.12); color:var(--cs-color-danger-text); }
.finance-success { border-color:var(--cs-color-success-line); background:var(--cs-color-success-bg); }
.finance-success .finance-state__icon { border-color:var(--cs-color-success-line); background:rgba(31,157,87,.12); color:var(--cs-color-success-text); }
.finance-state__title { margin:0; color:var(--cs-color-text-strong); font-size:1.125rem; font-weight:600; }
.finance-state__body { margin:.25rem 0 0; color:var(--cs-color-text-muted); font-size:.875rem; line-height:1.55; }
.finance-state__actions { display:flex; flex-wrap:wrap; gap:var(--cs-space-2); }

.finance-skeleton { display:grid; gap:var(--cs-space-3); }
.finance-skeleton__card { display:grid; gap:var(--cs-space-4); padding:var(--cs-space-4); border:1px solid var(--cs-color-line); border-radius:var(--cs-radius-2xl); background:rgba(10,42,77,.42); }
.finance-skeleton__row { display:flex; justify-content:space-between; gap:var(--cs-space-4); }
.finance-skeleton__line { display:block; height:.75rem; border-radius:var(--cs-radius-pill); background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.11),rgba(255,255,255,.05)); background-size:200% 100%; animation:finance-shimmer 1.5s linear infinite; }
.finance-skeleton__line--xs { width:4.5rem; }
.finance-skeleton__line--sm { width:7rem; }
.finance-skeleton__line--md { width:12rem; }
.finance-skeleton__line--lg { width:70%; }
.finance-skeleton__blocks { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--cs-space-2); }
.finance-skeleton__block { height:4rem; border-radius:var(--cs-radius-lg); background:rgba(255,255,255,.05); }
@keyframes finance-shimmer { to { background-position:-200% 0; } }

.finance-toast {
  position:fixed; inset-inline:var(--cs-space-4); inset-block-end:calc(5.75rem + env(safe-area-inset-bottom)); z-index:60;
  display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:var(--cs-space-3); align-items:center;
  max-width:30rem; margin-inline:auto; padding:var(--cs-space-3) var(--cs-space-4);
  border:1px solid var(--cs-color-success-line); border-radius:var(--cs-radius-xl);
  background:#0A2A31; color:var(--cs-color-text); box-shadow:var(--cs-shadow-raised);
}
.finance-toast[hidden] { display:none; }
.finance-toast svg { width:1.1rem; height:1.1rem; color:var(--cs-color-success-text); }
.finance-toast__close { display:grid; place-items:center; width:2.75rem; height:2.75rem; margin:-.5rem -.75rem -.5rem 0; border:0; background:transparent; color:var(--cs-color-text-muted); }

/* Desktop adjustments */
@media (min-width:56.25rem) {
  .money-page { gap:var(--cs-space-8); }
  .money-page__header { gap:var(--cs-space-4); }
  .money-page__title { font-size:3.25rem; }
  .payout-gate { grid-template-columns:3rem minmax(0,1fr); padding:var(--cs-space-5); }
  .payout-gate__icon { width:3rem; height:3rem; }
  .finance-summary { gap:var(--cs-space-3); }
  .finance-summary__item { padding:var(--cs-space-4); }
  .finance-summary__value { font-size:1.25rem; }
  .statement-card { padding:var(--cs-space-5); }
  .statement-card__amounts { gap:var(--cs-space-3); }
  .statement-card__amount { padding:var(--cs-space-4); }
  .statement-card__amount-value { font-size:1rem; }
  .statement-card__amount--total .statement-card__amount-value { font-size:1.125rem; }
  .statement-hero { padding:var(--cs-space-6); }
  .line-item { grid-template-columns:minmax(0,1.25fr) minmax(20rem,1fr); align-items:center; padding:var(--cs-space-4) var(--cs-space-5); }
  .line-item__meta { grid-template-columns:minmax(0,1fr) 5rem 6rem; }
  .manager-rollup { padding:var(--cs-space-6); }
  .manager-rollup__metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .manager-card { padding:var(--cs-space-5); }
  .payout-rule-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .payout-rule { grid-template-columns:2.5rem minmax(0,1fr); }
  .payout-methods__grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .payout-option { grid-template-columns:2.5rem minmax(0,1fr); align-content:start; }
  .payout-option__radio { position:absolute; inset-block-start:1rem; inset-inline-end:1rem; }
  .payout-details { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .payout-details .payout-field:last-child { grid-column:1/-1; }
  .finance-toast { inset-block-end:var(--cs-space-6); }
}

@media (prefers-reduced-motion:reduce) {
  .finance-skeleton__line { animation:none; background:rgba(255,255,255,.07); }
}
.statement-actions .cs-button { display:inline-flex; align-items:center; justify-content:center; gap:var(--cs-space-2); min-width:0; }
.statement-actions .cs-button svg { width:1rem; height:1rem; flex:none; }