/* Garden Log Entry Form Styles - Clean and Simple */

/* Plant Tags */
.plant-tags-grid {
  @apply grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 max-h-48 overflow-y-auto border border-gray-200 rounded-lg p-4;
}

.plant-tag {
  @apply flex items-center p-3 hover:bg-gray-50 rounded-lg cursor-pointer border border-gray-200 bg-white transition-all duration-200;
}

.plant-tag:hover {
  @apply border-gray-300 shadow-sm;
}

.plant-tag:has(.plant-checkbox:checked) {
  @apply border-green-500 bg-green-50 shadow-sm ring-1 ring-green-200;
}

.plant-checkbox {
  @apply mr-2 flex-shrink-0;
}

.plant-name {
  @apply text-sm font-medium text-gray-900;
}

/* Mood Options */
.mood-options {
  @apply grid grid-cols-2 sm:grid-cols-4 gap-3;
}

.mood-option {
  @apply flex items-center cursor-pointer p-3 border border-gray-300 rounded-lg hover:bg-gray-50 transition-all duration-200 bg-white shadow-sm;
}

.mood-option:hover {
  @apply border-gray-400 shadow-md;
}

.mood-option:has(.mood-radio:checked) {
  @apply border-green-500 bg-green-50 shadow-md ring-1 ring-green-200;
}

.mood-radio {
  @apply mr-2 flex-shrink-0;
}

.mood-label {
  @apply text-sm font-medium text-gray-700;
}

.mood-option:has(.mood-radio:checked) .mood-label {
  @apply text-green-700;
}

/* Form spacing */
.space-y-6 > * + * {
  @apply mt-6;
}

/* Focus states for accessibility */
.plant-tag:focus-within,
.mood-option:focus-within {
  @apply ring-2 ring-blue-500 ring-offset-2;
}