/* BIDSMART_SUPPLIER_REGISTRATION_CLEANUP_V1
   Supplier signup visual cleanup only. No registration/OTP/upload/database logic changes. */

body.auth-page.supplier-signup-clean-v1{
  min-height:100vh!important;
  margin:0!important;
  background:#f4f5f7!important;
  overflow-x:hidden!important;
}

body.supplier-signup-clean-v1 .auth-wrapper{
  width:100%!important;
  min-height:100vh!important;
  display:grid!important;
  grid-template-columns:minmax(390px,44%) minmax(620px,56%)!important;
  align-items:stretch!important;
  background:#f4f5f7!important;
}

/* Keep the roofing visual, but make it a stable side panel while the form scrolls. */
body.supplier-signup-clean-v1 .auth-left{
  position:sticky!important;
  top:0!important;
  align-self:start!important;
  height:100vh!important;
  min-height:100vh!important;
  padding:clamp(36px,5vw,68px)!important;
  display:flex!important;
  align-items:center!important;
  background:
    linear-gradient(115deg,rgba(10,14,19,.49),rgba(10,14,19,.69)),
    radial-gradient(circle at 18% 18%,rgba(207,23,34,.16),transparent 34%),
    url('/background.png') center center/cover no-repeat!important;
  border:0!important;
}

body.supplier-signup-clean-v1 .auth-left::after{
  display:none!important;
}

body.supplier-signup-clean-v1 .left-content{
  width:min(100%,620px)!important;
  margin:0 auto!important;
}

body.supplier-signup-clean-v1 .brand-title{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(34px,4vw,54px)!important;
  line-height:1!important;
  letter-spacing:.07em!important;
}

body.supplier-signup-clean-v1 .tagline{
  margin:12px 0 0!important;
  color:#e3e7eb!important;
  font-size:16px!important;
  line-height:1.45!important;
}

body.supplier-signup-clean-v1 .feature-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:28px!important;
}

body.supplier-signup-clean-v1 .feature-card{
  min-height:100px!important;
  padding:15px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:14px!important;
  background:rgba(13,18,24,.53)!important;
  box-shadow:0 9px 24px rgba(0,0,0,.13)!important;
  backdrop-filter:blur(8px)!important;
}

body.supplier-signup-clean-v1 .feature-card h3{
  margin:10px 0 3px!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
}

body.supplier-signup-clean-v1 .feature-card p{
  margin:0!important;
  color:#b9c0c8!important;
  font-size:10px!important;
  line-height:1.4!important;
}

/* Replace the large red registration background with a neutral workspace. */
body.supplier-signup-clean-v1 .auth-right{
  min-width:0!important;
  min-height:100vh!important;
  padding:24px clamp(18px,3vw,42px) 34px!important;
  display:block!important;
  background:#f4f5f7!important;
  overflow:visible!important;
}

body.supplier-signup-clean-v1 .auth-panel.signup-panel,
body.supplier-signup-clean-v1 .auth-panel.signup-panel-wide{
  width:min(100%,840px)!important;
  max-width:840px!important;
  max-height:none!important;
  height:auto!important;
  margin:0 auto!important;
  padding:28px 30px!important;
  overflow:visible!important;
  border:1px solid #e1e6eb!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 14px 36px rgba(15,23,42,.07)!important;
}

body.supplier-signup-clean-v1 .signup-heading-clean{
  margin:0 0 20px!important;
  padding-bottom:18px!important;
  border-bottom:1px solid #edf0f2!important;
  text-align:left!important;
}

body.supplier-signup-clean-v1 .signup-heading-clean h2{
  margin:0!important;
  color:#17191d!important;
  font-size:clamp(25px,2.8vw,34px)!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
  text-align:left!important;
}

body.supplier-signup-clean-v1 .signup-heading-clean p{
  max-width:620px!important;
  margin:7px 0 0!important;
  color:#737d88!important;
  font-size:12px!important;
  line-height:1.5!important;
  text-align:left!important;
}

body.supplier-signup-clean-v1 .signup-company-form{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px 14px!important;
}

body.supplier-signup-clean-v1 .signup-company-form .full-span{
  grid-column:1/-1!important;
}

