/**
 * Kratevia base form layout and validation state styles.
 * Extracted from app.css during CSS segmentation tranche 7B.
 */

/* Form stack layout */
.form-stack {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

/* Form row: two fields side by side */
.form-row {
  display: flex;
  gap: var(--space-3);
}

.form-row > .form-group {
  flex: 1;
  min-width: 0;
}

@media (max-width: 480px) {
  .form-row {
    flex-direction: column;
  }
}

/* Form input error state */
.input-error,
input.input-error,
select.input-error,
textarea.input-error {
  border-color: var(--danger, #e53e3e) !important;
  box-shadow: 0 0 0 2px rgba(229, 62, 62, 0.2);
}

.performance-field__error,
.structured-field-error,
.field-error {
  margin-top: 3px;
  color: var(--danger-color, #dc2626);
  font-size: 0.72rem;
  font-weight: 750;
  line-height: 1.25;
}