/**
 * Player paywall sheet only. Catalog, setup, and onboarding rules are unchanged.
 * Phase 1 tokens. No serif. No pill buttons.
 */

#rc-paywall-overlay .rc-paywall-sheet {
  background: var(--cs-ledger-surface);
  border-radius: var(--cs-radius-4) var(--cs-radius-4) 0 0;
  font-family: var(--cs-font-sans);
  color: var(--cs-ledger-ink);
}

#rc-paywall-overlay .rc-paywall-close {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  min-width: var(--cs-hit-min);
  min-height: var(--cs-hit-min);
  margin: 0 0 var(--cs-space-2) auto;
  padding: 0 var(--cs-space-3);
  border: 1px solid var(--cs-ledger-border);
  border-radius: var(--cs-radius-2);
  background: var(--cs-ledger-surface);
  color: var(--cs-ledger-ink);
  font-family: var(--cs-font-sans);
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
}

#rc-paywall-overlay .rc-paywall-head {
  padding-right: 0;
}

#rc-paywall-overlay .rc-paywall-title,
#rc-paywall-overlay .rc-paywall-state,
#rc-paywall-overlay .rc-paywall-plan,
#rc-paywall-overlay .rc-paywall-features li,
#rc-paywall-overlay .rc-paywall-fine,
#rc-paywall-overlay .rc-paywall-error,
#rc-paywall-overlay .rc-paywall-primary,
#rc-paywall-overlay .rc-paywall-restore,
#rc-paywall-overlay .rc-paywall-fine-link,
#rc-paywall-overlay .rc-paywall-days {
  font-family: var(--cs-font-sans);
  font-style: normal;
}

#rc-paywall-overlay .rc-paywall-title {
  font-size: 22px;
  font-weight: 700;
  color: var(--cs-ledger-ink);
}

#rc-paywall-overlay .rc-paywall-state,
#rc-paywall-overlay .rc-paywall-features li,
#rc-paywall-overlay .rc-paywall-fine,
#rc-paywall-overlay .rc-paywall-days {
  font-size: 15px;
  line-height: 1.45;
  color: var(--cs-ledger-muted);
}

#rc-paywall-overlay .rc-paywall-days-num,
#rc-paywall-overlay .rc-paywall-price,
#rc-paywall-overlay .rc-paywall-fine-amt {
  font-family: var(--cs-font-numbers);
  color: var(--cs-ledger-ink);
}

#rc-paywall-overlay .rc-paywall-days-num {
  font-size: 22px;
  font-weight: 500;
}

#rc-paywall-overlay .rc-paywall-primary,
#rc-paywall-overlay .rc-paywall-option {
  box-sizing: border-box;
  height: var(--cs-btn-primary-height);
  min-height: var(--cs-btn-primary-height);
  padding: 0 var(--cs-space-4);
  border-radius: var(--cs-radius-2);
}

#rc-paywall-overlay .rc-paywall-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: var(--cs-space-4);
  border: none;
  background: var(--cs-ledger-ink);
  color: var(--cs-ledger-bg);
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

#rc-paywall-overlay .rc-paywall-primary[hidden] {
  display: none;
}

#rc-paywall-overlay .rc-paywall-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--cs-ledger-bg);
  border: 1px solid var(--cs-ledger-border);
  box-shadow: none;
}

#rc-paywall-overlay .rc-paywall-option--annual {
  border-color: var(--cs-ledger-ink);
  background: var(--cs-ledger-bg);
}

#rc-paywall-overlay .rc-paywall-plan {
  font-size: 16px;
  font-weight: 600;
  color: var(--cs-ledger-ink);
  margin: 0;
}

#rc-paywall-overlay .rc-paywall-price {
  font-size: 22px;
  font-weight: 500;
}

#rc-paywall-overlay .rc-paywall-price span {
  font-family: var(--cs-font-sans);
  font-size: 15px;
  font-weight: 500;
  color: var(--cs-ledger-muted);
}

#rc-paywall-overlay .rc-paywall-badge {
  border-radius: var(--cs-radius-1);
  font-family: var(--cs-font-sans);
  font-size: 13px;
}

#rc-paywall-overlay .rc-paywall-restore,
#rc-paywall-overlay .rc-paywall-fine-link {
  min-height: var(--cs-hit-min);
  font-size: 15px;
  font-weight: 600;
  color: var(--cs-ledger-ink);
  text-decoration: none;
  border-radius: var(--cs-radius-2);
}

#rc-paywall-overlay .rc-paywall-restore {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--cs-ledger-border);
  background: var(--cs-ledger-surface);
}

#rc-paywall-overlay .rc-paywall-fine-link {
  display: inline-flex;
  align-items: center;
  padding: 0 var(--cs-space-2);
  border: 1px solid var(--cs-ledger-border);
  background: var(--cs-ledger-surface);
}

#rc-paywall-overlay .rc-paywall-fine-amt {
  font-size: 15px;
}