@tailwind base;
@tailwind components;
@tailwind utilities;

<style>
.input {
  @apply w-full border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500;
}
.input-error {
  @apply border-red-500 focus:ring-red-500;
}
.input-info {
  @apply text-sm text-gray-500 mt-1 flex justify-between items-center;
}
.error-msg {
  @apply text-sm text-red-500 mt-1;
}
textarea.input {
  resize: vertical;
  overflow: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  width: 100%;
  border: 1px solid #d1d5db;
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
}
.btn-add {
  @apply mt-2 text-sm text-blue-600 hover:underline;
}
</style>