.enhanced-field {
  transition: border-color .2s, background-color .2s;
}

.enhanced-field.border-green-500 {
  border-color: #10b981;
}

.enhanced-field.border-red-500 {
  border-color: #ef4444;
}

.enhanced-field.border-yellow-500 {
  border-color: #f59e0b;
}

.enhanced-field.border-blue-500 {
  border-color: #3b82f6;
}

.validation-message {
  animation: .2s ease-in fadeIn;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.validation-icon {
  pointer-events: none;
}

.validation-loading svg {
  animation: 1s linear infinite spin;
}

@keyframes spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.suggestions-dropdown {
  animation: .2s ease-out slideDown;
  box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.suggestion-item {
  transition: background-color .15s;
}

.suggestion-item:hover {
  background-color: #eff6ff;
}

.help-tooltip {
  animation: .15s ease-in fadeInTooltip;
  box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;
}

@keyframes fadeInTooltip {
  from {
    opacity: 0;
    transform: translateY(-4px)scale(.95);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

.tooltip-arrow {
  box-shadow: 0 2px 4px #0000001a;
}

.form-save-indicator {
  animation: .3s ease-out slideUp;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.form-restore-notification {
  animation: .3s ease-out slideDown;
}

@media (width <= 768px) {
  .help-tooltip {
    max-width: calc(100vw - 32px);
    right: 16px;
    left: 16px !important;
  }

  .suggestions-dropdown {
    max-width: calc(100vw - 32px);
  }

  .suggestion-item {
    min-height: 44px;
    padding: 12px 16px;
  }

  .validation-icon, .validation-loading {
    width: 24px;
    height: 24px;
  }
}

.enhanced-field:focus {
  outline-offset: 2px;
  outline: 2px solid #3b82f6;
}

.suggestion-item:focus {
  outline-offset: -2px;
  outline: 2px solid #3b82f6;
}

@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-4px);
  }

  20%, 40%, 60%, 80% {
    transform: translateX(4px);
  }
}

.enhanced-field.border-red-500 {
  animation: .3s ease-in-out shake;
}

@keyframes bounce {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.05);
  }
}

.enhanced-field.border-green-500 {
  animation: .3s ease-in-out bounce;
}
/*# sourceMappingURL=dar-create.b499e635.css.map */