/**
 * Linted Form Field Styles
 *
 * Uses CSS Custom Properties from the Design System.
 */

/* Import design system variables */
@import url('../../../styles/design-system.css');

/* Field Container */
.prorank-linted-field {
  position: relative;
  margin-bottom: var(--pr-spacing-medium, 16px);
}

/* Field status styling is handled by settings-lint-message.css */

/* Ensure proper spacing when messages are present */
.prorank-linted-field .prorank-settings-lint-inline {
  margin-top: var(--pr-spacing-small, 8px);
}