/* Payment controls extend the approved OTPBlast styling, without changing its theme. */
.payment-workspace{margin-top:20px;min-width:0}
.payment-form{display:grid;gap:14px;margin:18px 0 24px;max-width:680px}
.payment-form label{display:grid;gap:8px;font-size:.88rem;font-weight:600;color:var(--text-secondary)}
.payment-form .input-search-items{width:100%;min-width:0;box-sizing:border-box;padding:12px 14px;font-family:inherit}
.payment-form textarea{resize:vertical;min-height:76px}
.payment-form .btn-buy-number{width:max-content;max-width:100%;padding:12px 18px}
.payment-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;border:1px solid var(--border-color);border-radius:12px;padding:14px;margin:10px 0;background:var(--bg-secondary);min-width:0}
.payment-row-field{display:flex;flex-direction:column;gap:6px;min-width:110px;max-width:100%;overflow-wrap:anywhere}
.payment-row-field small{color:var(--text-muted);font-size:.72rem}
.payment-row-field strong{font-size:.87rem;color:var(--text-primary);font-family:inherit}
.payment-row p{flex-basis:100%;margin:2px 0;overflow-wrap:anywhere}
.payment-rows{max-height:620px;overflow-y:auto;overflow-x:hidden}
.payment-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0}
.payment-two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.payment-form .payment-check{display:flex;flex-direction:row;align-items:center;gap:10px}
.payment-check input{accent-color:var(--accent-orange)}
@media(max-width:640px){.payment-form{width:100%}.payment-two-columns{grid-template-columns:1fr}.payment-row{gap:12px}.payment-row-field{flex:1 1 120px}.payment-workspace{padding:16px!important}}