/* Corrección de visibilidad para elementos de carga de archivos */

/* Contenedores de carga - aplicación forzada para evitar problemas de caché */
.upload-container {
  background-color: #0d1117 !important; /* Fondo oscuro */
  color: #ffffff !important;
  border: 2px dashed #666 !important;
}

/* Estilos específicos para el área vacía de documentos mostrada en la imagen */
.text-center.border.border-dashed.rounded {
  background-color: #333 !important;
  color: white !important;
  border: 2px dashed #888 !important;
}

/* Asegurar que el texto dentro de document-drop-area sea visible */
.document-drop-area {
  background-color: #2d2d2d !important;
}

/* Contenedor de arrastre específico del documento */
[role="region"] {
  background-color: #0d1117 !important;
  border: 2px dashed #666 !important;
  color: #ffffff !important;
}

/* Estilos específicos para la página de carga de documentos */
.dropzone, 
.dz-message,
.dz-clickable,
.document-drop-area {
  background-color: #0d1117 !important;
  color: #ffffff !important;
  border-color: #666 !important;
}

/* Estilos específicos para el área de arrastre en document_upload.html */
.document-drop-area p,
.document-drop-area small,
.document-drop-area i {
  color: #ffffff !important;
}

/* Selector para el contenedor específico de la imagen */
div.text-center.border.border-dashed.rounded {
  background-color: #0d1117 !important;
  color: #ffffff !important;
}

/* Estilo inline específico para el área de arrastre */
[style*="text-[#192d38]"] {
  color: #ffffff !important;
}

/* Textos dentro de los contenedores - todos los elementos */
.upload-container h6,
.upload-container small,
.upload-container span,
.upload-container p,
.upload-container label,
.upload-container i {
  color: #ffffff !important;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.8) !important;
}

/* Icono de documento - mayor visibilidad */
.document-icon {
  color: #ffffff !important;
  font-size: 2.2rem !important;
}

/* Contenedor específico para formularios de carga de documentos */
#id-document-container,
#id-document-front-container,
#id-document-back-container,
#residence-document-container,
#residence-proof-container {
  background-color: #0d1117 !important;
  color: #ffffff !important;
  border: 2px dashed #666 !important;
  margin-bottom: 15px !important;
}

/* Listas de archivos - asegurar contraste */
.list-group-item {
  background-color: #0d1117 !important;
  color: #ffffff !important;
  border-color: #444 !important;
}

#id-documents-list, 
#residence-documents-list,
#id-documents-files-list, 
#residence-documents-files-list {
  background-color: #0d1117 !important;
  color: #ffffff !important;
}

/* Textos dentro de las listas - mayor visibilidad */
.list-group h6, 
.list-group span, 
.list-group small,
.list-group p,
.list-group div {
  color: #ffffff !important;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.8) !important;
}

/* Mensaje de tamaños de archivo (small) */
.upload-container small.text-muted {
  color: #ffffff !important;
  font-weight: 500 !important;
}