/* partner.css — Become a Partner, Payments, and the Partner Dashboard.
   Owned entirely by Tasks 12/13; tokens come from brand.css (never edited here). */

/* ---- Packages (Task 12) ---- */

.package-card {
  background: var(--white);
  border-top: 4px solid var(--royal);
  padding: 2.5rem 2rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
  box-shadow: 0 2px 12px rgba(27, 42, 74, 0.06);
  transition: transform 250ms ease, box-shadow 250ms ease;
}
.package-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(27, 42, 74, 0.14);
}
.package-card--extra { border-top-color: var(--teal); }

.package-card__name   { color: var(--navy); letter-spacing: 0.06em; text-transform: uppercase; font-size: 1.1rem; }
.package-card__amount { color: var(--rust); font-size: 2.2rem; font-weight: 800; margin: 1rem 0 0.5rem; }
.package-card__period { color: var(--body); font-size: 0.9rem; font-weight: 400; }
.package-card__description { flex: 1; margin-bottom: 1.5rem; }

/* ---- Payments (Task 12) ---- */

.amount-summary {
  background: var(--grey-fill);
  border-left: 4px solid var(--rust);
  padding: 1.5rem 2rem;
  display: flex;
  flex-direction: column;
}
.amount-summary__label   { font-size: 0.8rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--body); }
.amount-summary__value   { font-size: 2.4rem; font-weight: 800; color: var(--navy); line-height: 1.2; }
.amount-summary__partner { color: var(--teal); font-weight: 600; }

.bank-details          { display: grid; grid-template-columns: max-content 1fr; gap: 0.5rem 1.5rem; }
.bank-details dt       { color: var(--body); font-weight: 600; }
.bank-details dd       { color: var(--navy); font-weight: 700; margin: 0; }

/* ---- Partner Dashboard (Task 13) ---- */

.stat-card {
  background: var(--white);
  border-radius: 4px;
  padding: 1.75rem 1.5rem;
  text-align: center;
  box-shadow: 0 2px 12px rgba(27, 42, 74, 0.06);
  border-bottom: 3px solid var(--royal);
  height: 100%;
}
.stat-card--live { border-bottom-color: var(--rust); }

.stat-card__value {
  font-size: 1.85rem;
  font-weight: 800;
  color: var(--navy);
  line-height: 1.15;
}
.stat-card__label {
  margin-top: 0.4rem;
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--body);
}

.progress-bar-wrap {
  background: var(--grey-fill);
  border-radius: 999px;
  height: 1.1rem;
  overflow: hidden;
}
.progress-bar-fill {
  background: linear-gradient(90deg, var(--rust) 0%, var(--rust-dark) 100%);
  height: 100%;
  border-radius: 999px;
  transition: width 400ms ease;
}

#givingChart, #sourceChart {
  background: var(--white);
  border-radius: 4px;
  padding: 1rem;
  box-shadow: 0 2px 12px rgba(27, 42, 74, 0.06);
  max-width: 100%;
}