/* Existing blue / teal / gold public-page palette, shared by normal and VIP flows. */
.recharge-plan {
  --tier-color: #175d9c;
  --tier-border: #b9dbff;
  --tier-background: #eef7ff;
  margin: 0 0 18px;
  padding: 14px;
  border: 1px solid var(--tier-border);
  border-radius: 12px;
  background: var(--tier-background);
  color: #15253d;
  text-align: left;
}
.recharge-plan[data-plan="pro5"] {
  --tier-color: #087d73;
  --tier-border: #9edbd2;
  --tier-background: #f0fbf8;
}
.recharge-plan[data-plan="pro20"] {
  --tier-color: #975c09;
  --tier-border: #ebc77d;
  --tier-background: #fffaef;
}
.recharge-plan[data-plan="pro50"] { --tier-color: #7553a6; --tier-border: #dfd3f3; --tier-background: #f5f0ff; }
.recharge-plan-title { display: block; color: var(--tier-color); font-size: 16px; line-height: 1.5; }
.recharge-plan-options { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; margin-top: 10px; }
.recharge-plan-option { min-width: 0; padding: 9px 3px; border: 1px solid #dce7f3; border-radius: 8px; background: #fff; color: #536780; text-align: center; font-size: 13px; font-weight: 700; line-height: 1.4; }
.recharge-plan-option.is-current { border-color: var(--tier-color); background: var(--tier-color); color: #fff; }
.recharge-plan-note { margin: 9px 0 0; color: #536780; font-size: 12px; line-height: 1.65; text-wrap: pretty; }
.panel > .recharge-plan { margin: 0 24px 20px; }
@media (max-width: 480px) {
  .recharge-plan { padding: 11px; }
  .recharge-plan-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .recharge-plan-option { font-size: 12px; }
}

.recharge-plan[data-plan="quota"] { --tier-color: #176e61; --tier-border: #b5ddd0; --tier-background: #f1faf6; }

.recharge-overlay[data-state="review"] .recharge-ring { display: none; }
.recharge-overlay[data-state="review"] .recharge-symbol { display: flex; color: #a76b16; }
.recharge-overlay[data-state="review"] .recharge-dialog { border-color: #e7c995; }
.recharge-overlay[data-state="review"] .queue-status-card { display: none; }
