/* Beautyforest, My Account → Rewards dashboard. Enqueued on account pages. Uses tokens.css vars. */

.bf-rewards-acc{display:flex;flex-direction:column;gap:var(--bf-space-3)}

/* Notices */
.bf-rewards-acc__notice{padding:.75rem 1rem;border-radius:var(--bf-radius);font-size:var(--bf-fs-ui)}
.bf-rewards-acc__notice--success{background:rgba(95,190,34,.12);border:1px solid var(--bf-green);color:var(--bf-green-ink)}
.bf-rewards-acc__notice--error{background:rgba(180,35,24,.08);border:1px solid var(--bf-error);color:var(--bf-error)}
.bf-rewards-acc__code{font-size:var(--bf-fs-body)}
.bf-rewards-acc__code code{background:var(--bf-mint);border:1px dashed var(--bf-graphite);border-radius:var(--bf-radius-sm);padding:.3rem .7rem;font-weight:700;letter-spacing:.05em}

/* Summary: balance + tier */
.bf-rewards-acc__summary{display:flex;flex-wrap:wrap;gap:var(--bf-space-2);align-items:center;justify-content:space-between;background:var(--bf-graphite);color:var(--bf-white);border-radius:var(--bf-radius);padding:var(--bf-space-3)}
.bf-rewards-acc__balance{display:flex;flex-direction:column;line-height:1}
.bf-rewards-acc__balance-num{font-family:var(--bf-font-head);font-size:var(--bf-fs-display);color:var(--bf-green)}
.bf-rewards-acc__balance-label{font-size:var(--bf-fs-eyebrow);text-transform:uppercase;letter-spacing:var(--bf-track-eyebrow);color:#cdd6cf;margin-top:.4rem}
.bf-rewards-acc__tier{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;text-align:right}
.bf-rewards-acc__tier-badge{display:inline-block;border-radius:var(--bf-radius-pill);padding:.35rem 1rem;font-weight:700;font-size:.85rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}
.bf-rewards-acc__tier-rate{font-size:var(--bf-fs-ui);color:#cdd6cf}
/* Tier accents */
.bf-tier--bronze{background:rgba(176,141,87,.22);border-color:#b08d57;color:#e7cda4}
.bf-tier--silver{background:rgba(192,192,192,.2);border-color:#c0c0c0;color:#e8e8e8}
.bf-tier--gold{background:rgba(212,175,55,.22);border-color:#d4af37;color:#f0d984}
.bf-tier--platinum{background:rgba(229,228,226,.22);border-color:#e5e4e2;color:#f4f4f2}

/* Progress to next tier */
.bf-rewards-acc__progress-label{font-size:var(--bf-fs-ui);color:var(--bf-stone-deep);margin:0 0 .5rem}
.bf-rewards-acc__bar{height:8px;background:var(--bf-mint);border-radius:var(--bf-radius-pill);overflow:hidden}
.bf-rewards-acc__bar span{display:block;height:100%;background:var(--bf-green);border-radius:var(--bf-radius-pill);transition:width var(--bf-transition)}

/* Section headings */
.bf-rewards-acc__h{font-family:var(--bf-font-head);font-size:var(--bf-fs-h3);margin:var(--bf-space-2) 0 0}

/* Redeem grid */
.bf-rewards-acc__rewards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--bf-space-2)}
.bf-rewards-acc__reward{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;background:var(--bf-white);border:1px solid var(--bf-hairline);border-radius:var(--bf-radius-sm);padding:var(--bf-space-2);box-shadow:var(--bf-shadow-seg)}
.bf-rewards-acc__reward.is-locked{opacity:.6}
.bf-rewards-acc__reward-value{font-family:var(--bf-font-head);font-size:var(--bf-fs-h2);color:var(--bf-graphite)}
.bf-rewards-acc__reward-cost{font-size:var(--bf-fs-ui);color:var(--bf-stone-deep)}
.bf-rewards-acc__reward-need{font-size:var(--bf-fs-eyebrow);text-transform:uppercase;letter-spacing:var(--bf-track-eyebrow);color:var(--bf-stone)}
.bf-rewards-acc__reward form{margin:0}

/* History table */
.bf-rewards-acc__history{width:100%}
.bf-rewards-acc__history .is-credit{color:var(--bf-green-deep);font-weight:700}
.bf-rewards-acc__history .is-debit{color:var(--bf-error);font-weight:700}
.bf-rewards-acc__note{display:block;font-size:var(--bf-fs-eyebrow);color:var(--bf-stone)}
.bf-rewards-acc__empty{color:var(--bf-stone-deep)}
.bf-rewards-acc__pager{display:flex;gap:var(--bf-space-2);margin-top:var(--bf-space-2)}

@media(max-width:600px){
	.bf-rewards-acc__summary{flex-direction:column;align-items:flex-start}
	.bf-rewards-acc__tier{align-items:flex-start;text-align:left}
}