body.supplier-signup-clean-v1 .signup-company-form .signup-section-title{
  margin:7px 0 0!important;
  padding:17px 0 7px!important;
  border-top:1px solid #e8ebef!important;
  border-bottom:0!important;
  color:#313840!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}

body.supplier-signup-clean-v1 .signup-company-form>.signup-section-title:first-of-type{
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
}

body.supplier-signup-clean-v1 .signup-company-form input:not([type="checkbox"]):not([type="file"]),
body.supplier-signup-clean-v1 .signup-company-form select{
  width:100%!important;
  min-height:45px!important;
  height:45px!important;
  padding:0 12px!important;
  border:1px solid #d9dfe5!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#1f252c!important;
  font-size:11px!important;
  box-shadow:none!important;
}

body.supplier-signup-clean-v1 .signup-company-form input:focus,
body.supplier-signup-clean-v1 .signup-company-form select:focus{
  border-color:#cf4a52!important;
  box-shadow:0 0 0 3px rgba(197,22,34,.07)!important;
  outline:none!important;
}

body.supplier-signup-clean-v1 .signup-field-label{
  display:grid!important;
  gap:6px!important;
  margin:0!important;
  color:#3f4852!important;
  font-size:10px!important;
  font-weight:850!important;
}

body.supplier-signup-clean-v1 .signup-otp-box{
  margin:1px 0 2px!important;
  padding:13px!important;
  border:1px solid #e2e6ea!important;
  border-radius:12px!important;
  background:#fafbfc!important;
}

body.supplier-signup-clean-v1 .signup-otp-header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}

body.supplier-signup-clean-v1 .signup-otp-header strong{
  margin:0!important;
  color:#242a31!important;
  font-size:11px!important;
  font-weight:900!important;
}

body.supplier-signup-clean-v1 .signup-otp-header small{
  margin-top:2px!important;
  color:#7b8590!important;
  font-size:9px!important;
}

body.supplier-signup-clean-v1 .signup-otp-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 118px!important;
  gap:8px!important;
  margin-top:9px!important;
}

body.supplier-signup-clean-v1 .signup-otp-row input{
  text-align:center!important;
  letter-spacing:.12em!important;
  font-weight:800!important;
}

body.supplier-signup-clean-v1 .signup-otp-button{
  min-width:0!important;
  min-height:40px!important;
  height:40px!important;
  padding:0 13px!important;
  border-radius:9px!important;
  font-size:10px!important;
  font-weight:900!important;
  box-shadow:none!important;
}

body.supplier-signup-clean-v1 .signup-otp-status{
  min-height:0!important;
  margin:7px 0 0!important;
  color:#737d88!important;
  font-size:9px!important;
  line-height:1.4!important;
}

body.supplier-signup-clean-v1 .address-preview{
  padding:10px 12px!important;
  border:1px solid #e4e8ec!important;
  border-radius:10px!important;
  background:#fafbfc!important;
}

body.supplier-signup-clean-v1 .address-preview-label{
  margin-bottom:3px!important;
  color:#818b95!important;
  font-size:8px!important;
  letter-spacing:.09em!important;
}

body.supplier-signup-clean-v1 .address-preview strong{
  color:#3c444d!important;
  font-size:10px!important;
  line-height:1.45!important;
}

body.supplier-signup-clean-v1 .password-strength{
  margin:-2px 0 0!important;
  color:#7b8590!important;
  font-size:9px!important;
}

body.supplier-signup-clean-v1 .signup-requirements-box.signup-documents-box{
  margin-top:3px!important;
  padding:15px!important;
  border:1px solid #e2e6ea!important;
  border-radius:14px!important;
  background:#fafbfc!important;
  box-shadow:none!important;
}

body.supplier-signup-clean-v1 .signup-requirements-heading{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:12px!important;
}

body.supplier-signup-clean-v1 .signup-requirements-heading h3{
  margin:0!important;
  color:#252b32!important;
  font-size:13px!important;
}

body.supplier-signup-clean-v1 .signup-requirements-heading p{
  max-width:300px!important;
  margin:0!important;
  color:#7b8590!important;
  font-size:9px!important;
  line-height:1.45!important;
  text-align:right!important;
}

