/* ==========================================================================
   CODΞX ONΞ - Portal do Associado
   Global Theme overrides & visual standardization
   ========================================================================== */

/* 1. Fundo da Página Unificado */
body {
  background-color: var(--off-white);
  transition: background-color var(--transition-base);
}

@media (max-width: 992px) {
  body {
    background-color: var(--mobile-bg) !important;
  }
}

/* 2. Unificação de Cards e Containers do Sistema */
.card, 
.stat-card, 
.profile-tabs-content, 
.qrcode-box, 
.notifications-card,
.crm-stat-item {
  background-color: var(--white) !important;
  border-radius: var(--radius-lg) !important;
  border: 1px solid rgba(42, 31, 22, 0.05) !important;
  box-shadow: 0 4px 16px rgba(42, 31, 22, 0.03) !important;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

/* Efeito de Elevação Suave ao Passar o Mouse nos Cards Interativos */
.card:hover, 
.stat-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(42, 31, 22, 0.06) !important;
}

/* 3. Unificação de Modais e Componentes Flutuantes */
.modal, 
.dropdown-menu, 
.toast {
  background-color: var(--white) !important;
  border: 1px solid rgba(42, 31, 22, 0.06) !important;
  box-shadow: var(--shadow-lg) !important;
  border-radius: var(--radius-lg) !important;
}

/* 4. Tabelas e Outras Superfícies */
.table-container {
  border: 1px solid rgba(42, 31, 22, 0.05) !important;
  box-shadow: 0 4px 16px rgba(42, 31, 22, 0.02) !important;
  border-radius: var(--radius-lg) !important;
  background-color: var(--white);
}