*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  height: 100%;
  overflow: hidden;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}

body {
  background: #FDF5F0;
}

/* Scrollable left column */
.reg-left {
  -ms-overflow-style: none;
  scrollbar-width: thin;
  scrollbar-color: rgba(123,54,38,0.2) transparent;
}
.reg-left::-webkit-scrollbar { width: 4px; }
.reg-left::-webkit-scrollbar-thumb { background: rgba(123,54,38,0.2); border-radius: 99px; }

/* Right photo column — hidden on small screens */
@media (min-width: 768px) {
  .reg-left { width: 42% !important; flex-shrink: 0 !important; }
  .reg-right { display: block !important; }
}

/* Input focus ring using Moell brown */
input:focus, select:focus {
  border-color: #7B3626 !important;
  box-shadow: 0 0 0 2px rgba(123,54,38,0.12) !important;
  outline: none !important;
}

/* Select2-style dropdown list scrollbar */
.reg-left div[style*="maxHeight: 220"] {
  scrollbar-width: thin;
  scrollbar-color: rgba(123,54,38,0.25) transparent;
}
.reg-left div[style*="maxHeight: 220"]::-webkit-scrollbar { width: 4px; }
.reg-left div[style*="maxHeight: 220"]::-webkit-scrollbar-thumb { background: rgba(123,54,38,0.25); border-radius: 99px; }

/* Search input inside dropdown — no heavy focus ring */
input.reg-dropdown-search:focus {
  border-color: #E5E7EB !important;
  box-shadow: none !important;
}

/* Number input — hide arrows */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }

/* OTP digit box focus */
input[type=text]:focus {
  border-color: #7B3626 !important;
  box-shadow: 0 0 0 2px rgba(123,54,38,0.12) !important;
}