/* ----------------------------------------------------
   UNIVERSAL CALCULATOR SPACING SYSTEM
   Applies to Nail, Lash, Brow, Hair & all future tools
   ---------------------------------------------------- */

/* 1. Standard input/select height */
#calculator-form input,
#calculator-form select {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  height: auto !important;
  line-height: normal !important;
}

/* 2. Standard gap between inputs, labels, help text */
#calculator-form .helper-text {
  margin-top: 4px !important;
  margin-bottom: 6px !important;
}

/* 3. Standard gap before collapsible-button row */
#calculator-form .mt-3,
#calculator-form .mt-2 {
  margin-top: 6px !important;
}

/* 4. Standard spacing for expand/collapse buttons */
#calculator-form button[data-expand-btn] {
  margin-top: 2px !important;
}

/* 5. Standard gap before collapsible panels */
#calculator-form .calc-panel {
  margin-top: 8px !important;
}

/* 6. Remove Tailwind py-* interference (which explodes height) */
#calculator-form input,
#calculator-form select {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.calc-panel {
  margin-top: 8px !important;
}