/* =========================================================
   vSAFE-27R9D — Single Logo & Verification Premium Rebuild
   Scoped exclusively to register, verification, and profile
   action components. No global card/button resets.
   ========================================================= */

/* ---------- SINGLE LOGO GUARD ---------- */
body.page-daftar-akun .sf-register-brand{display:none!important}
@media(min-width:1024px){
  body.sf-dashboard-document .sf-mobile-brand{display:none!important}
}
@media(max-width:1023px){
  body.sf-dashboard-document.sf-sidebar-open .sf-mobile-brand,
  body.sf-dashboard-document.is-sidebar-open .sf-mobile-brand{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

/* ---------- REGISTER: one clear brand source ---------- */
body.page-daftar-akun .sf-register-page{
  padding:22px 18px 46px!important;
}
body.page-daftar-akun .sf-register-shell{
  width:min(1120px,100%)!important;
  margin:0 auto!important;
}
body.page-daftar-akun .sf-register-top.sf-register-top--single-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-height:64px!important;
  padding:12px 18px!important;
  margin:0 0 18px!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid #D9E7F5!important;
  border-radius:18px!important;
  box-shadow:0 14px 38px rgba(7,26,51,.07)!important;
  backdrop-filter:blur(12px)!important;
}
body.page-daftar-akun .sf-register-top__label{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-width:0!important;
}
body.page-daftar-akun .sf-register-top__label>span{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,#08245C,#126DFF 62%,#20C7FF)!important;
  color:#fff!important;
  font-weight:900!important;
  box-shadow:0 8px 20px rgba(18,109,255,.22)!important;
}
body.page-daftar-akun .sf-register-top__label div{min-width:0!important}
body.page-daftar-akun .sf-register-top__label b{
  display:block!important;
  color:#08245C!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:850!important;
}
body.page-daftar-akun .sf-register-top__label small{
  display:block!important;
  margin-top:2px!important;
  color:#6A7F99!important;
  font-size:10.5px!important;
  line-height:1.25!important;
  font-weight:650!important;
}
body.page-daftar-akun .sf-register-login{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#60738E!important;
  font-size:12.5px!important;
  font-weight:650!important;
  white-space:nowrap!important;
}
body.page-daftar-akun .sf-register-login a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:38px!important;
  padding:0 14px!important;
  border-radius:11px!important;
  background:#EEF6FF!important;
  color:#0B63DB!important;
  font-weight:850!important;
  text-decoration:none!important;
}
body.page-daftar-akun .sf-register-card{
  overflow:hidden!important;
  border:1px solid #D9E7F5!important;
  border-radius:26px!important;
  background:#fff!important;
  box-shadow:0 28px 76px rgba(7,26,51,.11)!important;
}
body.page-daftar-akun .sf-register-heading{
  position:relative!important;
  padding:34px 34px 30px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#F8FBFF 0%,#EEF6FF 68%,#E4F3FF 100%)!important;
  border-bottom:1px solid #DCEAF7!important;
}
body.page-daftar-akun .sf-register-heading:after{
  content:""!important;
  position:absolute!important;
  width:210px!important;
  height:210px!important;
  right:-74px!important;
  top:-96px!important;
  border-radius:52px!important;
  transform:rotate(35deg)!important;
  background:linear-gradient(135deg,rgba(18,109,255,.12),rgba(32,199,255,.03))!important;
  pointer-events:none!important;
}
body.page-daftar-akun .sf-register-heading>*{position:relative!important;z-index:1!important}
body.page-daftar-akun .sf-register-heading h1{
  color:#071A33!important;
  font-size:clamp(30px,4vw,44px)!important;
  letter-spacing:-.035em!important;
  line-height:1.08!important;
}
body.page-daftar-akun .sf-register-form{
  padding:30px 34px 34px!important;
}

/* ---------- VERIFICATION: hide duplicate generic page header ---------- */
body.sf-dashboard-document .sf-dashboard-shell[data-page="supplier_verification"] .sf-page-header,
body.sf-dashboard-document .sf-dashboard-shell[data-page="buyer_verification"] .sf-page-header{
  display:none!important;
}
body.sf-dashboard-document .sf-page--verification{
  padding-top:22px!important;
}
body.sf-dashboard-document .sf-page--verification>.sf-page-body{
  gap:18px!important;
}

