/* Final visual closure over all live configurator variants. Presentation only. */
body.work-mode{--q6-bg:#06111e;--q6-panel:#081827;--q6-panel2:#0b1e30;--q6-line:rgba(89,207,238,.18);--q6-line2:rgba(97,215,245,.31);--q6-c:#25dcff;--q6-m:#f00879;--q6-text:#f5fbff;--q6-muted:#8ca7b9;background:var(--q6-bg)!important;color:var(--q6-text)!important}
body.work-mode #workspaceTitle,body.work-mode .workspace-toolbar h1,body.work-mode #focusQuestion,body.work-mode #decisionCard>h3{color:#fff!important;text-shadow:none!important}
body.work-mode #workspaceSub,body.work-mode #focusHelp,body.work-mode #decisionCard>p{color:#8fa9bb!important}

/* Top journey becomes part of the dark product workspace instead of a detached white strip. */
body.work-mode .n9-steps{background:#081a2a!important;border:1px solid var(--q6-line)!important;border-radius:14px!important;overflow:hidden!important;box-shadow:none!important;margin:0 0 14px!important}
body.work-mode .n9-step{background:transparent!important;color:#8fa9bb!important;border-color:var(--q6-line)!important;min-height:52px!important;padding:9px 14px!important}
body.work-mode .n9-step b{background:#102c42!important;color:#93adbe!important;border:1px solid #1a405b!important}
body.work-mode .n9-step.active,body.work-mode .n9-step.is-active{color:#fff!important;background:#0b2336!important}
body.work-mode .n9-step.active b,body.work-mode .n9-step.is-active b{background:linear-gradient(135deg,#22dfff,#07bde9)!important;color:#03202d!important;border-color:#22dfff!important}

/* Remove the remaining large white form surfaces from every live product family. */
body.work-mode .configurator-form{background:transparent!important;color:var(--q6-text)!important;gap:12px!important}
body.work-mode .configurator-form>.cfg-group,
body.work-mode .configurator-cards>.cfg-group,
body.work-mode .configurator-flyers>.cfg-group,
body.work-mode .configurator-brochure>.cfg-group,
body.work-mode .configurator-multipage>.cfg-group,
body.work-mode .configurator-paperpiece>.cfg-group,
body.work-mode .configurator-credential>.cfg-group,
body.work-mode .configurator-coaster>.cfg-group,
body.work-mode .configurator-diploma>.cfg-group,
body.work-mode .nemi-v3-finish-cluster{background:#0a1c2d!important;border:1px solid var(--q6-line)!important;border-left:1px solid var(--q6-line)!important;border-radius:15px!important;padding:14px!important;box-shadow:none!important;color:#e9f6fd!important;min-width:0!important}
body.work-mode .configurator-form>.cfg-group:hover{border-color:var(--q6-line2)!important}
body.work-mode .configurator-form .cfg-label,body.work-mode .nemi-v3-cluster-label{color:#f3fbff!important;background:transparent!important;border:0!important;font-size:12px!important;font-weight:900!important;letter-spacing:0!important;margin:0 0 10px!important;padding:0!important}
body.work-mode .nemi-v2-icon{background:#0e3047!important;color:var(--q6-c)!important;border:1px solid rgba(37,220,255,.20)!important}
body.work-mode .nemi-v3-label-copy strong{color:#f4fbff!important}.nemi-v3-label-copy small{color:#809bad!important}

/* Options: small product choice cards. */
body.work-mode .configurator-form .cfg-options{gap:8px!important}
body.work-mode .configurator-form .cfg-option{background:#0d2235!important;color:#edf9ff!important;border:1px solid rgba(113,204,231,.18)!important;border-radius:11px!important;min-height:54px!important;padding:10px 34px 10px 12px!important;box-shadow:none!important;font-size:10px!important;font-weight:850!important}
body.work-mode .configurator-form .cfg-option:hover{background:#102940!important;border-color:#34dfff!important}
body.work-mode .configurator-form .cfg-option.selected,body.work-mode .configurator-form .cfg-option[aria-pressed="true"],body.work-mode .configurator-form .cfg-option.active{background:linear-gradient(145deg,#0e3549,#0b293b)!important;color:#fff!important;border-color:#24dcff!important;box-shadow:inset 0 0 0 1px #24dcff!important}
body.work-mode .configurator-form .cfg-option small,body.work-mode .configurator-form .cfg-price{color:#87a3b6!important}

/* Inputs keep a strong white fill only where typing is required; this is intentional contrast. */
body.work-mode .configurator-form .cfg-input,body.work-mode .configurator-form input[type="number"],body.work-mode .configurator-form input[type="text"],body.work-mode .configurator-form select,body.work-mode .configurator-form textarea{background:#f7fbfd!important;color:#0b2134!important;border:1px solid #d8e6ee!important;border-radius:11px!important;min-height:50px!important;box-shadow:none!important}
body.work-mode .configurator-form input::placeholder,body.work-mode .configurator-form textarea::placeholder{color:#8ca0af!important}
body.work-mode .configurator-form input:focus,body.work-mode .configurator-form select:focus,body.work-mode .configurator-form textarea:focus{outline:0!important;border-color:#22d9ff!important;box-shadow:0 0 0 3px rgba(34,217,255,.11)!important}

/* Paper and DTF family-specific grids: no giant full-width bands on desktop. */
@media(min-width:980px){
 body.work-mode .configurator-cards,body.work-mode .configurator-flyers,body.work-mode .configurator-brochure,body.work-mode .configurator-multipage,body.work-mode .configurator-paperpiece,body.work-mode .configurator-credential,body.work-mode .configurator-coaster,body.work-mode .configurator-diploma{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:10px!important}
 body.work-mode .configurator-cards>.cfg-group,body.work-mode .configurator-flyers>.cfg-group,body.work-mode .configurator-brochure>.cfg-group,body.work-mode .configurator-multipage>.cfg-group,body.work-mode .configurator-paperpiece>.cfg-group,body.work-mode .configurator-credential>.cfg-group,body.work-mode .configurator-coaster>.cfg-group,body.work-mode .configurator-diploma>.cfg-group{grid-column:span 6!important}
 body.work-mode .configurator-form>.cfg-group:has(.cfg-grid2),body.work-mode .configurator-form>.cfg-group:has(.rc81h-route),body.work-mode .configurator-form>.cfg-group:has(textarea),body.work-mode .configurator-form>.cfg-group:first-of-type{grid-column:span 12!important}
}

/* Global configurator frame: one clear product area, less empty canvas. */
body.work-mode #decisionCard{background:#081827!important;border:1px solid var(--q6-line)!important;border-radius:20px!important;padding:20px!important;margin-top:0!important}
body.work-mode #inlineAnswer{background:transparent!important;padding:0!important}
body.work-mode .nemi-final-steprail{background:transparent!important}
body.work-mode .nemi-final-rail-btn{background:#0a1d2f!important;color:#9eb5c5!important;border:1px solid rgba(105,207,234,.16)!important}
body.work-mode .nemi-final-rail-btn.is-active{background:#0d2940!important;color:#fff!important;border-color:#22d9ff!important}

/* Helper / pending state becomes compact and readable rather than a pale full-width slab. */
body.work-mode .cfg-helper,body.work-mode .process-guide,body.work-mode .rc81d-state,body.work-mode .nemi-gf-price-rule,body.work-mode .nemi-gf-calc-check{background:#091a2a!important;color:#8fa9ba!important;border:1px dashed rgba(113,204,231,.24)!important;border-radius:12px!important;padding:11px 13px!important}
body.work-mode .cfg-helper b,body.work-mode .process-guide b,body.work-mode .rc81d-state b{color:#eaf7ff!important}

/* Calls to action. */
body.work-mode .configurator-form>.cfg-action-row{gap:9px!important;margin-top:3px!important;padding-top:0!important}
body.work-mode .configurator-form>.cfg-action-row button{min-height:50px!important;border-radius:12px!important;font-weight:900!important}
body.work-mode .configurator-form>.cfg-action-row>.cfg-save.nemi-save-review{background:linear-gradient(135deg,#ff0a84,#e70873)!important;color:#fff!important;border:1px solid #ff0a84!important}
body.work-mode .configurator-form>.cfg-action-row>.cfg-secondary{background:#0d2235!important;color:#e8f7ff!important;border:1px solid rgba(108,203,230,.22)!important}

/* Right proposal summary stays visible but visually quieter than the actual configurator. */
body.work-mode #propuesta.side{background:#081827!important;color:#e9f5fb!important;border:1px solid var(--q6-line)!important;border-radius:20px!important;box-shadow:none!important}
body.work-mode #propuesta.side:before{background:#091d2e!important;color:#67e6ff!important;border-bottom:1px solid rgba(107,204,231,.13)!important}
body.work-mode #propuesta.side h2{color:#fff!important}
body.work-mode #propuesta.side .metric{color:#89a2b4!important}
body.work-mode #propuesta.side .total{background:#0b2134!important;color:#dcebf4!important;border:1px solid rgba(111,205,232,.18)!important}
body.work-mode #propuesta.side .total b{color:#56e8ff!important}
body.work-mode #propuesta.side .log-item{background:#0a1d2f!important;border:1px solid rgba(111,205,232,.15)!important;color:#c9dde8!important}
body.work-mode #propuesta.side .quote-actions .primary{background:linear-gradient(135deg,#ff0a84,#e70873)!important;color:#fff!important;border-color:#ff0a84!important}
body.work-mode #propuesta.side .quote-actions .ghost{background:#09281f!important;color:#82f2bc!important;border-color:#1f8f68!important}

/* Hide low-value duplicated helper heading when the current configurator already has its own product title. */
body.work-mode #decisionCard>.decision-kicker{color:#5edfff!important;font-size:9px!important;letter-spacing:.12em!important}

@media(max-width:1180px){body.work-mode .layout{grid-template-columns:1fr!important}body.work-mode #propuesta.side{position:static!important;margin-top:12px!important}}
@media(max-width:760px){
 body.work-mode #decisionCard{padding:14px!important;border-radius:16px!important}
 body.work-mode .configurator-form>.cfg-group,body.work-mode .configurator-cards>.cfg-group,body.work-mode .configurator-flyers>.cfg-group,body.work-mode .configurator-brochure>.cfg-group,body.work-mode .configurator-multipage>.cfg-group,body.work-mode .configurator-paperpiece>.cfg-group,body.work-mode .configurator-credential>.cfg-group,body.work-mode .configurator-coaster>.cfg-group,body.work-mode .configurator-diploma>.cfg-group{grid-column:1/-1!important;padding:12px!important}
 body.work-mode .configurator-form .cfg-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.work-mode .n9-step{min-height:44px!important;padding:7px 10px!important;font-size:9px!important}
}
@media(max-width:430px){body.work-mode .configurator-form .cfg-options{grid-template-columns:1fr!important}}