/* ════════════════════════════════════════════════════════
   Wallet UI polish — premium dark, uniform CTAs (uifix_v1)
   ════════════════════════════════════════════════════════ */

#panelWallet .wallet-scroll {
  padding-bottom: 24px;
}

#panelWallet .wallet-balances {
  gap: 12px;
  margin-bottom: 14px;
}

#panelWallet .wallet-balance-card {
  background: #121214;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  box-shadow: none;
}

#panelWallet .wallet-balance-card--grid {
  background: linear-gradient(160deg, #16161a 0%, #121214 100%);
  border-color: rgba(255, 122, 26, 0.28);
}

#panelWallet .wallet-balance-card--cryo {
  background: linear-gradient(160deg, #16161a 0%, #121214 100%);
  border-color: rgba(216, 132, 255, 0.22);
}

#panelWallet .wallet-balance-card__val {
  color: #f5f5f7;
}

#panelWallet .wallet-balance-card--grid .wallet-balance-card__val {
  color: #ff9a4a;
}

#panelWallet .wallet-balance-card--cryo .wallet-balance-card__val {
  color: #e0b0ff;
}

/* Primary action row */
.wallet-primary-actions {
  display: flex;
  gap: 12px;
  margin: 4px 0 10px;
}

#walletDepositHint {
  margin: 0 0 14px;
  color: rgba(245, 245, 247, 0.55);
  font-size: 13px;
  line-height: 1.4;
}

/* Unified button system */
.wallet-btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  padding: 12px 16px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #1a1a1e;
  color: #f5f5f7;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, transform 0.12s ease;
}

.wallet-btn:active:not(:disabled) {
  transform: scale(0.985);
}

.wallet-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  box-shadow: none;
}

.wallet-btn--primary {
  border-color: rgba(255, 122, 26, 0.55);
  background: linear-gradient(180deg, #1e1a16 0%, #161412 100%);
  color: #ff9a4a;
  box-shadow: 0 0 0 1px rgba(255, 122, 26, 0.08), 0 0 18px rgba(255, 122, 26, 0.12);
}

.wallet-btn--primary:hover:not(:disabled),
.wallet-btn--primary:focus-visible {
  border-color: rgba(255, 154, 74, 0.85);
  box-shadow: 0 0 0 1px rgba(255, 122, 26, 0.2), 0 0 22px rgba(255, 122, 26, 0.22);
}

.wallet-btn--secondary {
  border-color: rgba(255, 255, 255, 0.12);
  background: #151518;
  color: rgba(245, 245, 247, 0.88);
}

.wallet-btn--secondary:hover:not(:disabled),
.wallet-btn--secondary:focus-visible {
  border-color: rgba(255, 122, 26, 0.4);
  color: #ff9a4a;
}

.wallet-btn--ghost {
  min-height: 42px;
  border-style: dashed;
  border-color: rgba(255, 255, 255, 0.14);
  background: transparent;
  color: rgba(245, 245, 247, 0.7);
  text-transform: none;
  font-weight: 600;
  letter-spacing: 0;
}

.wallet-btn--network {
  border-color: rgba(255, 255, 255, 0.1);
  background: #151518;
  color: #f5f5f7;
}

.wallet-btn--network.is-active,
.wallet-btn--network:hover:not(:disabled) {
  border-color: rgba(255, 122, 26, 0.65);
  box-shadow: 0 0 0 1px rgba(255, 122, 26, 0.12), 0 0 16px rgba(255, 122, 26, 0.16);
  color: #ff9a4a;
}

.wallet-primary-actions .wallet-btn {
  flex: 1 1 0;
  margin: 0;
}

/* Flow cards */
#panelWallet .wallet-card--flow,
#panelWallet .wallet-card--activity {
  background: #121214;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 16px;
  margin-top: 12px;
  box-shadow: none;
}

#panelWallet .wallet-card__title {
  margin: 0 0 10px;
  color: #f5f5f7;
  font-size: 15px;
  font-weight: 700;
}

#panelWallet .wallet-card__label {
  margin: 0 0 8px;
  color: rgba(245, 245, 247, 0.55);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.wallet-network-picker {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0 0 14px;
}

.wallet-network-selected {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0 0 14px;
}

.wallet-flow-fields {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#panelWallet .wallet-input {
  width: 100%;
  min-height: 48px;
  margin: 0;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #0e0e10;
  color: #f5f5f7;
  box-sizing: border-box;
}

#panelWallet .wallet-input:focus {
  outline: none;
  border-color: rgba(255, 122, 26, 0.55);
  box-shadow: 0 0 0 1px rgba(255, 122, 26, 0.15), 0 0 14px rgba(255, 122, 26, 0.12);
}

.wallet-link__hint {
  margin: 0;
  color: rgba(245, 245, 247, 0.55);
  font-size: 13px;
  line-height: 1.45;
}

.wallet-link__hint--inline {
  min-height: 18px;
}

.wallet-invoice {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.wallet-invoice__row {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.wallet-invoice__address {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 122, 26, 0.28);
  background: #0e0e10;
  color: #ff9a4a;
  font-size: 12px;
  line-height: 1.45;
  word-break: break-all;
  white-space: pre-wrap;
  box-shadow: 0 0 16px rgba(255, 122, 26, 0.08);
}

#walletActivityWrap {
  margin-top: 16px;
}

#panelWallet .wallet-activity__toggle {
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #151518;
  color: rgba(245, 245, 247, 0.75);
}

/* Soften legacy orange CTA overrides inside wallet */
#panelWallet .wallet-card__cta {
  border-radius: 14px;
  min-height: 48px;
}

.wallet-btn--support {
  margin-top: 4px;
  border-radius: 12px;
  border-color: rgba(255, 154, 74, 0.45);
  background: #161412;
  color: #ff9a4a;
  text-decoration: none;
  box-shadow: 0 0 14px rgba(255, 122, 26, 0.1);
}

.wallet-btn--support:hover,
.wallet-btn--support:focus-visible {
  border-color: rgba(255, 154, 74, 0.85);
  box-shadow: 0 0 0 1px rgba(255, 122, 26, 0.18), 0 0 20px rgba(255, 122, 26, 0.2);
  color: #ffb06a;
}