/* Gestión ML - Estándar Corporativo - Estilos Globales */

/* Estilos de Body */
body {
  background-color: #f0f2f5 !important;
  letter-spacing: -0.01rem;
  margin: 0;
}

[data-bs-theme="dark"] body {
  background-color: #0d1117 !important;
}

/* Inputs: Forzamos bordes y fondos para que sean visibles */
.form-control {
  background-color: #ffffff !important;
  color: #212529 !important;
  border: 1px solid #d1d9e0 !important;
}

[data-bs-theme="dark"] .form-control {
  background-color: #0d1117 !important;
  color: #ffffff !important;
  border-color: #444c56 !important;
}

/* Labels: Color en modo oscuro */
.form-label {
  color: #212529 !important;
}

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

/* Textos Secundarios */
.text-muted {
  color: #6e7681 !important;
}

[data-bs-theme="dark"] .text-muted {
  color: #8b949e !important;
}

/* Cards: Mejora en modo oscuro */
.card {
  background-color: #ffffff !important;
  border: 1px solid #e0e4e8 !important;
}

[data-bs-theme="dark"] .card {
  background-color: #161b22 !important;
  border-color: #30363d !important;
}

/* Modal: Estilos para dark mode */
.modal-content {
  background-color: #ffffff !important;
}

[data-bs-theme="dark"] .modal-content {
  background-color: #161b22 !important;
  border-color: #30363d !important;
}

[data-bs-theme="dark"] .modal-header {
  border-bottom-color: #30363d !important;
}

[data-bs-theme="dark"] .modal-body {
  color: #ffffff !important;
}

/* Navbar: Mejora styling */
.navbar {
  background-color: #ffffff !important;
  border-bottom: 1px solid #e0e4e8 !important;
}

[data-bs-theme="dark"] .navbar {
  background-color: #0d1117 !important;
  border-bottom-color: #30363d !important;
}

/* Responsive: Mejor en mobile */
@media (max-width: 768px) {
  .container-fluid {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  
  .col-md-3, .col-md-9 {
    margin-bottom: 1rem;
  }
}