/* Rules Section Styles */

.rule-field {
  @apply flex items-start gap-2 p-3 border rounded bg-gray-50 dark:bg-gray-900;
  transition: all 0.2s ease;
}

.rule-field:hover {
  @apply bg-gray-100 dark:bg-gray-800;
}

.rule-field textarea {
  resize: vertical;
  min-height: 2.5rem;
}

/* Symbol field styling */
.rule-field input[readonly] {
  @apply bg-gray-100 dark:bg-gray-800 cursor-default;
}

/* Rules container */
[data-controller="rules"] .space-y-2>*+* {
  margin-top: 0.5rem;
}

/* Hide destroyed rules */
.rule-field:has(.remove-checkbox:checked) {
  display: none !important;
}