/* Premium hero */
body.sf-dashboard-document .sf-verification-gate-hero{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:28px!important;
  min-height:244px!important;
  padding:32px 36px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:26px!important;
  background:linear-gradient(128deg,#071A33 0%,#0A3478 52%,#126DFF 100%)!important;
  color:#fff!important;
  box-shadow:0 24px 64px rgba(7,26,51,.22)!important;
}
body.sf-dashboard-document .sf-verification-gate-hero:before,
body.sf-dashboard-document .sf-verification-gate-hero:after{
  content:""!important;
  position:absolute!important;
  pointer-events:none!important;
  border-radius:999px!important;
  transform:rotate(-35deg)!important;
}
body.sf-dashboard-document .sf-verification-gate-hero:before{
  width:360px!important;
  height:74px!important;
  right:-80px!important;
  top:36px!important;
  background:rgba(255,255,255,.08)!important;
}
body.sf-dashboard-document .sf-verification-gate-hero:after{
  width:270px!important;
  height:58px!important;
  right:24px!important;
  bottom:8px!important;
  background:rgba(32,199,255,.11)!important;
}
body.sf-dashboard-document .sf-verification-hero__content,
body.sf-dashboard-document .sf-verification-hero__aside{
  position:relative!important;
  z-index:2!important;
}
body.sf-dashboard-document .sf-verification-hero__content{min-width:0!important}
body.sf-dashboard-document .sf-verification-hero__breadcrumb{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-bottom:17px!important;
  color:#CFE2FF!important;
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:750!important;
}
body.sf-dashboard-document .sf-verification-hero__breadcrumb i{
  color:#70B8FF!important;
  font-style:normal!important;
}
body.sf-dashboard-document .sf-verification-hero__breadcrumb strong{color:#fff!important}
body.sf-dashboard-document .sf-gate-kicker{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:0 11px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.09)!important;
  color:#CBE7FF!important;
  font-size:10.5px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
body.sf-dashboard-document .sf-verification-gate-hero h1{
  max-width:820px!important;
  margin:12px 0 10px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:clamp(29px,3.1vw,46px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  font-weight:900!important;
  overflow-wrap:anywhere!important;
}
body.sf-dashboard-document .sf-verification-gate-hero p{
  max-width:780px!important;
  margin:0!important;
  color:#D9E9FF!important;
  font-size:14px!important;
  line-height:1.65!important;
}
body.sf-dashboard-document .sf-verification-hero__note{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:fit-content!important;
  max-width:820px!important;
  margin-top:17px!important;
  padding:11px 14px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.08)!important;
  color:#F3F8FF!important;
  font-size:12px!important;
  line-height:1.5!important;
}
body.sf-dashboard-document .sf-verification-hero__note>span{
  width:26px!important;
  height:26px!important;
  flex:0 0 26px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#126DFF,#20C7FF)!important;
  color:#fff!important;
  font-weight:900!important;
}
body.sf-dashboard-document .sf-verification-hero__aside{
  width:210px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:18px!important;
}
body.sf-dashboard-document .sf-verification-hero__shield{
  width:82px!important;
  height:82px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:26px 26px 34px 34px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(32,199,255,.14))!important;
  color:#fff!important;
  font-size:36px!important;
  font-weight:900!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 18px 34px rgba(4,18,48,.18)!important;
}
body.sf-dashboard-document .sf-verification-status{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  max-width:100%!important;
  padding:0 16px!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:900!important;
  text-align:center!important;
  white-space:normal!important;
  box-shadow:0 12px 28px rgba(4,18,48,.14)!important;
}

/* Steps become a separate premium rail */
body.sf-dashboard-document .sf-verification-steps{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  margin:0!important;
  padding:12px!important;
  border:1px solid #D9E7F5!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 12px 34px rgba(15,35,65,.055)!important;
}
body.sf-dashboard-document .sf-verification-step{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  min-height:48px!important;
  padding:8px 12px!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  background:#F7FAFE!important;
  color:#3E5471!important;
  font-size:12.5px!important;
  font-weight:800!important;
}
body.sf-dashboard-document .sf-verification-step i{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #CFE0F3!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#45617E!important;
  font-style:normal!important;
  font-weight:900!important;
}
body.sf-dashboard-document .sf-verification-step.is-active{
  border-color:#C7DEFF!important;
  background:linear-gradient(135deg,#EFF6FF,#F8FCFF)!important;
  color:#0B57C8!important;
}
body.sf-dashboard-document .sf-verification-step.is-active i{
  border-color:transparent!important;
  background:linear-gradient(135deg,#08245C,#126DFF)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(18,109,255,.20)!important;
}

/* Desktop verification composition */
body.sf-dashboard-document .sf-full-verification-form{
  display:grid!important;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr)!important;
  align-items:start!important;
  gap:18px!important;
}
body.sf-dashboard-document .sf-full-verification-form>.sf-hidden-country,
body.sf-dashboard-document .sf-full-verification-form>input[type="hidden"]{
  display:none!important;
}
body.sf-dashboard-document .sf-verification-section{
  height:100%!important;
  padding:20px!important;
  border:1px solid #D9E7F5!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 14px 38px rgba(15,35,65,.06)!important;
}
body.sf-dashboard-document .sf-verification-section--address,
body.sf-dashboard-document .sf-verification-submit{
  grid-column:1/-1!important;
}
body.sf-dashboard-document .sf-verification-section__head{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  margin:0 0 16px!important;
  padding:0 0 14px!important;
  border-bottom:1px solid #E4EDF7!important;
}
body.sf-dashboard-document .sf-verification-section__head>span{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#08245C,#126DFF 62%,#20C7FF)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  box-shadow:0 8px 20px rgba(18,109,255,.20)!important;
}
body.sf-dashboard-document .sf-verification-section__head h3{
  margin:1px 0 0!important;
  color:#071A33!important;
  font-size:18px!important;
  line-height:1.3!important;
  font-weight:900!important;
}
body.sf-dashboard-document .sf-verification-section__head p{
  margin:4px 0 0!important;
  color:#71839A!important;
  font-size:12px!important;
  line-height:1.5!important;
}
body.sf-dashboard-document .sf-verification-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
body.sf-dashboard-document .sf-verification-grid>.sf-field--full{grid-column:1/-1!important}
body.sf-dashboard-document .sf-upload-field{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  padding:14px!important;
  border:1px solid #D5E3F2!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#FCFEFF,#F8FBFF)!important;
}
body.sf-dashboard-document .sf-upload-field input[type="file"]{
  width:100%!important;
  min-height:62px!important;
  margin:9px 0 0!important;
  padding:8px!important;
  border:1px dashed #BFD3EA!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#3B4F69!important;
  font-size:12px!important;
}
body.sf-dashboard-document .sf-upload-field input[type="file"]::file-selector-button{
  min-height:42px!important;
  margin-right:12px!important;
  padding:0 16px!important;
  border:0!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#08245C,#126DFF)!important;
  color:#fff!important;
  font-weight:800!important;
  cursor:pointer!important;
}
body.sf-dashboard-document .sf-field input,
body.sf-dashboard-document .sf-field select,
body.sf-dashboard-document .sf-field textarea{
  width:100%!important;
  min-width:0!important;
  border:1px solid #CFE0F2!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#14243B!important;
  box-shadow:none!important;
}
body.sf-dashboard-document .sf-field input,
body.sf-dashboard-document .sf-field select{min-height:48px!important}
body.sf-dashboard-document .sf-field textarea{min-height:116px!important;resize:vertical!important}
body.sf-dashboard-document .sf-legal-doc-card{
  padding:15px!important;
  border:1px solid #D8E6F4!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#FCFEFF,#F7FBFF)!important;
}
body.sf-dashboard-document .sf-legal-doc-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(250px,.95fr)!important;
  gap:14px!important;
  align-items:stretch!important;
}
body.sf-dashboard-document .sf-inline-check{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:9px!important;
  align-items:center!important;
}
body.sf-dashboard-document .sf-inline-check .btn{
  min-height:48px!important;
  padding:0 16px!important;
  border-radius:12px!important;
  white-space:nowrap!important;
}
body.sf-dashboard-document .sf-legal-safe-note{
  margin-top:13px!important;
  padding:12px 13px!important;
  border:1px solid #CBE0F6!important;
  border-radius:12px!important;
  background:#EEF6FF!important;
  color:#3A5574!important;
  font-size:11.5px!important;
  line-height:1.55!important;
}
body.sf-dashboard-document .sf-verification-submit{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:18px 20px!important;
  border:1px solid #D9E7F5!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 14px 36px rgba(15,35,65,.06)!important;
}
body.sf-dashboard-document .sf-verification-submit>div{min-width:0!important}
body.sf-dashboard-document .sf-verification-submit b{
  display:block!important;
  color:#071A33!important;
  font-size:14px!important;
}
body.sf-dashboard-document .sf-verification-submit p{
  margin:4px 0 0!important;
  color:#6B7F99!important;
  font-size:12px!important;
  line-height:1.5!important;
}
body.sf-dashboard-document .sf-verification-submit .btn{
  min-width:240px!important;
  min-height:50px!important;
  border-radius:13px!important;
}
body.sf-dashboard-document .sf-verification-history-section{
  padding:20px!important;
  border:1px solid #D9E7F5!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 14px 38px rgba(15,35,65,.06)!important;
}

/* Profile sticky action bar repair (prevents text/button collision) */
body.sf-dashboard-document .sfp-sticky-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  width:100%!important;
  padding:14px 16px!important;
  border:1px solid #D9E7F5!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 12px 34px rgba(15,35,65,.08)!important;
}
body.sf-dashboard-document .sfp-sticky-actions>div{
  min-width:0!important;
  flex:1 1 auto!important;
}
body.sf-dashboard-document .sfp-sticky-actions>div b,
body.sf-dashboard-document .sfp-sticky-actions>div span{
  display:block!important;
  margin:0!important;
  overflow-wrap:anywhere!important;
}
body.sf-dashboard-document .sfp-sticky-actions>div b{font-size:13px!important;color:#071A33!important}
body.sf-dashboard-document .sfp-sticky-actions>div span{margin-top:2px!important;font-size:11.5px!important;color:#6A7F99!important}
body.sf-dashboard-document .sfp-sticky-actions>.btn,
body.sf-dashboard-document .sfp-sticky-actions>button{
  flex:0 0 auto!important;
  min-height:44px!important;
  white-space:nowrap!important;
}

@media(max-width:1180px){
  body.sf-dashboard-document .sf-full-verification-form{grid-template-columns:1fr!important}
  body.sf-dashboard-document .sf-verification-section--address,
  body.sf-dashboard-document .sf-verification-submit{grid-column:auto!important}
  body.sf-dashboard-document .sf-verification-gate-hero{grid-template-columns:minmax(0,1fr) 170px!important}
  body.sf-dashboard-document .sf-verification-hero__aside{width:170px!important}
}

@media(max-width:767px){
  body.page-daftar-akun .sf-register-page{padding:12px 10px 28px!important}
  body.page-daftar-akun .sf-register-top.sf-register-top--single-logo{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:11px!important;
    padding:13px!important;
    border-radius:15px!important;
  }
  body.page-daftar-akun .sf-register-login{
    width:100%!important;
    justify-content:space-between!important;
    white-space:normal!important;
    font-size:11.5px!important;
  }
  body.page-daftar-akun .sf-register-card{border-radius:19px!important}
  body.page-daftar-akun .sf-register-heading{padding:24px 18px!important}
  body.page-daftar-akun .sf-register-heading h1{font-size:31px!important}
  body.page-daftar-akun .sf-register-form{padding:17px 14px 20px!important}

  body.sf-dashboard-document .sf-page--verification{padding-top:14px!important}
  body.sf-dashboard-document .sf-verification-gate-hero{
    grid-template-columns:1fr!important;
    gap:18px!important;
    min-height:auto!important;
    padding:20px 17px!important;
    border-radius:20px!important;
  }
  body.sf-dashboard-document .sf-verification-hero__aside{
    width:100%!important;
    flex-direction:row!important;
    justify-content:space-between!important;
    align-items:center!important;
  }
  body.sf-dashboard-document .sf-verification-hero__shield{
    width:52px!important;
    height:52px!important;
    border-radius:17px 17px 21px 21px!important;
    font-size:23px!important;
  }
  body.sf-dashboard-document .sf-verification-gate-hero h1{font-size:29px!important}
  body.sf-dashboard-document .sf-verification-hero__note{align-items:flex-start!important;width:100%!important;box-sizing:border-box!important}
  body.sf-dashboard-document .sf-verification-status{min-height:38px!important;padding:0 13px!important;font-size:11px!important}
  body.sf-dashboard-document .sf-verification-steps{
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:9px!important;
    border-radius:15px!important;
  }
  body.sf-dashboard-document .sf-verification-step{
    justify-content:flex-start!important;
    min-height:44px!important;
  }
  body.sf-dashboard-document .sf-verification-section,
  body.sf-dashboard-document .sf-verification-history-section{padding:14px!important;border-radius:16px!important}
  body.sf-dashboard-document .sf-verification-grid,
  body.sf-dashboard-document .sf-legal-doc-grid{grid-template-columns:1fr!important}
  body.sf-dashboard-document .sf-verification-grid>.sf-field--full{grid-column:auto!important}
  body.sf-dashboard-document .sf-inline-check{grid-template-columns:1fr!important}
  body.sf-dashboard-document .sf-inline-check .btn{width:100%!important}
  body.sf-dashboard-document .sf-verification-submit{
    align-items:stretch!important;
    flex-direction:column!important;
    padding:15px!important;
  }
  body.sf-dashboard-document .sf-verification-submit .btn{width:100%!important;min-width:0!important}
  body.sf-dashboard-document .sfp-sticky-actions{
    align-items:stretch!important;
    flex-direction:column!important;
    padding:13px!important;
  }
  body.sf-dashboard-document .sfp-sticky-actions>.btn,
  body.sf-dashboard-document .sfp-sticky-actions>button{width:100%!important}
}