.field-note {
  margin-top: 6px;
  color: #64748b;
  font-size: 12px;
}

.field-error-text {
  margin-top: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #dc2626;
}

.field {
  margin-bottom: 10px;
  position: relative;
  z-index: 0;
}

.field label {
  display: block;
  font-size: 12px;
  color: var(--text-secondary);
  margin-bottom: 6px;
}

.field input,
.field textarea,
.field select {
  width: 100%;
  border: 1px solid #dbe1ea;
  border-radius: 14px;
  padding: 9px 11px;
  font-size: 16px;
  background: #fbfdff;
  position: relative;
  z-index: 1;
  pointer-events: auto;
}

.field select[multiple] {
  min-height: 118px;
}

.field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.field.field-error input,
.field.field-error select,
.field.field-error textarea {
  border-color: #dc2626;
  box-shadow: 0 0 0 1px rgba(220, 38, 38, 0.2);
}

@media (max-width: 720px) {
  .field-row {
    grid-template-columns: 1fr;
  }
}