/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

/* Tom Select custom styles to match Tailwind/CEAS theme */
.ts-wrapper.multi .ts-control {
  padding: 0.375rem 0.75rem;
  border: 1px solid #d1d5db; /* gray-300 */
  border-radius: 0.5rem; /* rounded-lg */
  font-size: 0.875rem; /* text-sm */
  background-color: #fff;
  min-height: 38px;
}
.ts-wrapper.multi .ts-control:focus-within,
.ts-wrapper.multi.focus .ts-control {
  border-color: #1e40af; /* ceas-blue */
  box-shadow: 0 0 0 2px rgba(30, 64, 175, 0.2);
  outline: none;
}
.ts-wrapper .ts-dropdown {
  border: 1px solid #d1d5db;
  border-radius: 0.5rem;
  margin-top: 2px;
  font-size: 0.875rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.ts-wrapper .ts-dropdown .option.active {
  background-color: #dbeafe; /* blue-100 */
  color: #1e40af; /* ceas-blue */
}
.ts-wrapper .ts-dropdown .option:hover {
  background-color: #eff6ff; /* blue-50 */
}
.ts-wrapper.multi .ts-control > .item {
  background-color: #dbeafe; /* blue-100 */
  color: #1e40af; /* ceas-blue */
  border: none;
  border-radius: 0.375rem; /* rounded-md */
  padding: 0.125rem 0.5rem;
  font-size: 0.75rem;
  margin: 2px;
}
.ts-wrapper.multi .ts-control > .item .remove {
  border-left: none;
  color: #1e40af;
  font-size: 1rem;
  margin-left: 0.25rem;
}
.ts-wrapper.multi .ts-control > .item .remove:hover {
  color: #dc2626; /* red-600 */
}
.ts-wrapper .ts-control > input {
  font-size: 0.875rem;
}
/* Hide the default caret since Tom Select has its own */
.ts-wrapper.single .ts-control::after {
  border-color: #6b7280 transparent transparent transparent;
}