/* ============================================
   BUSINESS CLASSIFIER - Classificador de Negócios
   ============================================ */

#business-classifier {
  padding: 30px;
}

/* Header - gradient permanece igual em ambos os temas */
#business-classifier .seo-header {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  border-radius: 16px;
  padding: 40px;
  text-align: center;
  color: white;
  margin-bottom: 30px;
}

/* Formulário de análise */
#business-classifier .analyze-form {
  background: var(--card-bg, white);
  border-radius: 12px;
  border: 1px solid var(--border-color, #e5e7eb);
  padding: 25px;
  margin-bottom: 30px;
}

/* Results container */
#business-classifier-results > div {
  transition: all 0.3s ease;
}

/* ============================================
   DARK MODE OVERRIDES
   ============================================ */

/* Form área */
html[data-theme="dark"] #business-classifier .analyze-form {
  background: rgba(30, 30, 45, 0.8) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] #business-classifier .analyze-form label {
  color: #ffffff !important;
}

html[data-theme="dark"] #business-classifier .analyze-form p {
  color: #a1a1aa !important;
}

html[data-theme="dark"] #business-classifier input[type="url"],
html[data-theme="dark"] #business-classifier input[type="text"] {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] #business-classifier input::placeholder {
  color: #71717a !important;
}

/* Cards de resultados/projetos */
html[data-theme="dark"] #business-classifier-results > div[style*="background: white"],
html[data-theme="dark"] #business-classifier-results > div[style*="background:white"],
html[data-theme="dark"] #business-classifier-results div[style*="background: white"],
html[data-theme="dark"] #business-classifier-results div[style*="background:#fff"],
html[data-theme="dark"] #business-classifier-results div[style*="background: #fff"] {
  background: rgba(30, 30, 45, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

/* Override genérico para cards com borda e-5e7eb */
html[data-theme="dark"] #business-classifier-results div[style*="border: 1px solid #e5e7eb"],
html[data-theme="dark"] #business-classifier-results div[style*="border:1px solid #e5e7eb"] {
  background: rgba(30, 30, 45, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

/* Textos nos cards */
html[data-theme="dark"] #business-classifier-results h3,
html[data-theme="dark"] #business-classifier-results h4 {
  color: #ffffff !important;
}

html[data-theme="dark"] #business-classifier-results p {
  color: #a1a1aa !important;
}

html[data-theme="dark"] #business-classifier-results span[style*="color: #374151"],
html[data-theme="dark"] #business-classifier-results span[style*="color:#374151"] {
  color: #e5e7eb !important;
}

html[data-theme="dark"] #business-classifier-results span[style*="color: #6b7280"],
html[data-theme="dark"] #business-classifier-results span[style*="color:#6b7280"],
html[data-theme="dark"] #business-classifier-results div[style*="color: #6b7280"],
html[data-theme="dark"] #business-classifier-results p[style*="color: #6b7280"] {
  color: #a1a1aa !important;
}

html[data-theme="dark"] #business-classifier-results span[style*="color: #9ca3af"],
html[data-theme="dark"] #business-classifier-results p[style*="color: #9ca3af"] {
  color: #71717a !important;
}

html[data-theme="dark"] #business-classifier-results div[style*="color: #1f2937"],
html[data-theme="dark"] #business-classifier-results h3[style*="color: #1f2937"],
html[data-theme="dark"] #business-classifier-results h4[style*="color: #1f2937"] {
  color: #ffffff !important;
}

/* Insights section */
html[data-theme="dark"] #business-classifier-results div[style*="background: #f8fafc"],
html[data-theme="dark"] #business-classifier-results div[style*="background:#f8fafc"] {
  background: rgba(30, 30, 45, 0.6) !important;
}

html[data-theme="dark"] #business-classifier-results div[style*="background: #f3f4f6"],
html[data-theme="dark"] #business-classifier-results div[style*="background:#f3f4f6"] {
  background: rgba(60, 60, 80, 0.5) !important;
}

/* Tags - ajustar cores para ficar legível no dark */
html[data-theme="dark"] #business-classifier-results span[style*="background: #d1fae5"] {
  background: rgba(16, 185, 129, 0.2) !important;
  color: #10b981 !important;
}

html[data-theme="dark"] #business-classifier-results span[style*="background: #dbeafe"] {
  background: rgba(59, 130, 246, 0.2) !important;
  color: #60a5fa !important;
}

html[data-theme="dark"] #business-classifier-results span[style*="background: #fef3c7"] {
  background: rgba(245, 158, 11, 0.2) !important;
  color: #fbbf24 !important;
}

html[data-theme="dark"] #business-classifier-results span[style*="background: #f3e8ff"] {
  background: rgba(139, 92, 246, 0.2) !important;
  color: #a78bfa !important;
}

/* Cards de comparação - empresa principal */
html[data-theme="dark"] #business-classifier-results div[style*="background: #ecfdf5"] {
  background: rgba(16, 185, 129, 0.1) !important;
  border-color: #10b981 !important;
}

html[data-theme="dark"] #business-classifier-results h3[style*="color: #059669"] {
  color: #10b981 !important;
}

/* Cards internos nos insights */
html[data-theme="dark"] #business-classifier-results div[style*="background: white"][style*="padding: 15px"] {
  background: rgba(255, 255, 255, 0.05) !important;
}

/* Links */
html[data-theme="dark"] #business-classifier-results a {
  color: #818cf8 !important;
}

html[data-theme="dark"] #business-classifier-results a:hover {
  color: #a5b4fc !important;
}

/* Título de projetos */
html[data-theme="dark"] #business-classifier-results h2[style*="color: white"] {
  color: #ffffff !important;
}

/* Correction modal */
html[data-theme="dark"] #correction-modal .modal-content,
html[data-theme="dark"] #correction-modal > div > div {
  background: #1e1e2e !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] #correction-modal h3,
html[data-theme="dark"] #correction-modal label {
  color: #ffffff !important;
}

html[data-theme="dark"] #correction-modal select,
html[data-theme="dark"] #correction-modal input,
html[data-theme="dark"] #correction-modal textarea {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] #correction-modal p {
  color: #a1a1aa !important;
}

/* Save to project modal */
html[data-theme="dark"] #save-to-project-modal .modal-content,
html[data-theme="dark"] #save-to-project-modal > div > div {
  background: #1e1e2e !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] #save-to-project-modal h3,
html[data-theme="dark"] #save-to-project-modal label {
  color: #ffffff !important;
}

html[data-theme="dark"] #save-to-project-modal select,
html[data-theme="dark"] #save-to-project-modal input {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}

/* Results analysis cards */
html[data-theme="dark"] #business-classifier-results .analysis-card,
html[data-theme="dark"] #business-classifier-results [class*="result"] {
  background: rgba(30, 30, 45, 0.8) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Alternativa: forçar override em todos os divs brancos dentro dos results */
html[data-theme="dark"] #business-classifier-results > div > div[style*="white"],
html[data-theme="dark"] #business-classifier-results > div > div > div[style*="white"] {
  background: rgba(30, 30, 45, 0.9) !important;
}