/* Tom Select styles for contract service form */
.ts-wrapper {
  @apply bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-emerald-600 focus:border-emerald-600 block w-full;
}

.ts-control {
  @apply p-2.5;
}

.ts-dropdown {
  @apply border border-gray-300 rounded-lg shadow-lg;
}

.ts-dropdown-content {
  @apply bg-white;
}

.ts-dropdown .option {
  @apply px-3 py-2 text-sm text-gray-900 hover:bg-emerald-50;
}

.ts-dropdown .option.active {
  @apply bg-emerald-600 text-white;
}

.ts-input {
  @apply p-2;
}

/* Tom Select styles for contract form client field */
.contract-client-select {
  position: relative !important;
}

.contract-client-select .ts-control {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

.contract-client-select .ts-control .item[data-value=""] {
  color: #ada5a7 !important;
}