.platform-profile-recharge-modal-backdrop {
  background: var(--platform-overlay-fill);
  color: var(--platform-text-strong);
  backdrop-filter: blur(12px);
}

.platform-profile-recharge-modal,
.platform-recharge-modal {
  border: 1px solid var(--platform-modal-border);
  background: var(--platform-modal-fill);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 24px 80px rgba(0, 0, 0, 0.18);
}

.platform-profile-recharge-modal__close {
  border: 1px solid rgba(255, 255, 255, 0.32);
  background: var(--platform-profile-chip-fill);
  color: var(--platform-text-soft);
  box-shadow: 0 10px 24px rgba(112, 57, 30, 0.08);
}

.platform-profile-recharge-modal__close:hover:not(:disabled) {
  background: var(--platform-profile-chip-hover-fill);
  color: var(--platform-text-strong);
}

.platform-profile-recharge-modal__subpanel {
  border: 1px solid var(--platform-subpanel-border);
  background: var(--platform-subpanel-fill);
}

.platform-profile-recharge-modal__interactive-card {
  transition:
    transform 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    background 160ms ease;
}

.platform-profile-recharge-modal__interactive-card:hover:not(:disabled) {
  border-color: var(--platform-surface-hover-border);
  background: var(--platform-subpanel-fill);
  box-shadow: 0 12px 26px rgba(112, 57, 30, 0.08);
  transform: translateY(-1px);
}

.platform-profile-recharge-modal__interactive-card:active:not(:disabled) {
  transform: translateY(0);
}

.platform-profile-recharge-modal__primary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--platform-button-primary-border);
  background: var(--platform-button-primary-fill);
  color: var(--platform-button-primary-text);
  box-shadow: var(--platform-profile-action-shadow);
  transition:
    opacity 160ms ease,
    transform 160ms ease,
    box-shadow 160ms ease;
}

.platform-profile-recharge-modal__primary-button:hover:not(:disabled) {
  box-shadow: 0 16px 34px rgba(182, 98, 63, 0.28);
  transform: translateY(-1px);
}

.platform-profile-recharge-modal__primary-button:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.platform-profile-recharge-modal__status-error {
  border: 1px solid var(--platform-button-danger-border);
  background: var(--platform-button-danger-fill);
  color: var(--platform-button-danger-text);
}

.platform-profile-recharge-modal__empty {
  border: 1px solid var(--platform-subpanel-border);
  background: var(--platform-subpanel-fill);
  color: var(--platform-text-soft);
}

.platform-profile-recharge-modal__badge-warning {
  border: 1px solid var(--platform-warm-border);
  background: var(--platform-warm-bg);
  color: var(--platform-warm-text);
}