/* Quantum Wallet — paleta cuántica (cian eléctrico + void profundo) */

.panel-wallet {
  --qw-bg: #010208;
  --qw-panel: #040a18;
  --qw-panel-2: #061428;
  --qw-border: rgba(0, 255, 255, 0.5);
  --qw-border-soft: rgba(0, 242, 255, 0.28);
  --qw-cyan: #00f2ff;
  --qw-cyan-bright: #00ffff;
  --qw-cyan-soft: #a8f7ff;
  --qw-blue: #007bff;
  --qw-blue-deep: #0051ff;
  --qw-indigo: #6366f1;
  --qw-violet: #a78bfa;
  --qw-muted: #8ed4ff;
  --qw-text: #f0fdff;
  --qw-glow: rgba(0, 242, 255, 0.55);
  --qw-glow-strong: rgba(0, 255, 255, 0.7);
  --qw-neon: 0 0 10px #00f2ff, 0 0 22px rgba(0, 255, 255, 0.55), 0 0 44px rgba(0, 123, 255, 0.3);
  --qw-btc: #f7931a;
  background: var(--qw-bg) !important;
  background-image:
    radial-gradient(ellipse 85% 55% at 50% -5%, rgba(0, 242, 255, 0.18), transparent 58%),
    radial-gradient(ellipse 45% 40% at 100% 85%, rgba(0, 123, 255, 0.14), transparent 52%),
    radial-gradient(ellipse 40% 38% at 0% 55%, rgba(0, 255, 255, 0.1), transparent 48%) !important;
}

.panel-wallet::after {
  content: '';
  pointer-events: none;
  position: fixed;
  inset: 0;
  z-index: 0;
  opacity: 0.04;
  background-image:
    linear-gradient(rgba(0, 242, 255, 0.55) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 242, 255, 0.55) 1px, transparent 1px);
  background-size: 32px 32px;
}

.panel-wallet > * {
  position: relative;
  z-index: 1;
}

.panel-wallet .chat-header {
  background: rgba(4, 12, 24, 0.92);
  border-bottom: 1px solid var(--qw-border);
  backdrop-filter: blur(12px);
  box-shadow: 0 4px 28px rgba(0, 242, 255, 0.1);
}

.panel-wallet .chat-title {
  color: var(--qw-cyan);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-shadow: 0 0 20px var(--qw-glow), 0 0 40px rgba(0, 123, 255, 0.35);
}

.panel-wallet .wallet-subtitle {
  color: var(--qw-cyan-soft);
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  opacity: 0.85;
}

.panel-wallet .wallet-mode-badge {
  background: rgba(0, 242, 255, 0.1);
  color: var(--qw-cyan);
  border: 1px solid var(--qw-border);
  box-shadow: var(--qw-neon), inset 0 0 14px rgba(0, 242, 255, 0.1);
  animation: qw-badge-glow 3s ease-in-out infinite;
}

@keyframes qw-badge-glow {
  50% { box-shadow: 0 0 22px var(--qw-glow-strong), inset 0 0 16px rgba(0, 242, 255, 0.12); }
}

.panel-wallet .wallet-body {
  padding: 16px 20px 24px;
}

/* ── Diagram hero ── */
.quantum-hero {
  max-width: 1100px;
  margin: 0 auto 20px;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--qw-border);
  box-shadow:
    0 0 48px rgba(0, 242, 255, 0.12),
    inset 0 0 80px rgba(0, 242, 255, 0.04);
}

.quantum-diagram-svg {
  width: 100%;
  height: auto;
  display: block;
  min-height: 200px;
}

.quantum-hero-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 16px;
  background: linear-gradient(transparent, rgba(2, 4, 10, 0.95));
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  color: var(--qw-muted);
}

.quantum-hero-overlay .live-pulse {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--qw-cyan);
  text-shadow: 0 0 12px var(--qw-glow);
}

.quantum-hero-overlay .live-pulse::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--qw-cyan);
  box-shadow: 0 0 10px var(--qw-cyan), 0 0 20px var(--qw-glow);
  animation: qw-pulse 2s infinite;
}

@keyframes qw-pulse {
  50% { opacity: 0.4; transform: scale(0.85); box-shadow: 0 0 6px var(--qw-cyan); }
}

/* ── Cards cyber ── */
.panel-wallet .wallet-grid {
  gap: 14px;
}

