.reference-preview{display:flex;align-items:center;gap:16px;padding:10px 28px;background:#fff8eb;border-bottom:1px solid #efdfc3;font:13px Arial,sans-serif;color:#8d651f;flex-wrap:wrap}.reference-preview select{background:white;border:1px solid #ddd;border-radius:6px;padding:6px 12px;color:#222}.reference-preview a{margin-left:auto;color:#946219;text-decoration:none}.reference-agent-note{padding:16px 20px;margin:0 0 24px;background:#fffaf0;border:1px solid #eadabf;border-radius:12px;color:#292929}.reference-agent-note strong{font-size:14px}.reference-agent-note p{font-size:13px;line-height:1.7;color:#776b57;margin:6px 0 0}.reference-demo{position:fixed;bottom:0;left:0;right:0;z-index:80;background:#fff;border-top:1px solid #e5e7eb;padding:8px 20px;color:#8c6a2d;text-align:center;font:12px/1.5 Arial,sans-serif}body{padding-bottom:38px}.modal,.modal-content,.modal-dialog{color-scheme:light}.modal-content{background:#fff!important;color:#222!important}

/* Keep the main site's white and yellow visual theme on My Invitations. */
:root {
  --color-primary:#c98711;
  --color-primary-hover:#a86e0c;
  --color-primary-light:#f8edd9;
  --color-primary-lighter:#fdf5e8;
  --color-accent:#d99a25;
  --color-accent-hover:#ba7d13;
  --color-bg:#ffffff;
  --color-surface-hover:#fafafa;
  --color-surface-muted:#f5f5f5;
  --color-border:#e6e7e9;
  --color-border-light:#f1f1f2;
  --color-border-hover:#d6d7d9;
  --color-text:#17191c;
  --color-text-sub:#676b72;
  --color-text-muted:#999da4;
  --brand-gradient:linear-gradient(135deg,#d99a25,#c98711);
  --brand-gradient-soft:linear-gradient(135deg,#fdf5e8,#f8edd9);
}
.referral-dashboard{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;background:#fff}
.referral-dashboard .client-logo{background:none;-webkit-text-fill-color:initial;color:#d9910e}
.referral-dashboard .stat-card-large::before,
.referral-dashboard .stat-card-large.fee-card::before,
.referral-dashboard .stat-card-large.profit-card::before,
.referral-dashboard .stat-card-total::before{background:#d99a25}
.referral-dashboard .stat-card-large .stat-value,
.referral-dashboard .stat-card-large.fee-card .stat-value,
.referral-dashboard .stat-card-large.profit-card .stat-value,
.referral-dashboard .stat-card-total .stat-value{background:none;color:#17191c;-webkit-text-fill-color:#17191c}
.referral-dashboard .withdraw-btn.profit-btn,
.referral-dashboard .withdraw-btn.fee-btn:not(:disabled),
.referral-dashboard .btn-primary{background:#f3cf84;color:#744c09;border-color:#e8bd62}
.referral-dashboard .withdraw-btn.profit-btn:hover,
.referral-dashboard .withdraw-btn.fee-btn:hover:not(:disabled),
.referral-dashboard .btn-primary:hover{background:#edc36c;box-shadow:0 4px 12px #c9871120}
.referral-dashboard .progress-bar-fill,
.referral-dashboard .progress-bar-fill.ready{background:#d99a25}
.referral-dashboard .badge-info{color:#946219}
.referral-dashboard .remark-input{box-shadow:0 0 0 3px #c987111a}

.agent-demo-entry{display:inline-flex;align-items:center;white-space:nowrap;text-decoration:none;background:#fdf5e8;border:1px solid #edcf94;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;color:#a2680b}.agent-demo-entry:hover{background:#f8edd9;border-color:#d99a25}.agent-demo-entry:focus-visible{outline:2px solid #c98711;outline-offset:3px}

.agent-demo-entry[hidden]{display:none!important}