body,
.content-wrapper {
  background-color: #1e1e2f !important; /* fondo oscuro elegante */
}

.card {
  background-color: #f8f9fa !important; /* gris claro profesional */
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  border: none;
}

.card-header {
  background-color: #2c3e50 !important; /* azul grisáceo oscuro */
  color: #ffffff; /* texto claro para contraste */
  font-weight: 600;
}

.card-body {
  color: #212529 !important; /* texto gris oscuro legible */
}

input.form-control,
textarea.form-control,
select.form-control {
  color: #2c3e50 !important; /* texto elegante */
}

input::placeholder,
textarea::placeholder {
  color: #6c757d !important; /* gris medio discreto */
  opacity: 1;
}