/* Visual theme only: the existing v2 mask and v3 native-input/keypad behavior own layout. */
body.pages-order-order .order_container .modal1 .sgc-payment-model-v3 {
  box-shadow: 0 16px 44px rgba(133, 57, 28, 0.22) !important;
}

body.pages-order-order .order_container .modal1 .sgc-payment-model-v3 .u-model__title {
  background: linear-gradient(110deg, #c64f07 0%, #d92f46 100%) !important;
  color: #fff !important;
}

/* Do not override grid borders: the native inline borderCheckStyle owns the focused slot. */
body.pages-order-order .order_container .modal1 .sgc-payment-model-v3 .jp-coded .pay-pwd-grid > uni-view {
  background-color: #fff8f0 !important;
  color: #422817 !important;
}

body.pages-order-order .order_container .modal1 .sgc-payment-model-v3 .sgc-payment-keypad-v3 {
  border-top-color: #f0d4c1 !important;
  background: linear-gradient(180deg, #fff5e9 0%, #fff0eb 100%) !important;
}

body.pages-order-order .order_container .modal1 .sgc-payment-model-v3 .sgc-payment-key-v3 {
  border-color: #efcfb9 !important;
  background: #fff !important;
  color: #713916 !important;
  box-shadow: 0 2px 3px rgba(154, 80, 32, 0.06) !important;
}

body.pages-order-order .order_container .modal1 .sgc-payment-model-v3 .sgc-payment-key-v3.is-action {
  border-color: #f1d4c2 !important;
  background: #ffeadc !important;
  color: #98502b !important;
  box-shadow: none !important;
}

@media (hover: hover) and (pointer: fine) {
  body.pages-order-order .order_container .modal1 .sgc-payment-model-v3 .sgc-payment-key-v3:not(:disabled):hover {
    border-color: #df9b68 !important;
    background: #fff0df !important;
  }
}

body.pages-order-order .order_container .modal1 .sgc-payment-model-v3 .sgc-payment-key-v3:not(:disabled):active {
  border-color: #db955f !important;
  background: #ffe3cc !important;
}

/* Keep v3's 2px outline and 2px offset; recolor the same visible keyboard focus ring. */
body.pages-order-order .order_container .modal1 .sgc-payment-model-v3 .sgc-payment-key-v3:focus-visible {
  outline-color: #c75b16 !important;
}

body.pages-order-order .order_container .modal1 .sgc-payment-model-v3 .u-model__footer {
  background: #fff7ef !important;
}

body.pages-order-order .order_container .modal1 .sgc-payment-model-v3 .u-model__footer__button:first-child:not(:last-child) {
  background: #fff7ef !important;
  color: #80543d !important;
}

body.pages-order-order .order_container .modal1 .sgc-payment-model-v3 .u-model__footer__button:last-child {
  background: linear-gradient(110deg, #c64f07 0%, #d92f46 100%) !important;
  color: #fff !important;
}

body.pages-order-order .order_container .modal1 .sgc-payment-model-v3 .u-model__footer__button:first-child:not(:last-child):active {
  background: #ffead8 !important;
}

body.pages-order-order .order_container .modal1 .sgc-payment-model-v3 .u-model__footer__button:last-child:active {
  background: linear-gradient(110deg, #b34506 0%, #c52940 100%) !important;
}