html,
body {
  background: #06131f !important;
  background-image: none !important;
}

body::before,
body::after,
#root::before,
#root::after,
.app::before,
.app::after,
main::before,
main::after,
.screen::before,
.screen::after {
  background: none !important;
  background-image: none !important;
}

body,
#root,
.app,
main,
.screen,
[class*="page" i],
[class*="screen" i],
[class*="dashboard" i] {
  background: #06131f !important;
  background-image: none !important;
}

.card,
.ext-package-card,
[class*="card" i],
[class*="panel" i],
[class*="subscription" i],
[class*="device" i] {
  background-color: rgba(4, 29, 48, 0.56) !important;
  background-image: linear-gradient(135deg, rgba(10, 54, 82, 0.38), rgba(2, 20, 36, 0.48)) !important;
  border-color: rgba(48, 232, 226, 0.22) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.07) !important;
  backdrop-filter: blur(14px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(130%) !important;
}

.crinoidea-coupon-box,
.crinoidea-coupon-row,
.crinoidea-coupon-input,
.crinoidea-coupon-submit,
.crinoidea-fixed-action {
  width: 260px !important;
  max-width: 260px !important;
  min-width: 260px !important;
  box-sizing: border-box !important;
}

.crinoidea-coupon-box {
  margin: 16px 0 12px !important;
}

.crinoidea-coupon-row {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.crinoidea-coupon-input,
.crinoidea-coupon-submit,
.crinoidea-fixed-action {
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  text-decoration: none !important;
}

.crinoidea-coupon-input {
  border: 1px solid rgba(45, 238, 224, .55) !important;
  outline: none !important;
  background: rgba(4, 24, 40, .82) !important;
  color: #fff !important;
}

.crinoidea-coupon-submit {
  border: 0 !important;
  background: #18c48f !important;
  color: #fff !important;
}

.crinoidea-coupon-msg {
  min-height: 18px !important;
  margin-top: 7px !important;
  color: rgba(255,255,255,.78) !important;
  font-size: 12px !important;
  line-height: 18px !important;
  text-align: center !important;
}

.crinoidea-qr-click-wrap {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  cursor: zoom-in !important;
}

.crinoidea-qr-hint {
  margin-top: 8px !important;
  color: rgba(255,255,255,.78) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

.crinoidea-qr-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
}

.crinoidea-qr-modal-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(2,10,18,.84) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

.crinoidea-qr-modal-card {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: min(86vw, 420px) !important;
  padding: 18px !important;
  border-radius: 18px !important;
  background: #fff !important;
}

.crinoidea-qr-modal-img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  image-rendering: pixelated !important;
}

.crinoidea-qr-modal-close {
  position: absolute !important;
  right: -10px !important;
  top: -10px !important;
  width: 34px !important;
  height: 34px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #06131f !important;
  color: #fff !important;
  font-size: 24px !important;
}

/* Final promo action alignment */
.crinoidea-coupon-box {
  width: 260px !important;
  max-width: 260px !important;
  min-width: 260px !important;
  margin: 16px 0 12px 0 !important;
}

.crinoidea-coupon-row,
.crinoidea-coupon-input,
.crinoidea-coupon-submit,
.crinoidea-fixed-action {
  width: 260px !important;
  max-width: 260px !important;
  min-width: 260px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.crinoidea-coupon-input,
.crinoidea-coupon-submit,
.crinoidea-fixed-action {
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
}

.crinoidea-coupon-submit {
  margin-top: 12px !important;
}

.crinoidea-fixed-action {
  margin-top: 12px !important;
}

.crinoidea-coupon-box + .crinoidea-fixed-action,
.crinoidea-coupon-box ~ .crinoidea-fixed-action,
.crinoidea-fixed-action + .crinoidea-fixed-action {
  margin-left: 0 !important;
}

#btn-support.crinoidea-fixed-action {
  display: flex !important;
  width: 260px !important;
  max-width: 260px !important;
  min-width: 260px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}