/* AOM Traders V58.28B.1 — Unified form alignment
   UI-only refinement for:
   1) Public Free EA registration
   2) Private AOM Account > Add EA
   No backend/auth/OTP/Telegram logic changed.
*/

/* =========================================================
   PRIVATE AOM ACCOUNT > ADD EA
   ========================================================= */

.aom-account-add-form{
  width:100%;
  box-sizing:border-box;
}

.aom-account-add-fields{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:18px !important;
  align-items:start !important;
}

.aom-account-add-fields > label{
  display:grid !important;
  grid-template-rows:16px 56px 22px !important;
  gap:7px !important;
  min-width:0 !important;
  margin:0 !important;
  align-content:start !important;
}

.aom-account-add-fields > label > span{
  display:flex !important;
  align-items:center !important;
  min-height:16px !important;
  margin:0 !important;
  line-height:1 !important;
}

.aom-account-add-fields input{
  width:100% !important;
  height:56px !important;
  min-height:56px !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:0 16px !important;
  border-radius:14px !important;
  line-height:56px !important;
}

.aom-account-add-fields small{
  display:block !important;
  min-height:22px !important;
  margin:0 !important;
  font-size:10px !important;
  line-height:1.45 !important;
  opacity:.56 !important;
}

/* The MT5 Login field has no helper copy, but it still reserves
   the same helper row as MT5 Server so both columns stay level. */
.aom-account-add-fields > label:not(:has(small))::after{
  content:"";
  display:block;
  min-height:22px;
}

.aom-account-add-actions{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin-top:2px !important;
}

.aom-account-add-actions .btn{
  min-height:46px !important;
  height:46px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 18px !important;
  box-sizing:border-box !important;
}


/* =========================================================
   PUBLIC FREE EA REGISTRATION
   ========================================================= */

.partner-page [data-partner-form]{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  column-gap:18px !important;
  row-gap:12px !important;
  align-items:start !important;
}

/* Every normal field gets the same 3-row rhythm:
   label / control / helper-space.
   This keeps left + right columns aligned even when only one
   field contains helper copy. */
.partner-page [data-partner-form] > label{
  display:grid !important;
  grid-template-rows:16px 46px 22px !important;
  gap:6px !important;
  min-width:0 !important;
  margin:0 !important;
  align-content:start !important;
}

.partner-page [data-partner-form] > label > span:first-child,
.partner-page [data-partner-form] > label > b:first-child{
  display:flex !important;
  align-items:center !important;
  min-height:16px !important;
  margin:0 !important;
  line-height:1 !important;
}

.partner-page [data-partner-form] input:not([type="radio"]):not([type="checkbox"]),
.partner-page [data-partner-form] select{
  width:100% !important;
  height:46px !important;
  min-height:46px !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  border-radius:12px !important;
  line-height:46px !important;
}

.partner-page [data-partner-form] select{
  line-height:normal !important;
}

.partner-page [data-partner-form] .partner-field-help{
  display:block !important;
  min-height:22px !important;
  margin:0 !important;
  font-size:9.5px !important;
  line-height:1.35 !important;
  color:#8399a7 !important;
}

/* Reserve the helper row for fields that do not have helper text. */
.partner-page [data-partner-form] > label:not(:has(.partner-field-help))::after{
  content:"";
  display:block;
  min-height:22px;
}

/* Full-width dynamic / action areas should not become half-grid cells. */
.partner-page [data-partner-form] > .v5814-contact-panel,
.partner-page [data-partner-form] > .partner-manual-review,
.partner-page [data-partner-form] > .partner-submit-row,
.partner-page [data-partner-form] > [data-partner-result]{
  grid-column:1 / -1 !important;
}

.partner-page .v5814-contact-panel{
  margin:1px 0 0 !important;
}

.partner-page .partner-submit-row{
  margin-top:1px !important;
}

.partner-page .partner-submit-row .btn{
  min-height:46px !important;
  height:46px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:860px){
  .aom-account-add-fields,
  .partner-page [data-partner-form]{
    grid-template-columns:1fr !important;
  }

  .aom-account-add-fields > label,
  .partner-page [data-partner-form] > label{
    grid-template-rows:auto 50px auto !important;
  }

  .aom-account-add-fields input{
    height:50px !important;
    min-height:50px !important;
    line-height:50px !important;
  }

  .partner-page [data-partner-form] input:not([type="radio"]):not([type="checkbox"]),
  .partner-page [data-partner-form] select{
    height:46px !important;
    min-height:46px !important;
  }

  .aom-account-add-actions{
    align-items:stretch !important;
  }

  .aom-account-add-actions .btn{
    width:100% !important;
  }
}