body.supplier-signup-clean-v1 .document-upload-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}

body.supplier-signup-clean-v1 .document-upload-grid label{
  min-height:100px!important;
  padding:11px!important;
  display:grid!important;
  align-content:start!important;
  gap:6px!important;
  border:1px solid #e2e6ea!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#303740!important;
  font-size:10px!important;
  font-weight:850!important;
}

body.supplier-signup-clean-v1 .document-upload-grid input[type="file"]{
  margin-top:1px!important;
}

body.supplier-signup-clean-v1 .required-mark,
body.supplier-signup-clean-v1 .optional-mark{
  width:max-content!important;
  margin:0!important;
  padding:2px 6px!important;
  border-radius:999px!important;
  font-size:8px!important;
  line-height:1.2!important;
}

body.supplier-signup-clean-v1 .privacy-consent-card{
  display:grid!important;
  grid-template-columns:17px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:start!important;
  padding:12px 13px!important;
  border:1px solid #e3e7eb!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#5f6974!important;
  font-size:9px!important;
  line-height:1.5!important;
}

body.supplier-signup-clean-v1 .privacy-consent-card input{
  width:16px!important;
  height:16px!important;
  margin:1px 0 0!important;
}

body.supplier-signup-clean-v1 .signup-bottom{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:1px 0 0!important;
}

body.supplier-signup-clean-v1 .signup-bottom .main-btn{
  width:auto!important;
  min-width:180px!important;
  min-height:44px!important;
  padding:0 18px!important;
  border-radius:10px!important;
  font-size:11px!important;
  box-shadow:0 7px 16px rgba(197,22,34,.14)!important;
}

body.supplier-signup-clean-v1 .signup-bottom p{
  margin:0!important;
  color:#707a85!important;
  font-size:10px!important;
}

/* Keep the shared light compliance footer visually attached to the page. */
body.supplier-signup-clean-v1 .public-policy-footer,
body.supplier-signup-clean-v1 #bidsmartPublicPolicyFooterV2{
  width:min(1180px,calc(100% - 28px))!important;
  margin:18px auto 28px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}

body.supplier-signup-clean-v1 .public-policy-footer-inner,
body.supplier-signup-clean-v1 .bidsmart-policy-footer-v2-inner{
  max-width:none!important;
  min-height:64px!important;
  padding:14px 18px!important;
  border-radius:14px!important;
  box-shadow:0 7px 20px rgba(15,23,42,.045)!important;
}

@media(max-width:1050px){
  body.supplier-signup-clean-v1 .auth-wrapper{
    grid-template-columns:1fr!important;
  }

  body.supplier-signup-clean-v1 .auth-left{
    position:relative!important;
    height:auto!important;
    min-height:360px!important;
    padding:36px 28px!important;
  }

  body.supplier-signup-clean-v1 .auth-right{
    min-height:auto!important;
    padding:22px 15px 32px!important;
  }
}

@media(max-width:680px){
  body.supplier-signup-clean-v1 .feature-grid,
  body.supplier-signup-clean-v1 .signup-company-form,
  body.supplier-signup-clean-v1 .document-upload-grid{
    grid-template-columns:1fr!important;
  }

  body.supplier-signup-clean-v1 .auth-panel.signup-panel,
  body.supplier-signup-clean-v1 .auth-panel.signup-panel-wide{
    padding:21px 16px!important;
    border-radius:16px!important;
  }

  body.supplier-signup-clean-v1 .signup-requirements-heading,
  body.supplier-signup-clean-v1 .signup-otp-header,
  body.supplier-signup-clean-v1 .signup-bottom{
    align-items:stretch!important;
    flex-direction:column!important;
  }

  body.supplier-signup-clean-v1 .signup-requirements-heading p{
    max-width:none!important;
    text-align:left!important;
  }

  body.supplier-signup-clean-v1 .signup-otp-row{
    grid-template-columns:1fr!important;
  }

  body.supplier-signup-clean-v1 .signup-otp-button,
  body.supplier-signup-clean-v1 .signup-bottom .main-btn{
    width:100%!important;
  }
}