.form-group{
  display:flex;
  flex-direction:column;
  gap:4px;
}

/* .input-field{
  padding:10px;
  border:1px solid var(--border);
  border-radius:6px;
} */

.input-field{
  width:100%;
  padding:10px;
  border:1px solid #d1d5db;
  border-radius:6px;
}

.form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.form-group.full{
  grid-column:1/-1;
}

/* ===== ERROR INPUT ===== */

.input-error{
  border:1px solid #dc2626 !important;
  background:#fef2f2;
}

.input-error:focus{
  outline:none;
  box-shadow:0 0 0 2px rgba(220,38,38,0.15);
}

/* ERROR MESSAGE */

.error-text{
  color:#dc2626;
  font-size:13px;
  margin-top:4px;
  display:block;
}