/* Global Premium UI Overrides */

:root {
  /* Force dark background with radial gradient */
  --bg-body: radial-gradient(circle at 50% 0%, #1e223d 0%, #0f1221 70%) !important;
  
  /* Force frosted glass cards */
  --bg-card: rgba(22, 26, 45, 0.7) !important;
  --border: rgba(255, 255, 255, 0.08) !important;
  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
  
  /* Force premium text colors */
  --text-main: #f4f7fe !important;
  --text-muted: #a3aed0 !important;
  
  /* Upgraded Gradients and Primary Color */
  --primary: #6c7fe8 !important;
  --gradient: linear-gradient(135deg, #4318ff 0%, #868cff 100%) !important;
  --gradient-gold: linear-gradient(135deg, #d4a800, #fde839) !important;
  --gradient-green: linear-gradient(135deg, #1da98a, #53e3bf) !important;
}

/* Base Body fixes */
body {
  background-attachment: fixed !important;
  color: var(--text-main) !important;
}

/* Glassmorphism for specific UI components across the app */
.auth-card, .dashboard-card, .stat-mini, .stat-card, .balance-card, 
.profile-header, .chart-section, .plan-item, .wa-reward-card,
.recent-activity, .referral-stats, .team-stats, .team-table-card,
.withdrawal-card, .deposit-card, .transaction-card,
.sidebar, .top-nav, .payment-info-card, .payment-detail-row,
.manual-input-group, .h-item, .payment-info-msg, .amount-card {
  background: linear-gradient(145deg, rgba(30, 35, 55, 0.6), rgba(22, 26, 45, 0.8)) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  transition: all 0.4s ease !important;
}

/* Card Hover Lifts */
.plan-item:hover, .auth-card:hover, .wa-reward-card:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

/* Premium Buttons */
.submit-btn, .action-btn, .btn, .btn-primary {
  box-shadow: 0 6px 20px rgba(56, 74, 203, 0.4), inset 0 -2px 0 rgba(0,0,0,0.2) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.submit-btn:hover, .action-btn:hover, .btn:hover, .btn-primary:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 25px rgba(56, 74, 203, 0.6), inset 0 -2px 0 rgba(0,0,0,0.2) !important;
}

/* Input Fields */
.form-input, .input-field, input[type="text"], input[type="email"], input[type="password"], input[type="number"], select, textarea {
  background: rgba(15, 18, 33, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

.form-input::placeholder, .input-field::placeholder, input::placeholder, textarea::placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
  font-family: 'Nunito', sans-serif !important;
}

.form-input:focus, .input-field:focus, input:focus, select:focus, textarea:focus {
  border-color: var(--primary) !important;
  background: rgba(30, 35, 55, 0.8) !important;
  box-shadow: 0 0 0 3px rgba(108, 127, 232, 0.25) !important;
}

/* Text Overrides for contrast */
h1, h2, h3, h4, h5, h6, .card-title, .title {
  color: #ffffff !important;
}

p.description, .subtitle, .text-muted, label, .form-label, .auth-link {
  color: #a3aed0 !important;
}

.auth-link span, .text-primary {
  color: #868cff !important;
}

/* Sidebar and Navigation fixes */
.sidebar .nav-link {
  color: #a3aed0 !important;
}

.sidebar .nav-link:hover, .sidebar .nav-link.active {
  background: rgba(56, 74, 203, 0.15) !important;
  color: #ffffff !important;
  border-right: 3px solid var(--primary) !important;
}

.icon-circle {
  background: rgba(56, 74, 203, 0.2) !important;  
  color: #6c7fe8 !important;
  border: 1px solid rgba(56, 74, 203, 0.4) !important;
}