/* BIDSMART_CLIENT_ID_UPLOAD_ALIGNMENT_V1
   Aligns Client ID type + upload cards. Visual only. */

body.client-register-page .client-id-upload-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
  align-items:stretch!important;
}

body.client-register-page .client-id-type-card,
body.client-register-page .client-upload-card{
  box-sizing:border-box!important;
  min-width:0!important;
  min-height:138px!important;
  padding:15px!important;
  border-radius:14px!important;
  background:#fff!important;
  align-content:start!important;
}

body.client-register-page .client-id-type-card{
  display:grid!important;
  grid-template-rows:auto auto 1fr!important;
  gap:9px!important;
  border:1px solid #e1e6eb!important;
}

body.client-register-page .client-upload-card{
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  gap:9px!important;
  border:1px dashed #d6dce2!important;
}

body.client-register-page .client-id-type-card > strong,
body.client-register-page .client-upload-card > strong{
  display:block!important;
  margin:0!important;
  min-height:18px!important;
  color:#20262d!important;
  font-size:11px!important;
  line-height:18px!important;
  font-weight:900!important;
}

/* Put both actual controls directly under their title so their top edges align. */
body.client-register-page .client-id-type-card > select{
  grid-row:2!important;
  width:100%!important;
  min-height:54px!important;
  height:54px!important;
  margin:0!important;
  padding:0 13px!important;
  border:1px solid #d8dee5!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#17191d!important;
  font-size:11px!important;
  font-weight:800!important;
  box-shadow:none!important;
}

body.client-register-page .client-id-type-card > select:focus{
  border-color:#cf4b53!important;
  box-shadow:0 0 0 3px rgba(197,22,34,.08)!important;
  outline:none!important;
}

body.client-register-page .client-upload-card > input[type="file"],
body.client-register-page .client-upload-card > input[type="file"].bidsmart-pretty-file{
  grid-row:2!important;
  width:100%!important;
  min-height:54px!important;
  height:54px!important;
  margin:0!important;
  align-self:start!important;
}

/* Keep useful format/size guidance, but move it below the field instead of pushing it down. */
body.client-register-page .client-upload-card > span:not(.bidsmart-file-selected-name){
  grid-row:3!important;
  margin:0!important;
  color:#7b8590!important;
  font-size:9px!important;
  line-height:1.35!important;
  font-weight:700!important;
}

body.client-register-page .client-id-type-card .client-id-type-help{
  display:none!important;
}

/* Filename generated by the global pretty-file patch stays compact below the field. */
body.client-register-page .client-upload-card > .bidsmart-file-selected-name{
  grid-row:4!important;
  margin:0 2px!important;
  font-size:9px!important;
}

@media(max-width:760px){
  body.client-register-page .client-id-upload-grid{
    grid-template-columns:1fr!important;
  }
  body.client-register-page .client-id-type-card,
  body.client-register-page .client-upload-card{
    min-height:auto!important;
  }
}