.manual-payment-info {
  display: grid;
  gap: 9px;
  margin-top: 16px;
  padding: 15px;
  border: 1px solid #dbe5ef;
  border-radius: 16px;
  background: linear-gradient(145deg, #f7fafc, #fff);
}
.manual-payment-info[hidden] { display: none; }
.manual-payment-info > strong { color: #17324f; font-size: 1rem; }
.manual-payment-info > p { margin: 0; color: #64758b; line-height: 1.7; font-size: .86rem; }
.manual-payment-gateways { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin-top: 3px; }
.manual-payment-gateway { display: grid; justify-items: center; gap: 7px; min-width: 0; padding: 10px 6px; border: 1px solid #e1e8ef; border-radius: 12px; background: #fff; color: #52677d; font-size: .68rem; text-align: center; }
.gateway-mark { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; font-size: .9rem; font-weight: 900; }
.gateway-vodafone { color: #fff; background: #e60000; }
.gateway-etisalat { color: #fff; background: #108b78; }
.gateway-instapay { color: #fff; background: #1769aa; }
.gateway-paypal { color: #fff; background: linear-gradient(135deg, #003087, #009cde); }
.gateway-binance { color: #171717; background: #f5bd22; }
html[data-theme="dark"] .manual-payment-info { border-color: var(--line); background: var(--surface); }
html[data-theme="dark"] .manual-payment-info > strong { color: var(--text); }
html[data-theme="dark"] .manual-payment-info > p { color: var(--muted); }
html[data-theme="dark"] .manual-payment-gateway { border-color: var(--line); background: var(--surface-alt); color: var(--muted); }
@media (max-width: 640px) {
  .manual-payment-gateways { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}