/* ===== ESTILOS MEJORADOS PARA AUTOCOMPLETADO DE DIAGNÓSTICOS ===== */

/* Contenedor principal de la lista - MÁXIMA PRIORIDAD */
.ContenedorLista,
div.ContenedorLista,
.ajax__autocomplete_completionListElement {
  margin: 0px !important;
  background-color: white !important;
  border: 1px solid #cbd5e0 !important;
  border-left: 4px solid #0891b2 !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12) !important;
  cursor: pointer !important;
  text-align: left !important;
  list-style-type: none !important;
  width: auto !important;
  min-width: 450px !important;
  max-width: 700px !important;
  max-height: 350px !important;
  overflow-y: auto !important;
  padding: 10px !important;
  font-family: 'Inter', -apple-system, system-ui, sans-serif !important;
  z-index: 99999 !important;
}

/* Cada item de la lista - MÁXIMA PRIORIDAD */
.ItemLista,
li.ItemLista,
.ajax__autocomplete_itemTemplate {
  background-color: #f8fafc !important;
  color: #0f172a !important;
  padding: 12px 14px !important;
  margin-bottom: 8px !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  cursor: pointer !important;
  border-left: 3px solid #06b6d4 !important;
  border-radius: 4px !important;
  transition: all 0.2s ease !important;
  min-height: 40px !important;
  display: block !important;
}

.ItemLista:hover,
li.ItemLista:hover {
  background-color: rgba(8, 145, 178, 0.08) !important;
  border-left-color: #0891b2 !important;
  transform: translateX(2px) !important;
  box-shadow: 0 2px 4px rgba(8, 145, 178, 0.1) !important;
}

.ItemLista:last-child,
li.ItemLista:last-child {
  margin-bottom: 0 !important;
}

/* Item seleccionado/resaltado - MÁXIMA PRIORIDAD */
.SeleccionItemLista,
li.SeleccionItemLista,
.ajax__autocomplete_selectedListItem {
  background-color: #0891b2 !important;
  color: #FFFFFF !important;
  padding: 12px 14px !important;
  margin-bottom: 8px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  cursor: pointer !important;
  border-left: 3px solid #0e7490 !important;
  border-radius: 4px !important;
  box-shadow: 0 3px 6px rgba(8, 145, 178, 0.25) !important;
  min-height: 40px !important;
  display: block !important;
}

/* Scrollbar personalizado para la lista de autocompletado */
.ContenedorLista::-webkit-scrollbar,
div.ContenedorLista::-webkit-scrollbar {
  width: 8px !important;
}

.ContenedorLista::-webkit-scrollbar-track,
div.ContenedorLista::-webkit-scrollbar-track {
  background: #f1f5f9 !important;
  border-radius: 4px !important;
}

.ContenedorLista::-webkit-scrollbar-thumb,
div.ContenedorLista::-webkit-scrollbar-thumb {
  background: #06b6d4 !important;
  border-radius: 4px !important;
}

.ContenedorLista::-webkit-scrollbar-thumb:hover,
div.ContenedorLista::-webkit-scrollbar-thumb:hover {
  background: #0891b2 !important;
}

/* Asegurar que los items de lista (li) tengan el formato correcto */
.ContenedorLista li,
div.ContenedorLista li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Para navegadores antiguos - compatibilidad */
* .ContenedorLista {
  font-size: 13px !important;
}

* .ItemLista {
  padding: 12px 14px !important;
  margin-bottom: 8px !important;
}

* .SeleccionItemLista {
  padding: 12px 14px !important;
  margin-bottom: 8px !important;
}