/* BIDSMART_REGISTRATION_UNIFIED_V1 */
/* Shared visual language for Customer and Supplier registration. */
body.registration-unified{
  min-height:100vh!important;
  margin:0!important;
  background:#eef2f5!important;
  color:#17191d!important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
}
body.registration-unified *{box-sizing:border-box}
.registration-unified .registration-tabs,
.registration-tabs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:4px!important;
  width:100%!important;
  padding:4px!important;
  margin:0 0 17px!important;
  border-radius:13px!important;
  background:#f1f3f5!important;
}
.registration-tabs a{
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:9px!important;
  color:#59636e!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:850!important;
}
.registration-tabs a.active{background:#d20f26!important;color:#fff!important;box-shadow:0 5px 13px rgba(210,15,38,.18)!important}
body.registration-unified .registration-switcher,
body.registration-unified .role-tabs,
body.registration-unified .role-switcher,
body.registration-unified .signup-tabs,
body.registration-unified .auth-tabs,
body.registration-unified .account-tabs{display:none!important}
.registration-unified .required-star{color:#c51622!important;font-weight:950!important;margin-left:2px!important}
.registration-unified .optional-label{color:#8a949e!important;font-size:12px!important;font-weight:700!important}
.registration-unified .registration-field,
.registration-unified .signup-company-form>label{
  display:grid!important;
  gap:7px!important;
  min-width:0!important;
  color:#37404a!important;
  font-size:14px!important;
  font-weight:850!important;
}
.registration-unified .registration-field input,
.registration-unified .registration-field select,
.registration-unified .signup-company-form>label input,
.registration-unified .signup-company-form>label select{
  min-height:50px!important;
  width:100%!important;
  padding:0 13px!important;
  border:1px solid #d7dee5!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#20252b!important;
  font:inherit!important;
  font-size:14px!important;
  outline:none!important;
}
.registration-unified .registration-field input:focus,
.registration-unified .registration-field select:focus,
.registration-unified .signup-company-form>label input:focus,
.registration-unified .signup-company-form>label select:focus{
  border-color:#d24b53!important;
  box-shadow:0 0 0 3px rgba(197,22,34,.08)!important;
}
.registration-unified .registration-section-title,
.registration-unified .signup-section-title{
  color:#343c45!important;
  font-size:13px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.registration-unified .registration-section,
.registration-unified .client-form-section{
  border:1px solid #e1e6eb!important;
  border-radius:14px!important;
  background:#fbfcfd!important;
}
body.client-register-page.registration-unified .client-register-shell{
  width:min(760px,calc(100% - 28px))!important;
  margin:14px auto 24px!important;
  padding:0!important;
  display:block!important;
}
body.client-register-page.registration-unified .client-register-head{
  display:block!important;
  padding:22px 24px!important;
  margin:0 0 12px!important;
  border:1px solid #e1e6eb!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(15,23,42,.05)!important;
}
body.client-register-page.registration-unified .client-register-brand{display:none!important}
body.client-register-page.registration-unified .client-register-head h1{margin:0 0 6px!important;font-size:27px!important;letter-spacing:-.035em!important}
body.client-register-page.registration-unified .client-register-head p{margin:0!important;font-size:14px!important}
body.client-register-page.registration-unified .client-register-card{padding:16px!important;border-radius:18px!important}
body.client-register-page.registration-unified .client-form-section{padding:15px!important;border-radius:14px!important;background:#fbfcfd!important}
body.client-register-page.registration-unified .client-form-section-head strong{font-size:14px!important}
body.client-register-page.registration-unified .client-form-grid{gap:12px!important}
body.client-register-page.registration-unified .client-form-grid label,
body.client-register-page.registration-unified .client-id-type-card,
body.client-register-page.registration-unified .client-upload-card{font-size:14px!important}
body.client-register-page.registration-unified .client-form-grid input,
body.client-register-page.registration-unified .client-form-grid select{min-height:50px!important;font-size:14px!important}
body.client-register-page.registration-unified .client-register-form{gap:14px!important}
body.client-register-page.registration-unified .client-register-actions{display:grid!important;grid-template-columns:1fr 1fr!important}
body.client-register-page.registration-unified .client-register-actions>*{width:100%!important}
body.supplier-signup-page.registration-unified .auth-wrapper{display:block!important;min-height:100vh!important;background:#eef2f5!important}
body.supplier-signup-page.registration-unified .auth-left{display:none!important}
body.supplier-signup-page.registration-unified .auth-right{width:min(760px,calc(100% - 28px))!important;min-height:0!important;margin:14px auto 24px!important;padding:0!important;background:transparent!important;overflow:visible!important}
body.supplier-signup-page.registration-unified .auth-panel.signup-panel{width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;min-height:0!important;margin:0!important;padding:20px!important;display:block!important;overflow:visible!important;border:1px solid #e1e6eb!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 28px rgba(15,23,42,.05)!important}
body.supplier-signup-page.registration-unified .signup-heading-clean{margin:0 0 16px!important;padding:0 0 14px!important;border-bottom:1px solid #e8edf1!important}
body.supplier-signup-page.registration-unified .signup-heading-clean h2{font-size:27px!important;letter-spacing:-.035em!important}
body.supplier-signup-page.registration-unified .signup-company-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important;padding:0!important}
body.supplier-signup-page.registration-unified .signup-section-title{margin:7px 0 0!important;padding-top:13px!important}
body.supplier-signup-page.registration-unified .signup-company-form input:not([type="checkbox"]):not([type="file"]),
body.supplier-signup-page.registration-unified .signup-company-form select{min-height:50px!important;height:50px!important;font-size:14px!important}
body.supplier-signup-page.registration-unified .signup-company-form .signup-field-label{font-size:14px!important}
body.supplier-signup-page.registration-unified .signup-documents-box label,
body.supplier-signup-page.registration-unified .privacy-consent-card{font-size:13px!important;line-height:1.45!important}
body.registration-unified .phone-prefix{font-size:14px!important;font-weight:850!important;white-space:nowrap!important}
body.supplier-signup-page.registration-unified .signup-company-form .signup-documents-box,
body.supplier-signup-page.registration-unified .signup-company-form .privacy-consent-card{grid-column:1/-1!important}
body.supplier-signup-page.registration-unified .signup-bottom{grid-column:1/-1!important}
body.supplier-signup-page.registration-unified .signup-bottom .main-btn{width:100%!important;min-height:46px!important}
body.supplier-signup-page.registration-unified .required-mark{color:#c51622!important;font-size:11px!important;font-weight:950!important}
body.supplier-signup-page.registration-unified .supplier-section{grid-column:1/-1!important;padding:15px!important;border:1px solid #e1e6eb!important;border-radius:14px!important;background:#fbfcfd!important}
body.supplier-signup-page.registration-unified .supplier-section-head{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:10px!important;margin:0 0 12px!important;padding-bottom:9px!important;border-bottom:1px solid #e8edf1!important;color:#343c45!important}
body.supplier-signup-page.registration-unified .supplier-section-head strong{font-size:14px!important;font-weight:950!important}
body.supplier-signup-page.registration-unified .supplier-section-head span{color:#737d88!important;font-size:12px!important;font-weight:650!important}
body.supplier-signup-page.registration-unified .supplier-field-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body.supplier-signup-page.registration-unified .supplier-field-grid .full-span{grid-column:1/-1!important}
body.supplier-signup-page.registration-unified .supplier-field-grid .client-phone-input{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:stretch!important;min-height:50px!important;border:1px solid #d7dee5!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important}
body.supplier-signup-page.registration-unified .supplier-field-grid .client-phone-input:focus-within{border-color:#d24b53!important;box-shadow:0 0 0 3px rgba(197,22,34,.08)!important}
body.supplier-signup-page.registration-unified .supplier-field-grid .client-phone-input .phone-prefix{display:flex!important;align-items:center!important;padding:0 13px!important;border-right:1px solid #d7dee5!important;background:#f8f9fa!important;color:#20252b!important}
body.supplier-signup-page.registration-unified .supplier-field-grid .client-phone-input input{min-height:48px!important;border:0!important;border-radius:0!important;box-shadow:none!important}
/* The shared ph-mobile script may still decorate an older live form. Keep
   the unified prefix as the only visible country-code control. */
body.supplier-signup-page.registration-unified .client-phone-input .ph-phone-prefix{display:none!important}
body.supplier-signup-page.registration-unified .client-phone-input .ph-phone-shell{display:contents!important}
body.supplier-signup-page.registration-unified .auth-panel .registration-tabs ~ .registration-tabs{display:none!important}
body.supplier-signup-page.registration-unified .supplier-section .address-preview{margin-top:12px!important}
body.supplier-signup-page.registration-unified .supplier-section .document-upload-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body.supplier-signup-page.registration-unified .supplier-section .document-upload-grid label{display:grid!important;gap:7px!important;min-width:0!important;color:#37404a!important;font-size:13px!important;font-weight:800!important}
body.supplier-signup-page.registration-unified .supplier-section .document-upload-grid input[type="file"]{min-height:50px!important;width:100%!important;padding:9px!important;border:1px solid #d7dee5!important;border-radius:10px!important;background:#fff!important;color:#56616d!important;font:inherit!important;font-size:13px!important}
@media(max-width:640px){
  body.client-register-page.registration-unified .client-register-shell,
  body.supplier-signup-page.registration-unified .auth-right{width:calc(100% - 18px)!important;margin-top:9px!important}
  body.client-register-page.registration-unified .client-register-head,
  body.client-register-page.registration-unified .client-register-card,
  body.supplier-signup-page.registration-unified .auth-panel.signup-panel{padding:14px!important}
  body.client-register-page.registration-unified .client-register-actions{grid-template-columns:1fr!important}
  body.supplier-signup-page.registration-unified .signup-company-form{grid-template-columns:1fr!important}
  body.supplier-signup-page.registration-unified .supplier-field-grid,
  body.supplier-signup-page.registration-unified .supplier-section .document-upload-grid{grid-template-columns:1fr!important}
  body.supplier-signup-page.registration-unified .signup-section-title,
  body.supplier-signup-page.registration-unified .signup-documents-box,
  body.supplier-signup-page.registration-unified .privacy-consent-card,
  body.supplier-signup-page.registration-unified .signup-bottom{grid-column:1!important}
}

/* BIDSMART_SUPPLIER_SCROLL_FIX_V1: keep the branded hero while making the
   complete supplier form usable on desktop. The legacy signup shell used a
   fixed-height panel, while the earlier unified override made the form grow
   beyond the viewport and hid Contact, Security, Documents, and Submit. */
@media(min-width:641px){
  body.supplier-signup-page.registration-unified .auth-wrapper{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:100vh!important;
    min-height:100vh!important;
    overflow:hidden!important;
  }
  body.supplier-signup-page.registration-unified .auth-left{
    display:flex!important;
  }
  body.supplier-signup-page.registration-unified .auth-right{
    position:fixed!important;
    inset:0 0 0 40vw!important;
    width:60vw!important;
    height:100vh!important;
    min-height:0!important;
    margin:0!important;
    padding:18px clamp(22px,2.7vw,44px) 36px!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:center!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.supplier-signup-page.registration-unified .auth-panel.signup-panel{
    width:min(100%,960px)!important;
    max-width:960px!important;
    height:100%!important;
    max-height:none!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  body.supplier-signup-page.registration-unified .signup-company-form{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    scrollbar-gutter:stable!important;
    padding:18px 20px 24px 26px!important;
    box-sizing:border-box!important;
  }
}

@media(max-width:640px){
  body.supplier-signup-page.registration-unified .auth-wrapper,
  body.supplier-signup-page.registration-unified .auth-right,
  body.supplier-signup-page.registration-unified .auth-panel.signup-panel{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    display:block!important;
    overflow:visible!important;
  }
  body.supplier-signup-page.registration-unified .auth-left{
    display:none!important;
  }
  body.supplier-signup-page.registration-unified .signup-company-form{
    display:grid!important;
    overflow:visible!important;
    padding:0!important;
  }
}