.panel-wallet .wallet-card {
  background: linear-gradient(165deg, var(--qw-panel-2) 0%, var(--qw-panel) 100%);
  border: 1px solid var(--qw-border-soft);
  border-radius: 14px;
  padding: 16px;
  position: relative;
  overflow: hidden;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.panel-wallet .wallet-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--qw-cyan), var(--qw-indigo), transparent);
  opacity: 0.75;
}

.panel-wallet .wallet-card:hover {
  border-color: var(--qw-border);
  box-shadow: 0 0 32px rgba(0, 242, 255, 0.1);
}

.panel-wallet .wallet-card h3 {
  color: var(--qw-cyan-soft);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-shadow: 0 0 16px var(--qw-glow);
}

.panel-wallet .wallet-card-main {
  border-color: rgba(0, 242, 255, 0.5);
  box-shadow: 0 0 36px rgba(0, 242, 255, 0.12);
}

.panel-wallet .wallet-card-main h3 {
  color: var(--qw-text);
}

.qw-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 9px;
  font-family: 'JetBrains Mono', monospace;
  padding: 3px 8px;
  border-radius: 20px;
  border: 1px solid var(--qw-border-soft);
  color: var(--qw-cyan-soft);
  margin-bottom: 10px;
}

.qw-chip.btc { border-color: rgba(247, 147, 26, 0.5); color: var(--qw-btc); }

.panel-wallet .wallet-auth input,
.panel-wallet .wallet-password,
.panel-wallet .send-box input,
.panel-wallet .swap-row input,
.panel-wallet .send-box select,
.panel-wallet .swap-row select,
.panel-wallet #sendChain,
.panel-wallet .subscribe-row select {
  background: rgba(2, 8, 18, 0.9);
  border: 1px solid var(--qw-border-soft);
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: rgba(0, 242, 255, 0.35);
  color: var(--qw-text);
  font-size: 14px;
  transition: border-left-color 0.2s, box-shadow 0.2s;
}

.panel-wallet select.currency-select:focus {
  border-color: var(--qw-cyan);
  box-shadow: 0 0 0 2px rgba(0, 242, 255, 0.15);
}

.panel-wallet select.currency-select option.genesis {
  color: var(--qw-btc);
  font-weight: 600;
}

.panel-wallet select.currency-select option.fiat {
  color: #a8f7ff;
}

.panel-wallet select.currency-select option.crypto {
  color: #ecfeff;
}

.panel-wallet .balance-item .ccy-icon {
  display: inline-block;
  min-width: 1.6em;
  margin-right: 2px;
  font-size: 1.05em;
  filter: drop-shadow(0 0 6px var(--ccy-color, transparent));
}

.panel-wallet .balance-item[style*="--ccy-color"] {
  border-left: 3px solid var(--ccy-color);
}

.panel-wallet .balance-item.coinback[style*="--ccy-color"] .balance-code {
  color: var(--ccy-color);
}

.panel-wallet .wallet-auth input:focus,
.panel-wallet .swap-row input:focus,
.panel-wallet .send-box input:focus {
  border-color: var(--qw-cyan);
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 242, 255, 0.2), 0 0 16px rgba(0, 242, 255, 0.15);
}

.panel-wallet .balance-item {
  background: rgba(0, 242, 255, 0.06);
  border: 1px solid rgba(0, 242, 255, 0.2);
}

