/* Exact card surface extracted from the host dashboard TestView.vue.
   Shared by the dashboard and payouts; keep one definition for both. */
:root {
  --fomo-dashboard-text: #f4f7ff;
  --fomo-dashboard-label: #cfd8ea;
  --fomo-dashboard-copy: rgba(198, 207, 226, 0.8);
}

.host-overview .host-stat-card,
.host-overview .host-panel,
.fomo-dashboard-card {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  background:
    radial-gradient(circle at 14% 0%, rgba(208, 218, 236, 0.08), transparent 26%),
    radial-gradient(circle at 84% 14%, rgba(92, 71, 130, 0.14), transparent 22%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008)),
    rgba(7, 8, 13, 0.96);
  border: 1px solid rgba(196, 206, 228, 0.12);
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.28);
}