.wealth-unlock-panel {
  margin-top: 12px;
  padding: 14px;
  border: 1px solid rgba(30, 27, 24, .1);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(21, 122, 110, .10), rgba(155, 123, 27, .10)),
    rgba(255, 255, 255, .62);
}

.wealth-card .wealth-plan-grid,
.wealth-card .wealth-input-row {
  display: none !important;
}

.wealth-card > .row-actions {
  grid-template-columns: 1fr !important;
}

.wealth-card > .row-actions .primary-button:first-child {
  display: none !important;
}

.wealth-unlock-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.wealth-unlock-head h3 {
  margin: 0;
  font-size: 1rem;
  line-height: 1.2;
}

.wealth-unlock-badge {
  flex: 0 0 auto;
  border: 1px solid rgba(30, 27, 24, .16);
  border-radius: 999px;
  padding: 4px 9px;
  color: var(--muted);
  font-size: .72rem;
  font-weight: 800;
  white-space: nowrap;
}

.wealth-unlock-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.wealth-unlock-item,
.wealth-unlock-rate {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(30, 27, 24, .09);
  border-radius: 14px;
  background: rgba(255, 255, 255, .68);
}

.wealth-unlock-item span,
.wealth-unlock-rate span {
  display: block;
  color: var(--muted);
  font-size: .76rem;
  line-height: 1.2;
  white-space: nowrap;
}

.wealth-unlock-item strong,
.wealth-unlock-rate strong {
  display: block;
  margin-top: 6px;
  color: var(--ink);
  font-size: .96rem;
  line-height: 1.2;
  word-break: break-word;
}

.wealth-unlock-rate {
  margin-top: 10px;
}

.wealth-unlock-status {
  margin-top: 8px;
  color: var(--muted);
  font-size: .78rem;
  line-height: 1.4;
}

body.local-preview-mode .wallet-gate {
  display: none !important;
}

@media (max-width: 420px) {
  .wealth-unlock-panel {
    padding: 12px;
  }

  .wealth-unlock-grid {
    gap: 8px;
  }

  .wealth-unlock-item,
  .wealth-unlock-rate {
    padding: 10px;
  }

  .wealth-unlock-item span,
  .wealth-unlock-rate span {
    font-size: .7rem;
  }

  .wealth-unlock-item strong,
  .wealth-unlock-rate strong {
    font-size: .9rem;
  }
}