/*
 * JobLik 0.31.7 — desktop wizard viewport and width hotfix.
 * This layer intentionally runs after every legacy wizard stylesheet.
 */
@media (min-width:901px){
 html,
 body,
 body.smart-card-wizard-focus{
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
 }
 body.smart-card-wizard-focus>main{
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
 }
 .scw-page{
  display:block!important;
  width:min(calc(100% - 40px),1380px)!important;
  max-width:1380px!important;
  height:auto!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:20px 0!important;
  overflow:visible!important;
 }
 .scw-page>form,
 .scw-page form[data-scw-form]{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
 }
 .scw-mobile-welcome{
  width:min(100%,1120px)!important;
  min-width:0!important;
  max-width:1120px!important;
  height:auto!important;
  min-height:min(670px,calc(100dvh - 40px))!important;
  max-height:none!important;
  margin:0 auto!important;
  overflow:visible!important;
 }
 .scw-welcome-steps{
  width:100%!important;
  max-width:920px!important;
  overflow:visible!important;
 }

 .scw-shell{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:calc(100dvh - 40px)!important;
  min-height:650px!important;
  max-height:920px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
 }
 .scw-main{
  direction:ltr!important;
  display:grid!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;
  grid-template-columns:minmax(0,1fr) 260px!important;
  grid-template-rows:64px minmax(0,1fr) 76px!important;
  grid-template-areas:
   "top top"
   "content navigation"
   "actions navigation"!important;
 }
 .scw-v2-topbar{
  direction:rtl!important;
  grid-area:top!important;
  grid-column:auto!important;
  grid-row:auto!important;
  width:100%!important;
  min-width:0!important;
 }
 .scw-stage-head{
  direction:rtl!important;
  grid-area:navigation!important;
  grid-column:auto!important;
  grid-row:auto!important;
  width:260px!important;
  min-width:260px!important;
  max-width:260px!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  padding:24px 18px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  border-inline-start:1px solid var(--scd-line,#dce6ef)!important;
  border-inline-end:0!important;
 }
 .scw-stage-scroll{
  direction:rtl!important;
  grid-area:content!important;
  grid-column:auto!important;
  grid-row:auto!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:26px clamp(22px,3vw,44px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
 }
 .scw-step{
  width:100%!important;
  min-width:0!important;
  max-width:1040px!important;
  margin:0 auto!important;
 }
 .scw-actions{
  direction:rtl!important;
  grid-area:actions!important;
  grid-column:auto!important;
  grid-row:auto!important;
  position:relative!important;
  inset:auto!important;
  z-index:30!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:76px!important;
  height:76px!important;
  margin:0!important;
  padding:12px clamp(22px,3vw,44px)!important;
  overflow:visible!important;
  border-top:1px solid var(--scd-line,#dce6ef)!important;
  background:#fff!important;
  box-shadow:0 -8px 24px rgba(19,47,76,.06)!important;
 }
 .scw-actions>button,
 .scw-actions .scw-action-next,
 .scw-actions .scw-action-center{
  min-width:0!important;
  max-width:none!important;
 }
 .scw-actions [data-prev],
 .scw-actions [data-next],
 .scw-actions [data-final-submit]{
  visibility:visible!important;
  opacity:1;
 }
 .scw-actions [hidden]{
  display:none!important;
 }
 .scw-owner-grid,
 .scw-fields-grid,
 .scw-contact-grid,
 .scw-optional-grid{
  width:100%!important;
  min-width:0!important;
 }
 .scw-field-row,
 .scw-option-row,
 .scw-file-row,
 .scw-owner-kind label{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
 }
}

@media (min-width:901px) and (max-height:720px){
 .scw-page{padding:10px 0!important}
 .scw-shell{height:calc(100dvh - 20px)!important;min-height:580px!important}
 .scw-main{
  grid-template-rows:56px minmax(0,1fr) 68px!important;
 }
 .scw-v2-topbar{height:56px!important;min-height:56px!important}
 .scw-stage-head{padding:16px 14px!important;gap:12px!important}
 .scw-stage-copy p,.scw-mobile-inline-guide{display:none!important}
 .scw-step-rail{gap:3px!important}
 .scw-step-rail li{min-height:35px!important}
 .scw-stage-scroll{padding-block:18px!important}
 .scw-actions{height:68px!important;min-height:68px!important;padding-block:8px!important}
}
