/*
 * JobLik 0.31.8 — authoritative desktop wizard shell.
 * Absolute regions prevent old mobile grid rules from affecting desktop.
 */
@media (min-width:901px){
 body.smart-card-wizard-focus .v064-footer{display:none!important}
 body.smart-card-wizard-focus,
 body.smart-card-wizard-focus>main{
  width:100%!important;
  height:100dvh!important;
  min-height:600px!important;
  max-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
 }
 .scw-page,
 .scw-page>form,
 .scw-page form[data-scw-form]{
  position:relative!important;
  inset:auto!important;
  display:block!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:0!important;
  overflow:hidden!important;
 }

 /* Welcome owns the viewport and scrolls safely on short monitors. */
 .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(24px,4vh,48px) clamp(50px,10vw,150px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  border:0!important;
  border-radius:0!important;
 }
 .scw-mobile-welcome>*{max-width:1120px!important;margin-inline:auto!important}
 .scw-welcome-steps{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  width:100%!important;
  max-width:1000px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
 }
 .scw-welcome-steps li:last-child{grid-column:auto!important}

 /* Shell */
 .scw-shell{
  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:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
 }
 .scw-shell.is-before-start{display:none!important}
 .scw-main{
  position:relative!important;
  inset:auto!important;
  display:block!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:0!important;
  overflow:hidden!important;
  direction:rtl!important;
 }
 .scw-v2-topbar{
  position:absolute!important;
  z-index:40!important;
  top:0!important;
  right:0!important;
  left:0!important;
  bottom:auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:60px!important;
  min-height:60px!important;
  margin:0!important;
  padding:0 26px!important;
 }
 .scw-stage-head{
  position:absolute!important;
  z-index:20!important;
  top:60px!important;
  right:0!important;
  bottom:0!important;
  left:auto!important;
  display:flex!important;
  flex-direction:column!important;
  width:270px!important;
  min-width:270px!important;
  max-width:270px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:24px 20px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  border:0!important;
  border-left:1px solid var(--scd-line,#dce6ef)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#f8fbfd,#f0f5f9)!important;
 }
 .scw-stage-scroll{
  position:absolute!important;
  z-index:10!important;
  top:60px!important;
  right:270px!important;
  bottom:76px!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:28px clamp(28px,4vw,64px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  background:#fff!important;
 }
 .scw-actions{
  position:absolute!important;
  z-index:50!important;
  top:auto!important;
  right:270px!important;
  bottom:0!important;
  left:0!important;
  display:grid!important;
  grid-template-columns:180px minmax(240px,1fr) 220px!important;
  align-items:center!important;
  gap:12px!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:76px!important;
  min-height:76px!important;
  max-height:76px!important;
  margin:0!important;
  padding:12px clamp(28px,4vw,64px)!important;
  overflow:visible!important;
  border:0!important;
  border-top:1px solid var(--scd-line,#dce6ef)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:0 -8px 24px rgba(19,47,76,.07)!important;
 }
 .scw-actions>.secondary{
  grid-column:1!important;
  width:100%!important;
  min-width:0!important;
 }
 .scw-action-center{
  grid-column:2!important;
  display:flex!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
 }
 .scw-action-next{
  grid-column:3!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
 }
 .scw-action-next>button,
 .scw-actions [data-final-submit]{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
 }
 .scw-actions [hidden]{display:none!important}

 /* Authoritative content widths */
 .scw-step,
 .scw-step.is-active{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:1120px!important;
  height:auto!important;
  min-height:100%!important;
  max-height:none!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:visible!important;
 }
 .scw-section-card,
 .scw-owner-box,
 .scw-fields-grid,
 .scw-owner-grid,
 .scw-contact-grid,
 .scw-optional-grid,
 .scw-field-row,
 .scw-option-row,
 .scw-file-row,
 .scw-background-manager,
 .scw-gallery-builder,
 .scw-buttons-workspace,
 .scw-action-editor,
 .scw-price-box,
 .scw-payments,
 .scw-payment-proof,
 .scw-review,
 .scw-otp-box,
 .scw-confirm{
  min-width:0!important;
  max-width:none!important;
 }
 .scw-section-card,
 .scw-owner-box,
 .scw-background-manager,
 .scw-gallery-builder,
 .scw-action-editor,
 .scw-review{width:100%!important}
 .scw-owner-kind{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 .scw-owner-kind label{
  width:100%!important;
  min-width:0!important;
  max-width:none!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;
  width:100%!important;
 }
 .scw-field-row,
 .scw-option-row,
 .scw-file-row{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
 }
 .scw-name-row,.wide{grid-column:1 / -1!important}
 .scw-page input:not([type=checkbox]):not([type=radio]),
 .scw-page select,
 .scw-page textarea{max-width:100%!important}
}

@media (min-width:901px) and (max-width:1100px){
 .scw-stage-head{width:230px!important;min-width:230px!important;max-width:230px!important}
 .scw-stage-scroll{right:230px!important;padding-inline:24px!important}
 .scw-actions{right:230px!important;padding-inline:24px!important;grid-template-columns:150px minmax(180px,1fr) 190px!important}
}

@media (min-width:901px) and (max-height:720px){
 .scw-v2-topbar{height:52px!important;min-height:52px!important}
 .scw-stage-head{top:52px!important;padding:14px 16px!important;gap:10px!important}
 .scw-stage-copy p,.scw-mobile-inline-guide{display:none!important}
 .scw-step-rail{gap:3px!important}
 .scw-step-rail li{min-height:34px!important}
 .scw-stage-scroll{top:52px!important;bottom:66px!important;padding-block:18px!important}
 .scw-actions{height:66px!important;min-height:66px!important;max-height:66px!important;padding-block:8px!important}
}
