.ts-wrapper {
  width: 100%;
}

.ts-wrapper .ts-control {
  min-height: calc(2.35rem + 2px);
  border-radius: .55rem;
  border-color: #d1d5db;
  box-shadow: none;
  background-color: #fff;
  font-size: .95rem;
}

.ts-wrapper.focus .ts-control {
  border-color: #93c5fd;
  box-shadow: 0 0 0 .22rem rgba(59, 130, 246, .18);
}

.ts-control input {
  font-size: .95rem !important;
}

.ts-dropdown {
  z-index: 9999;
  border-radius: .7rem;
  border: 1px solid #e5e7eb;
  box-shadow: 0 18px 40px rgba(15, 23, 42, .20);
  overflow: hidden;
}

.ts-dropdown .option {
  padding: .55rem .75rem;
  font-size: .94rem;
}

.ts-dropdown .active {
  background: #eff6ff;
  color: #111827;
}

.no-results {
  padding: .75rem .875rem;
  color: #6b7280;
}

.table .ts-wrapper .ts-control {
  min-height: 2.35rem;
  border-radius: .45rem;
}

/* En tablas y formularios compactos evita que los selects buscables agranden demasiado la fila. */
.rvb-compact .ts-wrapper .ts-control {
  min-height: 2.35rem;
}

/* Los dropdowns se montan en <body> para que no se corten dentro de tablas con scroll. */
body > .ts-dropdown {
  z-index: 99999;
}
