/* ✅ Form controls — bigger + clearer + always clickable */
main input,
main select,
main textarea {
  -webkit-appearance: none;
  appearance: none;
  background: #ffffff !important;
  color: #111827 !important;
  border: 1px solid #D1D5DB !important;
  border-radius: 16px !important;
  font-size: 16px !important;
  line-height: 1.25rem !important;
  padding: 12px 14px !important;
  min-height: 48px !important;
  box-shadow: 0 1px 0 rgba(17,24,39,.03) !important;
  position: relative;
  z-index: 1;
  pointer-events: auto;
}
main input::placeholder,
main textarea::placeholder {
  color: #9CA3AF !important;
  opacity: 1 !important;
}
main input:focus,
main select:focus,
main textarea:focus {
  outline: none !important;
  border-color: #10B981 !important;
  box-shadow: 0 0 0 4px rgba(16,185,129,.18) !important;
}
main select {
  padding-right: 44px !important;
  background-image: linear-gradient(45deg, transparent 50%, #6B7280 50%),
                    linear-gradient(135deg, #6B7280 50%, transparent 50%);
  background-position: calc(100% - 18px) 55%, calc(100% - 12px) 55%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}
main input:disabled,
main select:disabled,
main textarea:disabled {
  background: #F9FAFB !important;
  color: #6B7280 !important;
  cursor: not-allowed !important;
  opacity: 0.85 !important;
}
main .phone-prefix {
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
}