@import url('/ui/field-icons.css?v=20261007-fields1');
/* Checkout control polish only. The original banner, QR, artwork, status,
   amount display and page layout remain in their original stylesheets. */
.payment-checkout.payment-checkout :is(button, a, input, select, textarea):focus-visible { outline:2px solid #0578ff; outline-offset:3px; }
.payment-checkout.payment-checkout button:disabled { opacity:.5; cursor:not-allowed; }
.payment-checkout.payment-checkout :is(.btn,.verify-btn,.crypto-wallet-pay) {
  min-height:40px; padding:9px 12px; border:1px solid #cddbef; border-radius:8px;
  gap:8px; font-size:13px; font-weight:600; line-height:1.4; letter-spacing:0;
  background:#fff; color:#10213d; text-shadow:none; box-shadow:0 1px 3px rgb(24 56 89 / 6%);
}
.payment-checkout.payment-checkout :is(.btn.primary,.check-status-button,.verify-btn) { background:#079b77; color:#fff; border-color:#079b77; }
.payment-checkout.payment-checkout :is(.btn.primary,.check-status-button,.verify-btn):hover:not(:disabled) { background:#078364; }
.payment-checkout.payment-checkout .checkout-actions .btn { min-height:40px; height:auto; border-radius:8px; font-size:13px; }
.payment-checkout.payment-checkout .checkout-actions .btn::before { content:none; }
.payment-checkout.payment-checkout :is(.btn,.verify-btn) :is(svg,.ui-icon) { width:17px; height:17px; }
.payment-checkout.payment-checkout .save-btn { min-height:34px; border:1px solid #cddbef; border-radius:8px; background:#fff; font-size:12px; box-shadow:0 1px 3px rgb(24 56 89 / 6%); }
.payment-checkout.payment-checkout .reference-copy .icon-button { border-radius:8px; border-color:#cddbef; box-shadow:none; }
.payment-checkout.payment-checkout .crypto-methods>button { border-color:#cddbef; border-radius:8px; box-shadow:0 1px 3px rgb(24 56 89 / 6%); }
.payment-checkout.payment-checkout .crypto-methods>button[aria-pressed="true"] { border-color:#079b77; }
.payment-checkout.payment-checkout :is(.crypto-tx-form,form) :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea) {
  min-height:42px; padding:9px 12px; border:1px solid #cddbef; border-radius:8px; background:#fff; color:#10213d; font-size:13px; line-height:1.5;
}
.payment-checkout.payment-checkout :is(input,textarea)::placeholder { color:#8393ad; }
.payment-checkout.payment-checkout :is(input,select,textarea):focus { outline:0; border-color:#0578ff; box-shadow:0 0 0 3px rgb(5 120 255 / 10%); }
.payment-checkout.payment-checkout :is(input,textarea)[aria-invalid="true"] { border-color:#db3651; background:#fff9fa; }
.payment-checkout.payment-checkout :is(.crypto-tx-form input, .utr-box input) {
  min-height:44px; min-width:0; padding:10px 12px 10px 52px; border:1px solid #d2e1f1; border-radius:8px;
  color:#10213d; font-size:13px; background-color:#f8fbff;
  background-image:var(--field-search-icon),linear-gradient(to right,#fff 0,#fff 42px,#dbe7f4 42px,#dbe7f4 43px,transparent 43px);
  background-size:19px 19px,100% 100%; background-position:12px center,0 0; background-repeat:no-repeat;
  box-shadow:0 2px 6px rgb(28 65 108 / 5%);
}
.payment-checkout.payment-checkout :is(.crypto-tx-form input, .utr-box input):focus { border-color:#1680ff !important; box-shadow:0 0 0 3px rgb(22 128 255 / 10%); outline:0; }
.payment-checkout.payment-checkout :is(.crypto-tx-form input, .utr-box input):user-invalid { border-color:#f05c76; background-color:#fff2f5; }
.payment-checkout.payment-checkout :is(.crypto-tx-form input, .utr-box input):disabled { opacity:.6; cursor:not-allowed; }
@media(max-width:540px) { .payment-checkout.payment-checkout :is(.crypto-tx-form,form) :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea), .payment-checkout.payment-checkout .utr-box input { font-size:16px; } }
@media(prefers-reduced-motion:reduce) { .payment-checkout.payment-checkout :is(button,input,select,textarea) { transition:none; } }