/* Tom Select no visual dos campos do sistema (Tailwind/Flowbite), claro e escuro */
.ts-wrapper.single .ts-control,
.ts-wrapper.single.input-active .ts-control {
  background: #f9fafb;
  border: 1px solid #d1d5db;
  border-radius: 0.5rem;
  padding: 0.625rem 2rem 0.625rem 0.75rem;
  font-size: 0.875rem;
  color: #111827;
  box-shadow: none;
  min-height: 2.6rem;
}
/* O Tom Select copia as classes do <select> (borda, fundo, padding) para o
   contêiner externo; o visual fica só no .ts-control, para não ter borda dupla. */
.ts-wrapper.single {
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  min-height: 0 !important;
}

/* input de pesquisa interno: sem o estilo global dos inputs */
.ts-wrapper .ts-control > input,
.ts-wrapper .ts-control > input:focus {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-height: 0 !important;
  font-size: 0.875rem;
}
/* enquanto digita, esconde o item selecionado para mostrar só a pesquisa */
.ts-wrapper.single.input-active.dropdown-active .ts-control > .item:not(:only-child) { display: none; }
.ts-wrapper .clear-button { color: #6b7280; }
.ts-wrapper.single.focus .ts-control {
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px #93c5fd;
}
.ts-wrapper.disabled .ts-control { opacity: 0.6; cursor: not-allowed; }
.ts-dropdown {
  border: 1px solid #d1d5db;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  margin-top: 4px;
  z-index: 60;
}
.ts-dropdown .option { padding: 0.5rem 0.75rem; }
.ts-dropdown .active { background: #eff6ff; color: #1e3a8a; }
.ts-dropdown .no-results { padding: 0.5rem 0.75rem; color: #6b7280; }

.dark .ts-wrapper.single .ts-control,
.dark .ts-wrapper.single.input-active .ts-control {
  background: #374151;
  border-color: #4b5563;
  color: #fff;
}
.dark .ts-wrapper .ts-control input { color: #fff; }
.dark .ts-wrapper .ts-control input::placeholder { color: #9ca3af; }
.dark .ts-dropdown { background: #374151; border-color: #4b5563; color: #f3f4f6; }
.dark .ts-dropdown .active { background: #1f2937; color: #fff; }
.dark .ts-dropdown .no-results { color: #9ca3af; }