/*
  FINAL QUOTER EXPERIENCE V4
  Presentation/router layer only: does not redefine pricing, proposal persistence,
  product engines, WhatsApp handoff, IDs or option handlers.
*/
body.work-mode{
  --fq-ink:#0b1d33;--fq-text:#14263d;--fq-muted:#6b7d91;--fq-line:#dce6ef;
  --fq-soft:#f6f9fc;--fq-c:#08b9e8;--fq-c-soft:#eafaff;--fq-m:#ed0a78;
  background:#f4f8fb!important;color:var(--fq-text)!important;
}
body.work-mode .shell{max-width:1580px!important}
body.work-mode .workspace{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body.work-mode .workspace:before{display:none!important}
body.work-mode .workspace-toolbar{
  background:transparent!important;border:0!important;border-radius:0!important;padding:4px 2px 14px!important;margin:0!important;
  box-shadow:none!important;align-items:center!important
}
body.work-mode .workspace-toolbar:before{display:none!important}
body.work-mode .workspace-toolbar .eyebrow{color:#6f8296!important;font-size:9px!important;letter-spacing:.13em!important}
body.work-mode .workspace-toolbar h1{font-size:31px!important;letter-spacing:-.045em!important;color:var(--fq-ink)!important;margin:4px 0 3px!important}
body.work-mode .workspace-toolbar p{font-size:11px!important;color:var(--fq-muted)!important}
body.work-mode .workspace-add-btn{background:#fff!important;color:var(--fq-ink)!important;border:1px solid var(--fq-line)!important;border-radius:12px!important;min-height:44px!important;box-shadow:0 6px 18px rgba(20,45,72,.04)!important}

/* Compact multi-product rail. */
body.work-mode .nemi-line-switcher{gap:8px!important;margin:0 0 14px!important;padding:0!important;scrollbar-width:thin}
body.work-mode .nemi-line-tab,body.work-mode .nemi-line-add{
  min-height:70px!important;flex-basis:205px!important;min-width:205px!important;border:1px solid var(--fq-line)!important;
  border-radius:14px!important;background:#fff!important;box-shadow:0 5px 16px rgba(14,39,64,.035)!important;padding:11px 12px!important
}
body.work-mode .nemi-line-tab.active{border-color:var(--fq-c)!important;box-shadow:inset 0 0 0 1px var(--fq-c),0 7px 20px rgba(8,185,232,.09)!important;background:#fbfeff!important}
body.work-mode .nemi-line-tab:before{display:none!important}

/* Main content and proposal sidebar. */
body.work-mode .layout{grid-template-columns:minmax(0,1fr) 350px!important;gap:22px!important;align-items:start!important}
body.work-mode #propuesta.side{
  position:sticky!important;top:102px!important;background:#fff!important;border:1px solid var(--fq-line)!important;border-radius:20px!important;
  padding:20px!important;box-shadow:0 18px 45px rgba(15,39,65,.08)!important;overflow:hidden!important
}
body.work-mode #propuesta.side:before{content:"TU PROPUESTA"!important;display:block!important;margin:-20px -20px 16px!important;padding:15px 20px!important;background:#fff!important;border-bottom:1px solid #e8eef4!important;color:#6c7f93!important;font-size:9px!important;font-weight:950!important;letter-spacing:.13em!important}
body.work-mode #propuesta.side>.eyebrow{display:none!important}
body.work-mode #propuesta.side h2{font-size:24px!important;letter-spacing:-.04em!important;color:var(--fq-ink)!important;margin:0 0 5px!important}
body.work-mode #propuesta.side .metric{font-size:10px!important;color:var(--fq-muted)!important;margin-bottom:14px!important}
body.work-mode #propuesta.side .total{background:#f8fbfd!important;color:var(--fq-text)!important;border:1px solid var(--fq-line)!important;border-radius:15px!important;padding:15px!important}
body.work-mode #propuesta.side .total span{font-size:9px!important;color:#728398!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:900!important}
body.work-mode #propuesta.side .total b{color:var(--fq-ink)!important;font-size:34px!important;letter-spacing:-.045em!important}
body.work-mode #propuesta.side .quote-actions{display:grid!important;gap:9px!important;margin-top:12px!important}
body.work-mode #propuesta.side .quote-actions button{min-height:50px!important;border-radius:13px!important;font-weight:900!important}
body.work-mode #propuesta.side .quote-actions .primary{background:linear-gradient(135deg,#ef0a7b,#dc086d)!important;border-color:#dc086d!important}
body.work-mode #propuesta.side .quote-actions .ghost{border:1px solid #25ad70!important;color:#078850!important;background:#fff!important}
body.work-mode #propuesta.side .log{margin-top:15px!important;display:grid!important;gap:7px!important}
body.work-mode #propuesta.side .log-item{border:1px solid #e3eaf1!important;border-radius:12px!important;background:#fff!important;padding:10px!important}

/* One clean product surface: product hero then progressive configuration. */
body.work-mode .focus-card{
  display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"identity" "decision" "actions" "edit"!important;gap:0!important;
  background:#fff!important;border:1px solid var(--fq-line)!important;border-radius:22px!important;box-shadow:0 12px 34px rgba(15,39,65,.06)!important;overflow:hidden!important
}
body.work-mode .focus-identity{
  grid-area:identity!important;display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;grid-template-rows:190px!important;
  min-height:190px!important;border:0!important;border-radius:0!important;background:#fff!important;overflow:hidden!important;border-bottom:1px solid #e8eef4!important
}
body.work-mode .focus-visual{height:190px!important;min-height:190px!important;background:#eef3f7!important;overflow:hidden!important}
body.work-mode .focus-visual img{width:100%!important;height:100%!important;object-fit:cover!important;padding:0!important;background:#eef3f7!important}
body.work-mode .focus-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:22px 26px!important;min-width:0!important}
body.work-mode .focus-status{align-self:flex-start!important;background:var(--fq-c-soft)!important;color:#058bb1!important;border:1px solid #b7e9f5!important;border-radius:999px!important;padding:5px 9px!important;font-size:8px!important}
body.work-mode .focus-copy h2{font-size:31px!important;line-height:1.02!important;letter-spacing:-.045em!important;color:var(--fq-ink)!important;margin:9px 0 8px!important}
body.work-mode .focus-known{gap:5px!important;margin-top:0!important}
body.work-mode .known-pill{background:#f7fafc!important;border:1px solid #e0e8f0!important;color:#52667a!important;padding:5px 8px!important;font-size:8.5px!important}
body.work-mode .spec-strip{display:none!important}
body.work-mode .focus-price{margin-top:12px!important;padding-top:0!important;border:0!important}
body.work-mode .focus-price strong{font-size:28px!important;color:var(--fq-ink)!important}
body.work-mode .focus-price small{font-size:9px!important;color:#718297!important}

body.work-mode #decisionCard{
  grid-area:decision!important;margin:0!important;padding:22px 24px 24px!important;background:#fff!important;border:0!important;border-radius:0!important;overflow:visible!important
}
body.work-mode #decisionCard>.decision-kicker{background:transparent!important;color:#718397!important;padding:0!important;font-size:8.5px!important;letter-spacing:.13em!important}
body.work-mode #decisionCard>h3{font-size:25px!important;letter-spacing:-.035em!important;color:var(--fq-ink)!important;margin:4px 0 3px!important}
body.work-mode #decisionCard>p{font-size:10px!important;color:var(--fq-muted)!important;margin:0 0 18px!important}
body.work-mode #decisionCard>.answer-feedback{margin:0!important}
body.work-mode #inlineAnswer{padding:0!important;background:transparent!important}

/* Progressive configurator structure. */
body.work-mode .configurator-form.nemi-final-v4{display:block!important;background:transparent!important;padding:0!important}
body.work-mode .configurator-form.nemi-final-v4>.cfg-current{display:none!important}
body.work-mode .nemi-final-config-layout{display:grid!important;grid-template-columns:160px minmax(0,1fr)!important;gap:20px!important;align-items:start!important}
body.work-mode .nemi-final-steprail{position:sticky;top:112px;display:grid;gap:0;padding:4px 0!important}
body.work-mode .nemi-final-rail-btn{position:relative;display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:center;min-height:52px;border:0;background:transparent;color:#6f8195;text-align:left;padding:0 4px;cursor:pointer;font-size:9.5px;font-weight:820}
body.work-mode .nemi-final-rail-btn:not(:last-child):after{content:"";position:absolute;left:19px;top:41px;bottom:-11px;width:1px;background:#dce6ee}
body.work-mode .nemi-final-rail-num{position:relative;z-index:2;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef3f7;color:#728398;font-size:9px;font-weight:950;border:1px solid #e1e8ef}
body.work-mode .nemi-final-rail-btn.is-active{color:#087fa4!important}
body.work-mode .nemi-final-rail-btn.is-active .nemi-final-rail-num{background:var(--fq-c)!important;color:#fff!important;border-color:var(--fq-c)!important;box-shadow:0 0 0 4px rgba(8,185,232,.10)!important}
body.work-mode .nemi-final-rail-btn.is-complete{color:#344b61!important}
body.work-mode .nemi-final-rail-btn.is-complete .nemi-final-rail-num{background:#eaf9f2!important;color:#0b945a!important;border-color:#bfead7!important}
body.work-mode .nemi-final-rail-btn.is-complete .nemi-final-rail-num:after{content:"✓";font-size:10px}
body.work-mode .nemi-final-rail-btn.is-complete .nemi-final-rail-num{font-size:0!important}

body.work-mode .nemi-final-stage{min-width:0!important;display:grid!important;gap:10px!important}
body.work-mode .configurator-form.nemi-final-v4 .nemi-final-step{
  grid-column:auto!important;width:100%!important;min-width:0!important;padding:0!important;margin:0!important;border:1px solid var(--fq-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important;transition:border-color .16s ease,box-shadow .16s ease!important
}
body.work-mode .configurator-form.nemi-final-v4 .nemi-final-step.is-active{border-color:#9fddec!important;box-shadow:0 9px 24px rgba(8,185,232,.055)!important}
body.work-mode .configurator-form.nemi-final-v4 .nemi-final-step>.cfg-label,
body.work-mode .configurator-form.nemi-final-v4 .nemi-final-step>.nemi-v3-cluster-label{
  position:relative!important;display:flex!important;align-items:center!important;gap:10px!important;min-height:58px!important;margin:0!important;padding:12px 46px 12px 14px!important;background:#fff!important;cursor:pointer!important;border:0!important
}
body.work-mode .configurator-form.nemi-final-v4 .nemi-final-step>.cfg-label:after,
body.work-mode .configurator-form.nemi-final-v4 .nemi-final-step>.nemi-v3-cluster-label:after{content:"⌄";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#718398;font-size:17px;font-weight:900}
body.work-mode .configurator-form.nemi-final-v4 .nemi-final-step.is-active>.cfg-label:after,
body.work-mode .configurator-form.nemi-final-v4 .nemi-final-step.is-active>.nemi-v3-cluster-label:after{content:"⌃";color:#079bc3}
body.work-mode .configurator-form.nemi-final-v4 .nemi-final-step.is-complete:not(.is-active)>.cfg-label,
body.work-mode .configurator-form.nemi-final-v4 .nemi-final-step.is-complete:not(.is-active)>.nemi-v3-cluster-label{background:#fbfdfe!important}
body.work-mode .configurator-form.nemi-final-v4 .nemi-v2-icon{width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:10px!important;background:#eafaff!important;color:#079bc3!important}
body.work-mode .configurator-form.nemi-final-v4 .nemi-v3-label-copy strong{font-size:12px!important;color:var(--fq-ink)!important}
body.work-mode .configurator-form.nemi-final-v4 .nemi-v3-label-copy small{font-size:8.5px!important;color:#7a8a9b!important;margin-top:1px!important}
body.work-mode .nemi-final-step-summary{margin-left:auto!important;margin-right:12px!important;color:#435a70!important;font-size:9px!important;font-weight:850!important;white-space:nowrap!important;max-width:40%;overflow:hidden;text-overflow:ellipsis}
body.work-mode .nemi-final-step:not(.is-active)>:not(.cfg-label):not(.nemi-v3-cluster-label){display:none!important}
body.work-mode .nemi-final-step.is-active{padding-bottom:14px!important}
body.work-mode .nemi-final-step.is-active>.cfg-options,
body.work-mode .nemi-final-step.is-active>.cfg-grid2,
body.work-mode .nemi-final-step.is-active>.nemi-qty-shell,
body.work-mode .nemi-final-step.is-active>.nemi-v3-finish-main,
body.work-mode .nemi-final-step.is-active>.nemi-v3-finish-more,
body.work-mode .nemi-final-step.is-active>.nemi-v3-paper-more,
body.work-mode .nemi-final-step.is-active>.rc81h-route,
body.work-mode .nemi-final-step.is-active>.rc81h-free,
body.work-mode .nemi-final-step.is-active>.flyer-free-row,
body.work-mode .nemi-final-step.is-active>.brochure-special-row,
body.work-mode .nemi-final-step.is-active>.card-other-finish{margin-left:14px!important;margin-right:14px!important}
body.work-mode .configurator-form.nemi-final-v4 .cfg-options{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
body.work-mode .configurator-form.nemi-final-v4 .cfg-grid2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
body.work-mode .configurator-form.nemi-final-v4 .cfg-option{
  width:100%!important;min-width:0!important;min-height:54px!important;border:1px solid #d6e1eb!important;border-radius:12px!important;background:#fff!important;color:#182a40!important;padding:10px 32px 10px 11px!important;font-size:10px!important;line-height:1.2!important;font-weight:850!important;box-shadow:none!important;white-space:normal!important
}
body.work-mode .configurator-form.nemi-final-v4 .cfg-option:hover{border-color:#8bcfe0!important;background:#fbfeff!important;transform:none!important}
body.work-mode .configurator-form.nemi-final-v4 .cfg-option.selected,
body.work-mode .configurator-form.nemi-final-v4 .cfg-option[aria-pressed="true"]{border-color:var(--fq-c)!important;background:var(--fq-c-soft)!important;color:#096d8c!important;box-shadow:inset 0 0 0 1px var(--fq-c)!important}
body.work-mode .configurator-form.nemi-final-v4 .cfg-option.selected:after,
body.work-mode .configurator-form.nemi-final-v4 .cfg-option[aria-pressed="true"]:after{background:var(--fq-c)!important;color:#fff!important}
body.work-mode .configurator-form.nemi-final-v4 .cfg-input,
body.work-mode .configurator-form.nemi-final-v4 input[type="number"],
body.work-mode .configurator-form.nemi-final-v4 input[type="text"]{min-height:48px!important;border:1px solid #d6e1eb!important;border-radius:11px!important;background:#fff!important;padding:0 12px!important;color:#14283f!important;box-shadow:none!important}
body.work-mode .configurator-form.nemi-final-v4 input:focus{outline:0!important;border-color:var(--fq-c)!important;box-shadow:0 0 0 3px rgba(8,185,232,.10)!important}

/* Commercial close: no technical boxes competing with the flow. */
body.work-mode .configurator-form.nemi-final-v4>.nemi-v3-recommend{display:none!important}
body.work-mode .configurator-form.nemi-final-v4>.cfg-live,
body.work-mode .configurator-form.nemi-final-v4>.rc81d-state{margin:12px 0 0!important;border-radius:14px!important;padding:13px 15px!important}
body.work-mode .configurator-form.nemi-final-v4>.cfg-submit{margin-top:10px!important;min-height:50px!important;border-radius:13px!important;background:#0c1a2c!important;color:#fff!important}
body.work-mode .configurator-form.nemi-final-v4>.cfg-action-row{margin-top:10px!important;display:grid!important;grid-template-columns:minmax(130px,.65fr) minmax(180px,1fr) minmax(210px,1.2fr)!important;gap:8px!important}
body.work-mode .configurator-form.nemi-final-v4>.cfg-action-row>button{min-height:49px!important;border-radius:13px!important}
body.work-mode .configurator-form.nemi-final-v4>.cfg-action-row>.cfg-finish{background:linear-gradient(135deg,#ed0a78,#d90769)!important;color:#fff!important}
body.work-mode .configurator-form.nemi-final-v4>.cfg-action-row>.nemi-inline-wa{background:#fff!important;color:#078850!important;border:1px solid #21ac6e!important}
body.work-mode .focus-actions{grid-area:actions!important;display:flex!important;justify-content:flex-end!important;gap:8px!important;padding:0 24px 20px!important;background:#fff!important}
body.work-mode .focus-actions button{min-height:40px!important;border-radius:11px!important;font-size:8.5px!important}
body.work-mode .focus-actions .danger{margin-left:0!important}

@media(max-width:1180px){
 body.work-mode .layout{grid-template-columns:1fr!important}
 body.work-mode #propuesta.side{position:static!important}
 body.work-mode .nemi-final-config-layout{grid-template-columns:138px minmax(0,1fr)!important;gap:14px!important}
 body.work-mode .configurator-form.nemi-final-v4 .cfg-options{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
 body.work-mode .workspace-toolbar h1{font-size:25px!important}
 body.work-mode .focus-identity{grid-template-columns:1fr!important;grid-template-rows:150px auto!important}
 body.work-mode .focus-visual{height:150px!important;min-height:150px!important}
 body.work-mode .focus-copy{padding:18px!important}
 body.work-mode .focus-copy h2{font-size:26px!important}
 body.work-mode #decisionCard{padding:18px 13px 18px!important}
 body.work-mode #decisionCard>h3{font-size:21px!important}
 body.work-mode .nemi-final-config-layout{grid-template-columns:1fr!important;gap:10px!important}
 body.work-mode .nemi-final-steprail{position:static!important;display:flex!important;gap:6px!important;overflow-x:auto!important;padding:2px 1px 7px!important;scrollbar-width:none!important}
 body.work-mode .nemi-final-steprail::-webkit-scrollbar{display:none!important}
 body.work-mode .nemi-final-rail-btn{flex:0 0 auto!important;display:flex!important;gap:6px!important;min-height:38px!important;padding:0 9px!important;border:1px solid #e0e8ef!important;border-radius:999px!important;background:#fff!important}
 body.work-mode .nemi-final-rail-btn:after{display:none!important}
 body.work-mode .nemi-final-rail-num{width:23px!important;height:23px!important;flex:0 0 23px!important}
 body.work-mode .configurator-form.nemi-final-v4 .cfg-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.work-mode .configurator-form.nemi-final-v4 .cfg-grid2{grid-template-columns:1fr!important}
 body.work-mode .nemi-final-step-summary{max-width:48%!important}
 body.work-mode .focus-actions{padding:0 13px 16px!important;justify-content:stretch!important}
 body.work-mode .focus-actions button{flex:1!important}
 body.work-mode .configurator-form.nemi-final-v4>.cfg-action-row{grid-template-columns:1fr!important}
 body.work-mode .configurator-form.nemi-final-v4>.cfg-action-row>.cfg-save,
 body.work-mode .configurator-form.nemi-final-v4>.cfg-action-row>.nemi-inline-wa,
 body.work-mode .configurator-form.nemi-final-v4>.cfg-action-row>.cfg-finish{grid-column:1!important}
}
@media(max-width:430px){
 body.work-mode .configurator-form.nemi-final-v4 .cfg-options{grid-template-columns:1fr!important}
 body.work-mode .nemi-final-step-summary{display:none!important}
 body.work-mode .focus-known{display:none!important}
}