.panel-wallet .balance-code { color: var(--qw-cyan); text-shadow: 0 0 8px rgba(0, 242, 255, 0.3); }
.panel-wallet .balance-item.genesis .balance-code { color: var(--qw-btc); text-shadow: none; }
.panel-wallet .balance-item.genesis { border-color: rgba(247, 147, 26, 0.35); }
.panel-wallet .balance-item.coinback {
  background: rgba(167, 139, 250, 0.1);
  border-color: rgba(167, 139, 250, 0.35);
}
.panel-wallet .balance-item.coinback .balance-code { color: #ddd6fe; }
.panel-wallet .balance-tag {
  font-size: 9px; margin-left: 4px; padding: 1px 4px; border-radius: 4px;
  background: rgba(167, 139, 250, 0.25); color: #ddd6fe; vertical-align: middle;
}
.qw-chip.cb { color: #c4b5fd; border-color: rgba(167, 139, 250, 0.45); }
.coinback-tagline { font-size: 11px; color: #a78bfa; margin: 0 0 6px; font-weight: 500; }
.coinback-intro { font-size: 12px; color: var(--qw-muted); margin-bottom: 12px; line-height: 1.5; }
.coinback-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 14px;
}
.coinback-cell {
  background: rgba(99, 102, 241, 0.1); border: 1px solid rgba(129, 140, 248, 0.35);
  border-radius: 10px; padding: 10px 6px; text-align: center; cursor: pointer;
  transition: border-color 0.15s, transform 0.1s, box-shadow 0.15s;
}
.coinback-cell:active { transform: scale(0.97); }
.coinback-cell:hover {
  border-color: rgba(167, 139, 250, 0.6);
  box-shadow: 0 0 16px rgba(99, 102, 241, 0.2);
}
.coinback-cell .cb-code {
  display: block; font-family: 'JetBrains Mono', monospace;
  font-size: 12px; font-weight: 700; color: #c4b5fd;
}
.coinback-cell .cb-region { font-size: 8px; color: var(--qw-muted); text-transform: uppercase; }

.panel-wallet .swap-flip {
  border-color: var(--qw-border-soft);
  background: rgba(0, 242, 255, 0.1);
  color: var(--qw-cyan);
}

.panel-wallet .swap-rate { color: var(--qw-muted); }

.panel-wallet .wallet-btn.primary {
  background: linear-gradient(135deg, var(--qw-cyan-bright) 0%, var(--qw-cyan) 35%, var(--qw-blue) 70%, var(--qw-blue-deep) 100%);
  color: #02040a;
  font-weight: 700;
  box-shadow: 0 0 24px rgba(0, 242, 255, 0.35);
}

.panel-wallet .wallet-btn.secondary {
  border-color: var(--qw-border-soft);
  color: var(--qw-cyan-soft);
  background: rgba(0, 242, 255, 0.04);
}

.panel-wallet .wallet-subscribe {
  border: 1px solid rgba(247, 147, 26, 0.35);
  background: var(--qw-panel);
  box-shadow: 0 0 30px rgba(247, 147, 26, 0.06);
}

.panel-wallet .subscribe-header h3 { color: var(--qw-btc); }
.panel-wallet .subscribe-badge {
  background: rgba(247, 147, 26, 0.12);
  color: var(--qw-btc);
  border: 1px solid rgba(247, 147, 26, 0.3);
}

.panel-wallet .subscribe-quote { color: var(--qw-cyan-soft); }
.panel-wallet .wallet-note { color: var(--qw-muted); }
.panel-wallet .global-footer { color: var(--qw-muted); opacity: 0.75; }

.panel-wallet .wallet-result.success {
  background: rgba(0, 242, 255, 0.1);
  color: var(--qw-cyan);
  border: 1px solid var(--qw-border);
}

.panel-wallet .wallet-result.error {
  background: rgba(248, 81, 73, 0.08);
  color: #f85149;
}

@media (max-width: 768px) {
  .quantum-hero { margin-bottom: 14px; }
  .quantum-diagram-svg { min-height: 160px; }
}

/* ── Drawer sobre chat ── */
.wallet-drawer-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(2, 4, 10, 0.6);
  z-index: 55;
  backdrop-filter: blur(3px);
}

.wallet-drawer-backdrop.hidden { display: none; }

@media (min-width: 769px) {
  .wallet-drawer-backdrop {
    pointer-events: none;
    background: rgba(2, 4, 10, 0.3);
  }
}

.app.wallet-drawer-open .panel-wallet.wallet-as-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(440px, 100vw);
  z-index: 60;
  transform: translateX(0);
  transition: transform 0.28s ease;
  box-shadow: -12px 0 56px rgba(0, 242, 255, 0.08), -4px 0 32px rgba(0, 0, 0, 0.5);
}

.app:not(.wallet-drawer-open):not(.wallet-fullscreen-open) .panel-wallet.hidden {
  transform: translateX(100%);
}

.app.wallet-fullscreen-open .panel-wallet {
  flex: 1;
  width: 100%;
}

.wallet-drawer-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px;
  flex: 1;
}

