/* ==========================================================
   form.css - 폼 입력 요소
   ========================================================== */
.form__row { margin-bottom: 20px; }

.form__label { display: block; margin-bottom: 8px; font-weight: 600; }
.form__label em { color: var(--color-error); }

.form__input {
  width: 100%;
  height: 48px;
  padding: 0 16px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  background: var(--color-bg);
  transition: border-color var(--transition), box-shadow var(--transition);
}
.form__input::placeholder { color: #aab0bb; }
.form__input:focus { outline: none; border-color: var(--color-primary); box-shadow: 0 0 0 4px var(--color-primary-light); }
.form__textarea { height: auto; padding: 12px 16px; resize: vertical; }

.form__row.is-error .form__input { border-color: var(--color-error); }
.form__error { margin-top: 6px; font-size: var(--fs-sm); color: var(--color-error); }
.form__error:empty { display: none; }

.form__check { display: flex; align-items: center; gap: 8px; margin-bottom: 24px; font-size: var(--fs-sm); cursor: pointer; }
.form__check input { width: 18px; height: 18px; accent-color: var(--color-primary); }