/* Farma: Tom Select gắn với Tailwind / dark mode */
.ts-wrapper {
  position: relative;
  width: 100%;
  min-width: 0;
}
/* Dropdown append vào body: giữ absolute + z-index (Tom Select gán top/left qua JS) */
body > .ts-dropdown {
  position: absolute;
}
.ts-wrapper.single .ts-control {
  border-radius: 0.5rem;
  border-color: #dbe1e6;
  /* Cùng cảm giác py-2 px-3 với input native */
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  min-height: 2.5rem;
  align-items: center;
  box-sizing: border-box;
}
/* tom-select.css gán padding-right !important — ghi đè để đủ chỗ caret + dropdown_input */
.ts-wrapper.single .ts-control:not(.rtl) {
  padding-right: 2.25rem !important;
}
.ts-wrapper.single .ts-control.rtl {
  padding-left: 2.25rem !important;
}
.ts-wrapper.focus .ts-control {
  border-color: #2094f3;
  box-shadow: 0 0 0 1px #2094f3;
}
.ts-dropdown {
  border-radius: 0.5rem;
  border-color: #dbe1e6;
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  z-index: 10050;
}
.ts-dropdown .dropdown-input {
  border-radius: 0.375rem;
  border: 1px solid #dbe1e6;
  margin: 0.5rem;
  padding: 0.375rem 0.5rem;
  width: calc(100% - 1rem);
  box-sizing: border-box;
}
.ts-dropdown .option {
  padding: 0.5rem 0.75rem;
}
.ts-dropdown .active {
  background: rgba(32, 148, 243, 0.12);
  color: #2094f3;
}
.dark .ts-wrapper.single .ts-control {
  background-color: rgb(30 41 59);
  border-color: rgb(51 65 85);
  color: rgb(241 245 249);
}
.dark .ts-wrapper.focus .ts-control {
  border-color: #2094f3;
}
.dark .ts-dropdown {
  background-color: rgb(30 41 59);
  border-color: rgb(51 65 85);
}
.dark .ts-dropdown .dropdown-input {
  background-color: rgb(15 23 42);
  border-color: rgb(51 65 85);
  color: rgb(241 245 249);
}
.dark .ts-dropdown .option {
  color: rgb(241 245 249);
}
.dark .ts-dropdown .active {
  background: rgba(32, 148, 243, 0.2);
  color: rgb(147 197 253);
}