/*
 * JobLik Smart Card Journey — desktop architecture 0.31.6
 * Loaded after legacy wizard assets. All journey changes are isolated to
 * desktop/tablet landscape so the accepted mobile flow remains unchanged.
 */
@media (min-width:901px){
 :root{
  --scd-brand:#f97316;
  --scd-brand-dark:#c94f08;
  --scd-navy:#132f4c;
  --scd-text:#1d3348;
  --scd-muted:#65798c;
  --scd-bg:#f3f7fb;
  --scd-panel:#fff;
  --scd-soft:#f7fafc;
  --scd-line:#dce6ef;
  --scd-ok:#168667;
  --scd-danger:#c74747;
  --scd-radius:20px;
  --scd-shadow:0 18px 48px rgba(27,55,82,.10);
 }

 html,body{background:var(--scd-bg)!important;color:var(--scd-text)}
 body.smart-card-wizard-focus{overflow-x:hidden!important;overflow-y:auto!important}
 body.smart-card-wizard-focus>main{height:auto!important;min-height:100vh!important;overflow:visible!important}
 .scw-page,.scw-page *{box-sizing:border-box}
 .scw-page{
  width:min(100% - 48px,1380px)!important;
  max-width:1380px!important;
  min-height:100vh;
  margin:0 auto!important;
  padding:28px 0 44px!important;
  color:var(--scd-text);
  font-family:var(--app-font,"Vazirmatn",Tahoma,sans-serif);
 }
 .scw-page button,.scw-page input,.scw-page select,.scw-page textarea{font:inherit}

 /* Welcome: a true desktop onboarding panel */
 .scw-mobile-welcome{
  position:relative!important;
  width:min(100%,1120px)!important;
  max-width:none!important;
  min-height:670px!important;
  margin:10px auto!important;
  padding:64px 70px 54px!important;
  overflow:hidden;
  border:1px solid rgba(215,226,236,.9)!important;
  border-radius:30px!important;
  background:
   radial-gradient(circle at 10% 5%,rgba(249,115,22,.13),transparent 26%),
   radial-gradient(circle at 92% 92%,rgba(32,126,181,.12),transparent 30%),
   #fff!important;
  box-shadow:var(--scd-shadow)!important;
  text-align:center;
 }
 .scw-mobile-welcome:before{
  content:"JL";position:absolute;inset-inline-start:-38px;top:-65px;
  font:900 220px/1 Arial;color:rgba(249,115,22,.035);transform:rotate(-8deg);pointer-events:none
 }
 .scw-welcome-title{
  display:inline-flex!important;align-items:center;min-height:32px;padding:5px 14px;
  border:1px solid #fed7b5;border-radius:999px;background:#fff5eb;color:var(--scd-brand-dark)!important;
  font-size:12px!important;font-weight:800
 }
 .scw-mobile-welcome h1{
  margin:15px 0 8px!important;color:var(--scd-navy)!important;
  font-size:clamp(31px,3vw,45px)!important;line-height:1.45!important;letter-spacing:-.035em
 }
 .scw-mobile-welcome>p{
  width:min(100%,760px);margin:0 auto!important;color:var(--scd-muted)!important;
  font-size:15px!important;line-height:2!important
 }
 .scw-welcome-steps{
  width:min(100%,920px);margin:30px auto 22px!important;padding:0!important;
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;
  list-style:none;counter-reset:welcome-step
 }
 .scw-welcome-steps li{
  counter-increment:welcome-step;position:relative;min-height:112px!important;margin:0!important;padding:42px 15px 14px!important;
  display:flex!important;flex-direction:column;gap:5px;align-items:center;justify-content:flex-start;
  border:1px solid var(--scd-line)!important;border-radius:16px!important;background:rgba(255,255,255,.88)!important;
  box-shadow:0 5px 16px rgba(29,51,72,.045);text-align:center
 }
 .scw-welcome-steps li:before{
  content:counter(welcome-step);position:absolute;top:11px;inset-inline-start:50%;translate:50% 0;
  display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#edf4f9;color:var(--scd-navy);
  font-size:12px;font-weight:900
 }
 .scw-welcome-steps li:last-child{grid-column:2 / span 2}
 .scw-welcome-steps b{font-size:13px!important;color:var(--scd-navy)}
 .scw-welcome-steps span{font-size:11px!important;line-height:1.7!important;color:var(--scd-muted)}
 .scw-welcome-note{font-size:12px!important}
 .scw-mobile-welcome [data-start-wizard]{
  min-width:250px!important;min-height:52px!important;margin:22px auto 0!important;padding:0 28px!important;
  border:0!important;border-radius:14px!important;background:linear-gradient(135deg,#ff8b2e,var(--scd-brand-dark))!important;
  color:#fff!important;font-weight:900!important;box-shadow:0 12px 26px rgba(249,115,22,.25);cursor:pointer
 }
 .scw-mobile-welcome [data-start-wizard]:hover{translate:0 -2px;box-shadow:0 16px 30px rgba(249,115,22,.31)}

 /* Wizard application shell */
 .scw-shell{
  width:100%!important;max-width:none!important;min-height:780px!important;margin:0 auto!important;
  overflow:clip!important;border:1px solid var(--scd-line)!important;border-radius:26px!important;
  background:#fff!important;box-shadow:var(--scd-shadow)!important
 }
 .scw-main{
  display:grid!important;
  grid-template-columns:260px minmax(0,1fr)!important;
  grid-template-rows:64px auto minmax(520px,auto) 76px!important;
  min-height:780px!important;background:#fff!important
 }
 .scw-v2-topbar{
  grid-column:1 / -1;grid-row:1;min-height:64px!important;height:64px!important;padding:0 24px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  border-bottom:1px solid var(--scd-line)!important;background:#fff!important
 }
 .scw-v2-brand{font-size:20px!important;color:var(--scd-navy)!important;letter-spacing:.01em}
 .scw-v2-brand i{width:11px!important;height:11px!important;background:var(--scd-brand)!important}
 .scw-v2-topbar button[data-safe-exit]{
  width:36px!important;height:36px!important;border:1px solid var(--scd-line)!important;border-radius:10px!important;
  background:#f8fafc!important;color:var(--scd-muted)!important;font-size:21px!important;cursor:pointer
 }
 .scw-stage-head{
  grid-column:1;grid-row:2 / span 2;position:relative!important;min-width:0!important;padding:30px 20px!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:22px!important;
  border:0!important;border-inline-end:1px solid var(--scd-line)!important;
  background:linear-gradient(180deg,#f8fbfd,#f1f6fa)!important
 }
 .scw-stage-copy small{color:var(--scd-brand-dark)!important;font-size:11px!important;font-weight:900}
 .scw-stage-copy h1{margin:6px 0!important;color:var(--scd-navy)!important;font-size:23px!important;line-height:1.55!important}
 .scw-stage-copy p{margin:0!important;color:var(--scd-muted)!important;font-size:12px!important;line-height:1.8!important}
 .scw-progress-wrap{width:100%!important;margin:0!important}
 .scw-progress-meta{font-size:11px!important;color:var(--scd-muted)!important}
 .scw-progress-track{height:7px!important;border-radius:99px!important;background:#dfe8ef!important;overflow:hidden}
 .scw-progress-track span{background:linear-gradient(90deg,var(--scd-brand),#ffab62)!important;border-radius:99px}
 .scw-step-rail{
  order:3!important;width:100%!important;margin:0!important;padding:0!important;display:flex!important;
  flex-direction:column!important;gap:7px!important;overflow:visible!important;border:0!important;background:transparent!important
 }
 .scw-step-rail li{
  position:relative!important;width:100%!important;min-width:0!important;min-height:43px!important;margin:0!important;padding:0 11px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;color:#8090a0!important
 }
 .scw-step-rail li:after{
  content:"مرحله " attr(data-rail-step);margin-inline-start:10px;font-size:12px;font-weight:800
 }
 .scw-step-rail li span{
  display:grid!important;place-items:center!important;width:27px!important;height:27px!important;min-width:27px!important;
  border:1px solid #cedbe5!important;border-radius:9px!important;background:#fff!important;color:#6f8192!important;font-size:11px!important
 }
 .scw-step-rail li.is-active{border-color:#fed1aa!important;background:#fff6ed!important;color:var(--scd-brand-dark)!important}
 .scw-step-rail li.is-active span{border-color:var(--scd-brand)!important;background:var(--scd-brand)!important;color:#fff!important}
 .scw-step-rail li.is-done span{border-color:var(--scd-ok)!important;background:var(--scd-ok)!important;color:#fff!important}
 .scw-mobile-inline-guide{
  order:4!important;margin-top:auto!important;padding:12px!important;display:flex!important;gap:9px!important;
  border:1px solid #d7e6f2!important;border-radius:12px!important;background:#fff!important
 }
 .scw-mobile-inline-guide i{flex:0 0 22px;width:22px!important;height:22px!important}
 .scw-mobile-inline-guide p{margin:0!important;font-size:11px!important;line-height:1.7!important}
 .scw-subpage-indicator{order:5}

 .scw-stage-scroll{
  grid-column:2;grid-row:2 / span 2;width:100%!important;max-height:none!important;height:auto!important;
  padding:30px clamp(26px,3vw,46px) 28px!important;overflow:visible!important;background:#fff!important
 }
 .scw-step{width:100%!important;max-width:1040px!important;margin:0 auto!important}
 .scw-section-card,.scw-owner-box,.scw-background-manager,.scw-gallery-builder{
  margin:0 0 18px!important;padding:24px!important;border:1px solid var(--scd-line)!important;
  border-radius:var(--scd-radius)!important;background:#fff!important;box-shadow:0 7px 22px rgba(29,51,72,.045)!important
 }
 .scw-section-title{margin:0 0 20px!important;padding:0 0 15px!important;border-bottom:1px solid #e9eff4!important}
 .scw-section-title h2{margin:3px 0!important;color:var(--scd-navy)!important;font-size:20px!important;line-height:1.5!important}
 .scw-section-title small{color:var(--scd-brand-dark)!important;font-size:11px!important;font-weight:900}
 .scw-section-title p{color:var(--scd-muted)!important;font-size:12px!important}
 .scw-owner-kind{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:0 0 18px!important;padding:0!important;border:0!important
 }
 .scw-owner-kind legend{grid-column:1 / -1;margin-bottom:5px;font-size:12px!important;font-weight:900;color:var(--scd-navy)}
 .scw-owner-kind label{min-height:68px!important;padding:13px 15px!important;border-radius:14px!important}
 .scw-owner-grid,.scw-fields-grid,.scw-contact-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px 16px!important
 }
 .scw-optional-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
 .scw-field-row,.scw-option-row,.scw-file-row{
  min-width:0!important;min-height:76px!important;margin:0!important;padding:13px!important;
  border:1px solid #e0e8ef!important;border-radius:14px!important;background:#fbfdfe!important
 }
 .scw-field-row:focus-within,.scw-option-row:focus-within,.scw-file-row:focus-within{border-color:#f6a15b!important;box-shadow:0 0 0 3px rgba(249,115,22,.09)!important}
 .scw-field-row b,.scw-option-row b,.scw-file-row b{font-size:12px!important;color:var(--scd-text)!important}
 .scw-page input:not([type=checkbox]):not([type=radio]):not([type=file]),
 .scw-page select,.scw-page textarea{
  width:100%!important;min-width:0!important;min-height:44px!important;padding:9px 12px!important;
  border:1px solid #ccd9e4!important;border-radius:10px!important;background:#fff!important;color:var(--scd-text)!important;
  font-size:13px!important;line-height:1.7!important;outline:0
 }
 .scw-page textarea{min-height:78px!important;resize:vertical}
 .scw-page input:focus,.scw-page select:focus,.scw-page textarea:focus{border-color:var(--scd-brand)!important;box-shadow:0 0 0 3px rgba(249,115,22,.10)!important}
 .scw-name-row{grid-column:1 / -1!important}
 .scw-name-inputs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .wide{grid-column:1 / -1!important}
 .scw-logo-rule{grid-column:1 / -1;margin:0 0 6px!important;font-size:11px!important;color:var(--scd-muted)!important}
 .scw-file-control{min-width:0!important}
 .scw-file-control input[type=file]{width:100%;max-width:100%;font-size:11px!important}

 /* Rich steps */
 .scw-background-types{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
 .scw-background-source-tabs{display:flex!important;gap:8px!important}
 .scw-bg-gallery{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
 .scw-gallery-items{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
 .scw-buttons-workspace{
  display:grid!important;grid-template-columns:340px minmax(0,1fr)!important;align-items:start!important;gap:24px!important;
  padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important
 }
 .scw-live-card{position:sticky!important;top:20px!important;width:100%!important;max-width:340px!important;margin:0!important;border-radius:24px!important;box-shadow:0 18px 42px rgba(19,47,76,.17)!important}
 .scw-action-editor{min-width:0!important;padding:23px!important;border:1px solid var(--scd-line)!important;border-radius:20px!important;background:#fff!important}
 .scw-action-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .scw-action-item{min-width:0!important;min-height:90px!important;margin:0!important;padding:12px!important;border-radius:14px!important}
 .scw-action-item>div{min-width:0}
 .scw-action-item small{white-space:normal!important}
 .scw-template-preview{
  width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:320px minmax(0,1fr)!important;
  align-items:center!important;gap:32px!important
 }
 .scw-template-phone{width:100%!important;min-height:390px!important;margin:0!important;border-radius:24px!important}
 .scw-theme-choice{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}
 .scw-price-box{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important;
  padding:22px!important;border:1px solid #fed0a7!important;border-radius:18px!important;background:#fff9f3!important
 }
 .scw-price-box>div,.scw-price-box>label{min-height:78px!important;margin:0!important;padding:13px!important;border:1px solid #f4dfcc!important;border-radius:13px!important;background:#fff!important}
 .scw-price-box .total{grid-column:1 / -1!important;min-height:94px!important;background:linear-gradient(135deg,#fff2e5,#fff)!important}
 .scw-price-box .total b{font-size:28px!important;color:var(--scd-brand-dark)!important}
 .scw-discount{margin-top:16px!important;padding:20px!important;border:1px solid var(--scd-line)!important;border-radius:17px!important;background:#f9fbfd!important}
 .scw-discount-fields{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:end!important}
 .scw-payments{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;padding:0!important;border:0!important;box-shadow:none!important}
 .scw-payments label{min-height:68px!important;margin:0!important;padding:14px!important;border-radius:14px!important}
 .jmp-destination{display:grid!important;grid-template-columns:minmax(310px,.85fr) minmax(0,1.15fr)!important;gap:16px!important;align-items:center!important}
 .jmp-bank-card{grid-row:1 / span 4!important}
 .scw-payment-proof{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px 16px!important;margin-top:18px!important}
 .scw-review{padding:22px!important;border:1px solid var(--scd-line)!important;border-radius:18px!important;background:#fbfdfe!important}
 .scw-otp-box{margin-top:16px!important;padding:20px!important;border-radius:16px!important}
 .scw-otp-box>div{display:grid!important;grid-template-columns:auto minmax(170px,1fr) auto!important;gap:9px!important}
 .scw-confirm{min-height:58px!important;margin-top:14px!important;padding:14px 16px!important;border-radius:14px!important}
 .scw-step-help{margin:16px 0 0!important;padding:13px 15px!important;border:1px solid #dceaf4!important;border-radius:13px!important;background:#f3f9fd!important}
 .scw-step-help b{font-size:12px!important;color:var(--scd-navy)!important}
 .scw-step-help p{margin:3px 0 0!important;font-size:11px!important;line-height:1.8!important;color:var(--scd-muted)!important}

 /* Stable action bar, within the shell rather than the viewport */
 .scw-actions{
  grid-column:2;grid-row:4;position:sticky!important;bottom:0!important;z-index:20!important;
  width:100%!important;min-height:76px!important;margin:0!important;padding:12px clamp(26px,3vw,46px)!important;
  display:grid!important;grid-template-columns:auto minmax(220px,1fr) auto!important;align-items:center!important;gap:12px!important;
  border-top:1px solid var(--scd-line)!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(13px)
 }
 .scw-actions button{min-height:46px!important;padding:0 20px!important;border-radius:12px!important;font-size:12px!important;font-weight:900!important;cursor:pointer}
 .scw-actions [data-next],.scw-final-submit{min-width:185px!important;border:0!important;background:linear-gradient(135deg,#ff8b2e,var(--scd-brand-dark))!important;color:#fff!important}
 .scw-actions .secondary{border:1px solid var(--scd-line)!important;background:#fff!important;color:var(--scd-text)!important}
 .scw-action-center{display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important}
 .scw-final-submit-footer{position:static!important;min-width:210px!important;margin:0!important;padding:0 20px!important}

 /* Dialog and intro preview */
 .scw-intro-preview{width:min(100%,1120px)!important;min-height:700px!important;margin:0 auto!important;border-radius:26px!important;box-shadow:var(--scd-shadow)!important}
 .scw-intro-preview-stage{min-height:560px!important;padding:24px!important}
 .jsh-native-dialog{width:min(92vw,960px)!important;max-width:960px!important;max-height:88vh!important;border-radius:22px!important}
 .jsh-native-body{padding:22px 28px!important}
 .jsh-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

 /* Benefits, success, owner panel and later journey pages */
 .scb-page,.jlsuccess,.mjl,.scrw,.sui,.inv,.wrap,.smart-card-guide,.smart-card-review,.smart-card-invoices,.smart-card-invoice{
  width:min(100% - 48px,1240px)!important;max-width:1240px!important;margin:28px auto 48px!important
 }
 .scb-page{margin-top:0!important;padding:28px 0 48px!important}
 .scb-hero{min-height:670px!important;padding:58px!important;border-radius:30px!important;box-shadow:var(--scd-shadow)!important}
 .scb-benefit-grid,.scb-audience-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important}
 .jl-hero-inner,.jl-features-inner{width:min(100%,1160px)!important;margin:0 auto!important}
 .jl-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important}
 .jls-card,.mjl-topbar,.scrw,.sui,.inv,.smart-card-guide>section,.smart-card-review>section,.smart-card-invoices>section{
  border:1px solid var(--scd-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--scd-shadow)!important
 }
 .jls-card{padding:38px 42px!important}
 .jls-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important}
 .mjl-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important}
 .mjl-kpi{min-height:108px!important}
 .mjl-sections{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:10px!important;border:1px solid var(--scd-line)!important;border-radius:15px!important;background:#fff!important}
 .mjl-toolbar{display:grid!important;grid-template-columns:minmax(300px,1fr) auto!important;gap:14px!important}
 .mjl-table-head,.mjl-row{grid-template-columns:minmax(250px,1.5fr) minmax(110px,.6fr) minmax(140px,.7fr) minmax(230px,1fr)!important}
 .scrw,.sui,.inv{padding:27px!important}
 .scrw-grid,.inv-parties,.inv-party-grid,.inv-meta,.inv-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px 18px!important}
 .mjl table,.sui table,.inv table,.smart-card-invoices table{width:100%!important;table-layout:auto!important}
 .mjl th,.mjl td,.sui th,.sui td,.inv th,.inv td,.smart-card-invoices th,.smart-card-invoices td{padding:12px 13px!important;white-space:nowrap}
}

@media (min-width:901px) and (max-width:1120px){
 .scw-main{grid-template-columns:218px minmax(0,1fr)!important}
 .scw-stage-head{padding:25px 15px!important}
 .scw-stage-scroll{padding-inline:24px!important}
 .scw-buttons-workspace{grid-template-columns:285px minmax(0,1fr)!important;gap:18px!important}
 .scw-action-list{grid-template-columns:1fr!important}
 .scw-template-preview{grid-template-columns:270px minmax(0,1fr)!important}
 .scw-welcome-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .scw-welcome-steps li:last-child{grid-column:auto}
}

@media print{
 .smart-card-invoice,.invoice-sheet{width:100%!important;max-width:none!important;margin:0!important;box-shadow:none!important}
}