/*
 * JobLik 0.31.9 — zoom-safe compact desktop contract.
 * 700px breakpoint supports desktop browsers with high page zoom / scaling.
 */
@media (min-width:700px){
 body.smart-card-wizard-focus,
 body.smart-card-wizard-focus>main{
  position:relative!important;
  width:100vw!important;
  min-width:100vw!important;
  max-width:100vw!important;
  height:100dvh!important;
  min-height:560px!important;
  max-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  font-size:12px!important;
 }
 body.smart-card-wizard-focus .v064-footer{display:none!important}
 .scw-page,
 .scw-page>form,
 .scw-page form[data-scw-form]{
  position:fixed!important;
  z-index:1!important;
  inset:0!important;
  display:block!important;
  width:100vw!important;
  min-width:100vw!important;
  max-width:100vw!important;
  height:100dvh!important;
  min-height:560px!important;
  max-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
 }
 .scw-page>form,
 .scw-page form[data-scw-form]{z-index:2!important}

 /* Compact onboarding */
 .scw-mobile-welcome{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:clamp(18px,3vh,34px) clamp(28px,6vw,90px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  border:0!important;
  border-radius:0!important;
 }
 .scw-mobile-welcome>*{width:min(100%,1080px)!important;max-width:1080px!important;margin-inline:auto!important}
 .scw-mobile-welcome h1{
  margin-block:10px 6px!important;
  font-size:clamp(25px,3vw,36px)!important;
  line-height:1.45!important;
  white-space:nowrap!important;
 }
 .scw-mobile-welcome>p{
  font-size:12px!important;
  line-height:1.8!important;
 }
 .scw-welcome-title{font-size:10px!important}
 .scw-welcome-steps{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
  width:min(100%,1000px)!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:18px auto 12px!important;
  padding:0!important;
  overflow:visible!important;
 }
 .scw-welcome-steps li,
 .scw-welcome-steps li:last-child{
  grid-column:auto!important;
  min-width:0!important;
  min-height:84px!important;
  height:auto!important;
  padding:35px 10px 10px!important;
 }
 .scw-welcome-steps b{
  display:block!important;
  width:100%!important;
  overflow:hidden!important;
  font-size:11px!important;
  line-height:1.55!important;
  text-overflow:ellipsis!important;
 }
 .scw-welcome-steps span{font-size:9px!important;line-height:1.65!important}
 .scw-welcome-note{font-size:10px!important}
 .scw-mobile-welcome [data-start-wizard]{
  min-width:220px!important;
  min-height:44px!important;
  height:44px!important;
  margin-top:13px!important;
  font-size:11px!important;
 }

 /* Viewport shell independent from every parent width */
 .scw-shell{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100vw!important;
  min-width:100vw!important;
  max-width:100vw!important;
  height:100dvh!important;
  min-height:560px!important;
  max-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
 }
 .scw-shell.is-before-start{display:none!important}
 .scw-main{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100vw!important;
  min-width:100vw!important;
  max-width:100vw!important;
  height:100dvh!important;
  min-height:560px!important;
  max-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
 }
 .scw-v2-topbar{
  position:absolute!important;
  z-index:40!important;
  top:0!important;
  right:0!important;
  bottom:auto!important;
  left:0!important;
  width:auto!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  padding:0 20px!important;
 }
 .scw-v2-brand{font-size:17px!important}
 .scw-v2-topbar button[data-safe-exit]{width:32px!important;height:32px!important;font-size:18px!important}
 .scw-stage-head{
  position:absolute!important;
  z-index:20!important;
  top:50px!important;
  right:0!important;
  bottom:0!important;
  left:auto!important;
  display:flex!important;
  flex-direction:column!important;
  width:220px!important;
  min-width:220px!important;
  max-width:220px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:16px 14px!important;
  gap:11px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  border:0!important;
  border-left:1px solid #dce6ef!important;
  border-radius:0!important;
 }
 .scw-stage-copy small{font-size:9px!important}
 .scw-stage-copy h1{
  margin:3px 0!important;
  font-size:19px!important;
  line-height:1.45!important;
  white-space:nowrap!important;
 }
 .scw-stage-copy p{font-size:9px!important;line-height:1.65!important}
 .scw-progress-meta{font-size:9px!important}
 .scw-step-rail{gap:3px!important}
 .scw-step-rail li{
  min-height:34px!important;
  height:34px!important;
  padding-inline:8px!important;
 }
 .scw-step-rail li:after{
  margin-inline-start:7px!important;
  font-size:10px!important;
  white-space:nowrap!important;
 }
 .scw-step-rail li span{
  width:23px!important;
  min-width:23px!important;
  height:23px!important;
  font-size:9px!important;
 }
 .scw-mobile-inline-guide{padding:8px!important}
 .scw-mobile-inline-guide p{font-size:9px!important;line-height:1.55!important}

 .scw-stage-scroll{
  position:absolute!important;
  z-index:10!important;
  top:50px!important;
  right:220px!important;
  bottom:64px!important;
  left:0!important;
  display:block!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:18px clamp(18px,3vw,42px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
 }
 .scw-step,
 .scw-step.is-active{
  width:100%!important;
  min-width:0!important;
  max-width:1120px!important;
  height:auto!important;
  min-height:100%!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:visible!important;
 }
 .scw-actions{
  position:absolute!important;
  z-index:50!important;
  top:auto!important;
  right:220px!important;
  bottom:0!important;
  left:0!important;
  display:grid!important;
  grid-template-columns:150px minmax(180px,1fr) 190px!important;
  align-items:center!important;
  gap:9px!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  margin:0!important;
  padding:9px clamp(18px,3vw,42px)!important;
  overflow:visible!important;
  border-top:1px solid #dce6ef!important;
  background:#fff!important;
 }
 .scw-actions button{
  min-height:42px!important;
  height:42px!important;
  padding:0 12px!important;
  font-size:10px!important;
  white-space:nowrap!important;
 }
 .scw-actions>.secondary{grid-column:1!important;width:100%!important}
 .scw-action-center{grid-column:2!important;display:flex!important;justify-content:center!important;gap:6px!important}
 .scw-action-next{grid-column:3!important;width:100%!important}
 .scw-action-next>button,.scw-actions [data-final-submit]{width:100%!important;min-width:0!important}
 .scw-actions [hidden]{display:none!important}

 /* Compact typography and controls */
 .scw-section-card,
 .scw-owner-box,
 .scw-background-manager,
 .scw-gallery-builder,
 .scw-action-editor,
 .scw-review{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin-bottom:12px!important;
  padding:16px!important;
  border-radius:15px!important;
 }
 .scw-section-title{margin-bottom:13px!important;padding-bottom:10px!important}
 .scw-section-title h2{
  margin:2px 0!important;
  font-size:16px!important;
  line-height:1.5!important;
  white-space:nowrap!important;
 }
 .scw-section-title small,.scw-section-title p{font-size:9px!important}
 .scw-owner-kind{gap:9px!important;margin-bottom:12px!important}
 .scw-owner-kind legend{font-size:10px!important;white-space:nowrap!important}
 .scw-owner-kind label{
  min-width:0!important;
  min-height:54px!important;
  padding:9px 11px!important;
 }
 .scw-owner-kind b{font-size:11px!important;white-space:nowrap!important}
 .scw-owner-kind small{font-size:9px!important;line-height:1.5!important}
 .scw-owner-grid,
 .scw-fields-grid,
 .scw-contact-grid,
 .scw-optional-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px 11px!important;
  width:100%!important;
 }
 .scw-field-row,
 .scw-option-row,
 .scw-file-row{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:59px!important;
  padding:9px!important;
  border-radius:11px!important;
 }
 .scw-field-row b,.scw-option-row b,.scw-file-row b{
  font-size:10px!important;
  line-height:1.5!important;
 }
 .scw-page input:not([type=checkbox]):not([type=radio]),
 .scw-page select,
 .scw-page textarea{
  min-height:36px!important;
  height:auto!important;
  padding:6px 9px!important;
  font-size:10px!important;
  line-height:1.55!important;
 }
 .scw-page textarea{min-height:58px!important}
 .scw-step-help{padding:9px 11px!important}
 .scw-step-help b{font-size:10px!important}
 .scw-step-help p{font-size:9px!important;line-height:1.6!important}
 .scw-name-row,.wide{grid-column:1 / -1!important}
 .scw-buttons-workspace{grid-template-columns:280px minmax(0,1fr)!important;gap:15px!important}
 .scw-action-list{gap:7px!important}
 .scw-action-item{min-height:68px!important;padding:8px!important}
 .scw-action-item b{font-size:10px!important;white-space:nowrap!important}
 .scw-action-item small{font-size:8px!important;line-height:1.45!important}
 .scw-theme-choice label{min-width:0!important}
 .scw-theme-choice b{font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 .scw-price-box{gap:9px!important;padding:14px!important}
 .scw-price-box>div,.scw-price-box>label{min-height:60px!important;padding:9px!important}
 .scw-price-box span{font-size:9px!important}
 .scw-price-box b{font-size:12px!important}
 .scw-price-box .total b{font-size:20px!important}
 .scw-payments label{min-height:52px!important;padding:10px!important;font-size:10px!important}
 .scw-payment-proof{gap:9px 11px!important}
 .scw-otp-box{padding:13px!important}
 .scw-otp-box h3{font-size:14px!important}
 .scw-otp-box p,.scw-confirm,.scw-final-hint{font-size:9px!important}
}

@media (min-width:700px) and (max-width:1000px){
 .scw-welcome-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .scw-mobile-welcome h1{font-size:26px!important}
 .scw-stage-head{width:190px!important;min-width:190px!important;max-width:190px!important}
 .scw-stage-scroll{right:190px!important;padding-inline:15px!important}
 .scw-actions{
  right:190px!important;
  grid-template-columns:110px minmax(130px,1fr) 150px!important;
  padding-inline:15px!important;
 }
 .scw-buttons-workspace{grid-template-columns:230px minmax(0,1fr)!important}
}

@media (min-width:700px) and (max-height:650px){
 .scw-stage-copy p,.scw-mobile-inline-guide,.scw-progress-wrap{display:none!important}
 .scw-stage-head{gap:6px!important;padding-block:10px!important}
 .scw-step-rail li{height:30px!important;min-height:30px!important}
 .scw-stage-scroll{padding-block:12px!important}
}