/**
 * style.css - CRM Dark Glass Design System Central
 * Amora Clear Dashboard
 * Referência Obrigatória: docs/identidade-visual.md
 */

/* =========================================================
   Importação Modular dos Estilos (Seção 14)
   ========================================================= */
@import "tokens.css";
@import "base.css";
@import "layout.css";
@import "glass.css";
@import "navigation.css";
@import "components.css";
@import "charts.css";
@import "pipeline.css";
@import "responsive.css";

/* =========================================================
   Utilitários e Compatibilidade Retroativa
   ========================================================= */
.hide {
  display: none !important;
}

/* Compatibilidade com classes anteriores do tema */
.cyber-card {
  background: var(--glass-bg-gradient, var(--glass-bg)) !important;
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  backdrop-filter: blur(20px) saturate(160%);
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-card);
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.cyber-card:hover {
  border-color: var(--glass-border-hover) !important;
  box-shadow: var(--shadow-card-hover);
  transform: translateY(-3px);
}

.neon-text-blue {
  color: var(--accent-blue);
}

.neon-text-green {
  color: var(--accent-green);
}

.neon-text-red {
  color: var(--accent-coral);
}

.glow-border-blue {
  box-shadow: 0 0 16px rgba(56, 189, 248, 0.25), inset 0 0 4px rgba(56, 189, 248, 0.15);
}

/* =========================================================
   Estilo de Autenticação / Login
   ========================================================= */
.card-login {
  max-width: 420px;
  width: 100%;
  border-radius: var(--radius-xl);
  background: var(--glass-bg-strong);
  border: 1px solid var(--glass-border);
  -webkit-backdrop-filter: blur(24px) saturate(160%);
  backdrop-filter: blur(24px) saturate(160%);
  box-shadow: var(--shadow-dropdown);
  position: relative;
  overflow: hidden;
}

.card-login::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 2px;
  background: linear-gradient(90deg, var(--accent-lime), var(--accent-blue), var(--accent-purple));
  z-index: 2;
}

.login-logo {
  background: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.95);
  border-radius: var(--radius-lg);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.20);
  padding: 10px 18px;
}

/* =========================================================
   Ajustes de Rodapé (Footer)
   ========================================================= */
footer.bg-body {
  background: rgba(17, 19, 24, 0.78) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-top: 1px solid var(--glass-border) !important;
  color: var(--text-muted);
}

[data-bs-theme="light"] footer.bg-body {
  background: rgba(228, 235, 246, 0.90) !important;: 1px solid rgba(15, 23, 42, 0.08) !important;
  color: var(--text-secondary);
}