/* Use the same tokens and shared chrome as Account and the referral landing. */
#dashboard-page .main-container {
    display: block;
    min-height: 0;
    max-width: var(--rc-container-narrow);
    margin: 0 auto;
    padding: var(--rc-sp-10) var(--rc-gutter) var(--rc-sp-20);
}
#dashboard-page .affiliate-back {
    display: inline-block;
    margin-bottom: var(--rc-sp-8);
    color: var(--rc-text-2);
    font-size: var(--rc-fs-small);
}
#dashboard-page .affiliate-back:hover { color: var(--rc-text); }
#dashboard-page .page-header { text-align: left; margin-bottom: var(--rc-sp-8); }
#dashboard-page .eyebrow { margin: 0 0 var(--rc-sp-3); }
#dashboard-page .main-title { font-size: var(--rc-fs-h2); }
#dashboard-page .page-subtitle { max-width: var(--rc-prose); margin: 0; }
#dashboard-page .card { margin: 0; padding: var(--rc-sp-8); }
#dashboard-page .card p, #dashboard-page .affiliate-guide p, #dashboard-page li {
    color: var(--rc-text-2);
    line-height: 1.6;
}
#dashboard-page #referral-status { margin: var(--rc-sp-5) 0; color: var(--rc-text); }
#dashboard-page .referral-link-row { display: flex; gap: var(--rc-sp-3); margin: var(--rc-sp-2) 0 var(--rc-sp-5); }
#dashboard-page #referral-link-input { flex: 1; min-width: 0; width: 100%; }
#dashboard-page #referral-copy-btn { flex-shrink: 0; }
#dashboard-page #affiliate-earnings { margin-bottom: var(--rc-sp-5); }
#dashboard-page .main-container .btn { margin: 0 var(--rc-sp-2) var(--rc-sp-2) 0; }
#dashboard-page .referral-link-row .btn { margin: 0; }
#dashboard-page .affiliate-guide { margin-top: var(--rc-sp-10); padding-top: var(--rc-sp-8); border-top: 1px solid var(--rc-line); }
#dashboard-page .affiliate-guide h2 { font-size: var(--rc-fs-h3); margin: 0 0 var(--rc-sp-5); }
#dashboard-page .affiliate-guide ol { padding-left: var(--rc-sp-5); margin: 0 0 var(--rc-sp-6); }
#dashboard-page .affiliate-guide li { padding-left: var(--rc-sp-2); margin-bottom: var(--rc-sp-3); }
#dashboard-page .affiliate-guide p { font-size: var(--rc-fs-small); margin-bottom: var(--rc-sp-5); }
#dashboard-page [hidden] { display: none !important; }
@media (max-width: 640px) {
    #dashboard-page .main-container { padding-top: var(--rc-sp-6); }
    #dashboard-page .card { padding: var(--rc-sp-5); }
    #dashboard-page .referral-link-row { flex-wrap: wrap; }
    #dashboard-page #referral-link-input { flex-basis: 100%; }
}