/* AURIXA SIGNAL V2 - TRANSACTION SUCCESS MODAL */
/* Color-only overrides, scoped to the success modal */

.tx-success-overlay {
  background: rgba(9, 15, 24, .78) !important;
  backdrop-filter: blur(12px) saturate(110%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(110%) !important;
}

.tx-success-overlay .tx-success-modal {
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(190, 245, 96, .10),
      transparent 43%
    ),
    linear-gradient(
      155deg,
      #24313d 0%,
      #17222d 52%,
      #101923 100%
    ) !important;

  border-color: rgba(204, 225, 236, .16) !important;

  box-shadow:
    0 26px 70px rgba(3, 9, 16, .55),
    inset 0 1px 0 rgba(255,255,255,.09) !important;
}

.tx-success-overlay .tx-success-modal::before {
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.07),
      transparent 37%,
      rgba(192,246,103,.035)
    ) !important;
}

.tx-success-overlay .tx-success-modal::after {
  background: none !important;
  border-color: rgba(190,245,96,.10) !important;
  box-shadow: none !important;
}

.tx-success-overlay .tx-success-check {
  color: #1b2932 !important;

  background:
    linear-gradient(
      145deg,
      #e0ffab 0%,
      #c4f675 52%,
      #a9e954 100%
    ) !important;

  box-shadow:
    0 0 0 10px rgba(192,246,103,.075),
    0 12px 32px rgba(159,222,72,.22),
    inset 0 1px 0 rgba(255,255,255,.58) !important;
}

.tx-success-overlay .tx-success-check::before {
  border-color: rgba(198,247,115,.34) !important;
  box-shadow: none !important;
}

.tx-success-overlay .tx-success-check::after {
  border-color: rgba(198,247,115,.16) !important;
  box-shadow: none !important;
}

.tx-success-overlay .tx-success-check svg {
  color: #1b2932 !important;
  stroke: currentColor !important;
  filter: none !important;
}

.tx-success-overlay .tx-success-kicker {
  color: #c7f77b !important;
  text-shadow: none !important;
}

.tx-success-overlay .tx-success-modal h2 {
  color: #f8fafc !important;
  text-shadow: none !important;
}

.tx-success-overlay .tx-success-message {
  color: #bac6d0 !important;
  text-shadow: none !important;
}

.tx-success-overlay .tx-success-amount {
  background: #f6f8fa !important;
  border-color: rgba(255,255,255,.70) !important;
  box-shadow:
    0 8px 22px rgba(0,0,0,.12),
    inset 0 1px 0 #ffffff !important;
}

.tx-success-overlay .tx-success-amount > span {
  color: #687684 !important;
}

.tx-success-overlay .tx-success-amount strong {
  color: #192733 !important;
  text-shadow: none !important;
}

.tx-success-overlay .tx-success-amount small {
  color: #344654 !important;
}

.tx-success-overlay .tx-success-meta > div {
  background: #25323e !important;
  border-color: rgba(219,234,244,.13) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.tx-success-overlay .tx-success-meta span {
  color: #a4b2c0 !important;
}

.tx-success-overlay .tx-success-meta strong {
  color: #f3f7fa !important;
}

.tx-success-overlay .tx-success-meta strong.green {
  color: #c7f77b !important;
  background: none !important;
  border-color: transparent !important;
  text-shadow: none !important;
}

.tx-success-overlay .tx-success-done {
  color: #1a2931 !important;

  background:
    linear-gradient(
      145deg,
      #dcffa2 0%,
      #c6f679 55%,
      #afe95a 100%
    ) !important;

  border-color: rgba(225,255,176,.55) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.48),
    0 10px 26px rgba(160,222,75,.18) !important;
}

.tx-success-overlay .tx-success-done::before,
.tx-success-overlay .tx-success-done::after {
  background: none !important;
  box-shadow: none !important;
}