/* IPERC_BUSCADOR_CAPAS_V160
   Corrige buscador oculto detrás de la barra de herramientas.
   El modal/catálogo y su buscador quedan por encima de todas las capas.
*/

#modal-db,
#modal-catalogo,
#modal-base-datos,
[id*="catalogo"][class*="fixed"],
[id*="db"][class*="fixed"] {
  z-index: 999990 !important;
}

#modal-db *,
#modal-catalogo *,
#modal-base-datos * {
  box-sizing: border-box;
}

/* Panel del catálogo */
#modal-db > div,
#modal-catalogo > div,
#modal-base-datos > div {
  position: relative !important;
  z-index: 999991 !important;
}

/* Encabezado / zona del buscador */
#buscador-db,
#buscador-db.iperc-risk-search-v159 {
  position: relative !important;
  z-index: 999999 !important;
  background: #ffffff !important;
  isolation: isolate !important;
}

/* Contenedor donde está el input de búsqueda */
#buscador-db,
#buscador-db.parent,
#buscador-db.closest {
  transform: translateZ(0);
}

#buscador-db:focus {
  position: relative !important;
  z-index: 1000001 !important;
  outline: 2px solid rgba(37, 99, 235, .35) !important;
  outline-offset: 1px !important;
}

/* Caja de chips, estado y botón seleccionar mejor coincidencia */
#iperc-search-tools-v159,
.iperc-search-tools-v159 {
  position: relative !important;
  z-index: 1000000 !important;
  background: #ffffff !important;
  isolation: isolate !important;
}

/* Filtros y botón añadir también por encima */
#filtro-tipo-db,
#btn-agregar-db {
  position: relative !important;
  z-index: 999998 !important;
}

/* Lista de resultados queda debajo del buscador pero dentro del modal */
#lista-db {
  position: relative !important;
  z-index: 999996 !important;
}

/* Evitar que la barra de herramientas tape el catálogo */
#toolbar-insertar {
  z-index: 100 !important;
}

#barra-superior,
#barra-herramientas,
.toolbar,
.sticky,
[class*="toolbar"] {
  z-index: 200 !important;
}

/* Cuando el catálogo está abierto, forzar prioridad visual */
body:has(#buscador-db) #toolbar-insertar {
  z-index: 90 !important;
}

/* Compatibilidad si el navegador no soporta :has; el JS agregará esta clase */
body.iperc-catalogo-abierto-v160 #toolbar-insertar,
body.iperc-catalogo-abierto-v160 #barra-superior,
body.iperc-catalogo-abierto-v160 #barra-herramientas,
body.iperc-catalogo-abierto-v160 .toolbar,
body.iperc-catalogo-abierto-v160 [class*="toolbar"] {
  z-index: 80 !important;
}

body.iperc-catalogo-abierto-v160 #modal-db,
body.iperc-catalogo-abierto-v160 #modal-catalogo,
body.iperc-catalogo-abierto-v160 #modal-base-datos {
  z-index: 999990 !important;
}

/* Asegurar que el bloque superior del catálogo no sea recortado */
#modal-db .bg-slate-100,
#modal-catalogo .bg-slate-100,
#modal-base-datos .bg-slate-100 {
  position: relative !important;
  z-index: 999998 !important;
  overflow: visible !important;
}

/* Si el modal tiene overflow raro, permitir que el buscador se muestre completo */
#modal-db .flex,
#modal-catalogo .flex,
#modal-base-datos .flex {
  overflow: visible;
}

#lista-db {
  overflow-y: auto !important;
}