/* Tevzo v10.60 — retry payment and secure cancellation UI */

body.a901-body .myorder46-actions .myorder1060-pay,
body.a901-body .myorder46-actions .myorder1060-pay:hover {
  border-color: #ffd21f !important;
  background: linear-gradient(135deg, #ffd528, #edae00) !important;
  color: #10130f !important;
  box-shadow: 0 12px 30px rgba(237, 174, 0, .22) !important;
}

body.a901-body .myorder46-actions .myorder1060-cancel {
  border-color: #77403f !important;
  background: #261716 !important;
  color: #ffaaa3 !important;
}

body.a901-body .myorder46-actions .myorder1060-cancel:hover {
  border-color: #ff655d !important;
  background: #351918 !important;
  color: #ffd5d2 !important;
}

body.a901-body .myorder46-actions button:disabled,
body.a901-body .myorder1060-sidepay:disabled {
  cursor: wait !important;
  opacity: .66 !important;
  transform: none !important;
}

body.a901-body .myorder1060-alert {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px 14px !important;
  margin: -8px 0 18px !important;
  padding: 14px 17px !important;
  border: 1px solid #665b2e !important;
  border-radius: 15px !important;
  background: linear-gradient(135deg, #201f14, #151a15) !important;
}

body.a901-body .myorder1060-alert b {
  color: #ffd21f !important;
  font-size: 13px !important;
}

body.a901-body .myorder1060-alert span {
  color: #c9d1cc !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  overflow-wrap: anywhere !important;
}

body.a901-body .myorder1060-alert.success {
  border-color: #386a4d !important;
  background: #14231a !important;
}

body.a901-body .myorder1060-alert.success b {
  color: #63dc91 !important;
}

body.a901-body .myorder1060-alert.error {
  border-color: #75413e !important;
  background: #281817 !important;
}

body.a901-body .myorder1060-alert.error b {
  color: #ff9d96 !important;
}

body.a901-body .myorder37-line b.pending {
  color: #ffd21f !important;
}

body.a901-body .myorder37-line b.paid {
  color: #63dc91 !important;
}

body.a901-body .myorder1060-sidepay {
  width: 100% !important;
  min-height: 47px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 16px !important;
  padding: 11px 13px !important;
  border: 1px solid #ffd21f !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #ffd528, #edae00) !important;
  color: #10130f !important;
  box-shadow: 0 12px 30px rgba(237, 174, 0, .16) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  cursor: pointer !important;
}

body.a901-body .myorder1060-secure {
  display: block !important;
  margin-top: 9px !important;
  color: #8f9a94 !important;
  font-size: 9px !important;
  line-height: 1.4 !important;
  text-align: center !important;
}

body.a901-body .myorder1060-cancelled-state {
  min-height: 92px !important;
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  padding: 16px !important;
  border: 1px solid #75413e !important;
  border-radius: 14px !important;
  background: #281817 !important;
}

body.a901-body .myorder1060-cancelled-state > i {
  width: 38px !important;
  height: 38px !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  border-radius: 50% !important;
  background: #ff655d !important;
  color: #160b0a !important;
  font-size: 23px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

body.a901-body .myorder1060-cancelled-state b,
body.a901-body .myorder1060-cancelled-state span {
  display: block !important;
}

body.a901-body .myorder1060-cancelled-state b {
  color: #ffd5d2 !important;
  font-size: 15px !important;
}

body.a901-body .myorder1060-cancelled-state span {
  margin-top: 4px !important;
  color: #c69d9a !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}

@media (max-width: 820px) {
  body.a901-body .myorder1060-alert {
    margin-top: 0 !important;
  }
}

@media (max-width: 560px) {
  body.a901-body .myorder1060-alert {
    grid-template-columns: 1fr !important;
    padding: 13px 14px !important;
  }

  body.a901-body .myorder46-actions .myorder1060-pay {
    grid-column: 1 / -1 !important;
    min-height: 49px !important;
  }

  body.a901-body .myorder46-actions form:has(.myorder1060-cancel) {
    grid-column: 1 / -1 !important;
  }
}