.wallet-drawer-close {
  width: 32px;
  height: 32px;
  border: 1px solid var(--qw-border, rgba(0, 242, 255, 0.38));
  border-radius: 8px;
  background: rgba(0, 242, 255, 0.05);
  color: var(--qw-cyan, #00f2ff);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  flex-shrink: 0;
}

.wallet-drawer-tabs {
  display: flex;
  gap: 4px;
  width: 100%;
  margin-top: 4px;
}

.wallet-tab {
  flex: 1;
  padding: 6px 4px;
  font-size: 10px;
  border: 1px solid var(--qw-border-soft, rgba(56, 189, 248, 0.22));
  border-radius: 6px;
  background: rgba(0, 242, 255, 0.03);
  color: var(--qw-muted, #7ec8e8);
  cursor: pointer;
  transition: all 0.15s;
}

.wallet-tab.active {
  background: rgba(0, 242, 255, 0.14);
  color: var(--qw-cyan, #00f2ff);
  border-color: var(--qw-border, rgba(0, 242, 255, 0.45));
  box-shadow: 0 0 14px rgba(0, 242, 255, 0.2);
  text-shadow: 0 0 8px rgba(0, 242, 255, 0.4);
}

.wallet-tab-panel.hidden { display: none !important; }

.wallet-card-wide { grid-column: 1 / -1; }

.wallet-quick-hint {
  font-size: 12px;
  color: var(--qw-muted);
  margin-bottom: 10px;
}

.wallet-quick-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.wallet-quick-btn {
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid var(--qw-border-soft);
  background: rgba(0, 242, 255, 0.06);
  color: var(--qw-text);
  font-size: 13px;
  cursor: pointer;
  text-align: left;
}

.wallet-quick-btn:hover {
  border-color: var(--qw-cyan);
  color: var(--qw-cyan);
  box-shadow: 0 0 16px rgba(0, 242, 255, 0.12);
}

.wallet-sheet-handle { display: none; }

@media (max-width: 768px) {
  .app.wallet-drawer-open .panel-wallet.wallet-as-drawer {
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: min(92vh, 720px);
    border-radius: 20px 20px 0 0;
    transform: translateY(0);
    box-shadow: 0 -12px 56px rgba(0, 242, 255, 0.1), 0 -4px 32px rgba(0, 0, 0, 0.5);
    padding-bottom: env(safe-area-inset-bottom);
  }

  .app:not(.wallet-drawer-open):not(.wallet-fullscreen-open) .panel-wallet.hidden {
    transform: translateY(100%);
  }

  .wallet-sheet-handle {
    display: block;
    width: 40px;
    height: 4px;
    background: rgba(0, 242, 255, 0.5);
    border-radius: 2px;
    margin: 0 auto 8px;
    flex-basis: 100%;
    box-shadow: 0 0 8px rgba(0, 242, 255, 0.4);
  }

  .wallet-drawer-head {
    flex-direction: column;
    align-items: stretch;
  }

  .wallet-fab {
    bottom: calc(72px + env(safe-area-inset-bottom));
  }

  .panel-wallet .wallet-body {
    padding-bottom: 24px;
  }
}

@media (min-width: 769px) {
  .wallet-sheet-handle { display: none; }
}

@media (max-width: 768px) {
  .app.wallet-fullscreen-open .panel-wallet {
    height: 100%;
    border-radius: 0;
  }
}

/* ── Quantum currency picker · chimba, no Pagolinea ── */
.panel-wallet .swap-row {
  align-items: stretch;
}

.qw-currency-picker {
  position: relative;
  flex: 0 0 auto;
  min-width: 150px;
  max-width: 210px;
}

select.qw-ccy-native {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.qw-ccy-trigger {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(0, 255, 255, 0.38);
  background: linear-gradient(145deg, rgba(0, 242, 255, 0.1), rgba(0, 81, 255, 0.14));
  box-shadow: 0 0 22px rgba(0, 242, 255, 0.14), inset 0 0 28px rgba(0, 242, 255, 0.05);
  color: var(--qw-text);
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s;
}

.qw-ccy-trigger:hover,
.qw-ccy-trigger.open {
  border-color: var(--qw-cyan-bright);
  box-shadow: var(--qw-neon);
  transform: translateY(-1px);
}

.qw-ccy-trigger-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  min-width: 0;
  text-align: left;
}

.qw-ccy-trigger-text strong {
  font-family: 'JetBrains Mono', monospace;
  font-size: 13px;
  color: var(--qw-cyan-bright);
  text-shadow: 0 0 14px var(--ccy, #00f2ff);
}

.qw-ccy-trigger-text small {
  font-size: 9px;
  color: var(--qw-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.qw-ccy-chevron {
  color: var(--qw-cyan);
  font-size: 10px;
  opacity: 0.85;
}

.qw-ccy-panel {
  position: absolute;
  z-index: 200;
  right: 0;
  top: calc(100% + 8px);
  min-width: min(340px, 94vw);
  max-height: min(360px, 58vh);
  overflow: auto;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(0, 255, 255, 0.5);
  background: rgba(1, 2, 10, 0.98);
  backdrop-filter: blur(18px);
  box-shadow: 0 0 48px rgba(0, 242, 255, 0.25), 0 20px 56px rgba(0, 0, 0, 0.7);
}

.qw-ccy-panel.hidden { display: none; }

.qw-ccy-group-label {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px;
  letter-spacing: 0.16em;
  color: var(--qw-cyan-bright);
  margin: 4px 4px 10px;
  text-shadow: 0 0 12px rgba(0, 242, 255, 0.55);
}

.qw-ccy-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin-bottom: 12px;
}

.qw-ccy-chip {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  border-radius: 12px;
  border: 1px solid rgba(0, 242, 255, 0.22);
  background: rgba(0, 242, 255, 0.04);
  color: var(--qw-text);
  cursor: pointer;
  transition: all 0.18s;
  text-align: left;
}

.qw-ccy-chip:hover {
  border-color: rgba(0, 255, 255, 0.6);
  box-shadow: 0 0 20px rgba(0, 242, 255, 0.22);
  transform: translateY(-1px);
}

.qw-ccy-chip.selected {
  border-color: var(--qw-cyan-bright);
  background: linear-gradient(135deg, rgba(0, 242, 255, 0.14), rgba(0, 123, 255, 0.18));
  box-shadow: 0 0 26px rgba(0, 242, 255, 0.38);
}

.qw-ccy-chip.genesis {
  border-color: rgba(247, 147, 26, 0.55);
  background: linear-gradient(135deg, rgba(247, 147, 26, 0.12), rgba(0, 242, 255, 0.06));
}

.qw-ccy-meta strong {
  display: block;
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
}

.qw-ccy-meta small {
  display: block;
  font-size: 9px;
  color: var(--qw-muted);
  line-height: 1.25;
}

.qw-ccy-orb {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex-shrink: 0;
  background: radial-gradient(circle at 32% 28%, rgba(255, 255, 255, 0.22), rgba(0, 0, 0, 0.55));
  border: 1px solid var(--ccy, #00f2ff);
  box-shadow: 0 0 18px color-mix(in srgb, var(--ccy) 50%, transparent), inset 0 0 14px color-mix(in srgb, var(--ccy) 30%, transparent);
}

.qw-orb-sm { width: 34px; height: 34px; font-size: 14px; }
.qw-orb-md { width: 40px; height: 40px; font-size: 17px; }

.qw-orb-ring {
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  border: 1px dashed color-mix(in srgb, var(--ccy) 65%, #00f2ff);
  animation: qw-orb-spin 9s linear infinite;
  opacity: 0.75;
  pointer-events: none;
}

.qw-orb-glow {
  position: absolute;
  inset: -10px;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--ccy) 40%, transparent), transparent 68%);
  animation: qw-orb-pulse 2.4s ease-in-out infinite;
  pointer-events: none;
}

.qw-orb-glyph {
  font-weight: 700;
  color: #fff;
  text-shadow: 0 0 10px var(--ccy);
  z-index: 1;
  position: relative;
}

.qw-orb-flag {
  font-size: 1.15em;
  z-index: 1;
  position: relative;
  filter: drop-shadow(0 0 6px var(--ccy));
}

.qw-orb-flag-img {
  width: 68%;
  height: 68%;
  object-fit: cover;
  border-radius: 50%;
  z-index: 1;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 0 8px color-mix(in srgb, var(--ccy) 45%, transparent);
  background: #0a1020;
}

@keyframes qw-orb-spin { to { transform: rotate(360deg); } }
@keyframes qw-orb-pulse { 50% { opacity: 0.4; transform: scale(0.9); } }

.panel-wallet .balance-item.quantum-balance {
  display: flex;
  align-items: center;
  gap: 12px;
  border-left: 3px solid var(--ccy, #00f2ff);
  background: linear-gradient(90deg, color-mix(in srgb, var(--ccy) 14%, transparent), rgba(0, 242, 255, 0.04));
}

.panel-wallet .balance-meta {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
}

button.coinback-cell.quantum {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  width: 100%;
  border: 1px solid color-mix(in srgb, var(--ccy) 50%, rgba(0, 242, 255, 0.25));
  background: radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--ccy) 20%, transparent), rgba(2, 8, 18, 0.92));
  box-shadow: 0 0 16px color-mix(in srgb, var(--ccy) 22%, transparent);
  padding: 12px 6px;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.18s;
}

button.coinback-cell.quantum:hover {
  box-shadow: 0 0 28px color-mix(in srgb, var(--ccy) 45%, #00f2ff);
  border-color: var(--qw-cyan-bright);
  transform: translateY(-2px);
}

button.coinback-cell.quantum .cb-code {
  color: var(--qw-cyan-bright);
  text-shadow: 0 0 8px var(--ccy);
}