/* Visual-only redesign based on the approved NEMI dark/cyan/magenta proposal.
   Pricing, routing, persistence, multiproduct and configurator logic remain untouched. */
body.work-mode{background:#06111e!important;color:#eaf6ff!important}
body.work-mode .shell{max-width:1660px!important}
body.work-mode #workspace{background:linear-gradient(180deg,#071827 0%,#06131f 100%)!important;border:1px solid rgba(56,202,241,.18)!important;border-radius:26px!important;padding:18px!important;box-shadow:0 28px 70px rgba(0,0,0,.24)!important}
body.work-mode .workspace-toolbar{padding:4px 4px 16px!important}
body.work-mode .workspace-toolbar .eyebrow{color:#68e6ff!important}
body.work-mode .workspace-toolbar h1{color:#fff!important;font-size:34px!important}
body.work-mode .workspace-toolbar p{color:#92a9ba!important;font-size:11px!important}
body.work-mode .workspace-add-btn{background:#0b1f31!important;color:#eafaff!important;border:1px solid rgba(92,220,255,.28)!important;box-shadow:none!important}

/* Multiproduct rail: compact, dark and clearly active. */
body.work-mode .nemi-line-tab,body.work-mode .nemi-line-add{background:#081b2c!important;border:1px solid rgba(109,217,245,.18)!important;color:#cfe4f2!important;box-shadow:none!important}
body.work-mode .nemi-line-tab.active{background:#0a2337!important;border-color:#22d9ff!important;box-shadow:inset 0 0 0 1px #22d9ff,0 0 0 4px rgba(34,217,255,.06)!important;color:#fff!important}

/* Main work area mirrors the visual proposal: configuration + persistent summary. */
body.work-mode .layout{grid-template-columns:minmax(0,1fr) 370px!important;gap:18px!important}
body.work-mode .focus-card{background:#081827!important;border:1px solid rgba(90,206,237,.18)!important;border-radius:22px!important;box-shadow:none!important}
body.work-mode .focus-identity{grid-template-columns:300px minmax(0,1fr)!important;grid-template-rows:220px!important;min-height:220px!important;background:#0a1b2b!important;border-bottom:1px solid rgba(92,220,255,.15)!important}
body.work-mode .focus-visual{height:220px!important;min-height:220px!important;background:#071622!important}
body.work-mode .focus-visual img{object-fit:cover!important;filter:saturate(.94) contrast(1.03)!important}
body.work-mode .focus-copy{padding:26px 30px!important;background:radial-gradient(circle at 92% 8%,rgba(26,213,255,.07),transparent 34%)!important}
body.work-mode .focus-status{background:rgba(28,212,255,.09)!important;color:#69eaff!important;border:1px solid rgba(69,220,255,.40)!important}
body.work-mode .focus-copy h2{color:#fff!important;font-size:34px!important;line-height:1.03!important;margin:10px 0 8px!important}
body.work-mode .known-pill{background:#0b2134!important;border:1px solid rgba(116,207,233,.16)!important;color:#a9c2d2!important}
body.work-mode .focus-price strong{color:#fff!important;font-size:30px!important}
body.work-mode .focus-price small{color:#8199a9!important}

body.work-mode #decisionCard{background:#081827!important;padding:22px 24px 24px!important}
body.work-mode #decisionCard>.decision-kicker{color:#5edfff!important}
body.work-mode #decisionCard>h3{color:#fff!important;font-size:27px!important}
body.work-mode #decisionCard>p{color:#8ca4b5!important;font-size:10.5px!important}

/* Horizontal step navigation, matching the approved proposal. */
body.work-mode .nemi-final-config-layout{display:block!important}
body.work-mode .nemi-final-steprail{position:static!important;display:flex!important;gap:8px!important;overflow-x:auto!important;padding:0 0 12px!important;scrollbar-width:none!important}
body.work-mode .nemi-final-steprail::-webkit-scrollbar{display:none!important}
body.work-mode .nemi-final-rail-btn{flex:1 0 132px!important;min-height:48px!important;display:flex!important;gap:8px!important;align-items:center!important;justify-content:center!important;padding:0 12px!important;border:1px solid rgba(105,207,234,.16)!important;border-radius:13px!important;background:#0a1d2f!important;color:#9eb5c5!important;text-align:center!important;font-size:9.5px!important}
body.work-mode .nemi-final-rail-btn:after{display:none!important}
body.work-mode .nemi-final-rail-num{width:27px!important;height:27px!important;flex:0 0 27px!important;background:#102c42!important;border-color:#1b415b!important;color:#9db4c4!important}
body.work-mode .nemi-final-rail-btn.is-active{background:#0d2940!important;border-color:#22d9ff!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(34,217,255,.38)!important}
body.work-mode .nemi-final-rail-btn.is-active .nemi-final-rail-num{background:linear-gradient(135deg,#ff0a83,#e40872)!important;border-color:#ff0a83!important;color:#fff!important;box-shadow:0 0 0 4px rgba(255,10,131,.09)!important}
body.work-mode .nemi-final-rail-btn.is-complete{color:#d1e3ed!important}
body.work-mode .nemi-final-rail-btn.is-complete .nemi-final-rail-num{background:#0b503d!important;color:#7ef0bd!important;border-color:#16765a!important}

body.work-mode .nemi-final-stage{gap:10px!important}
body.work-mode .configurator-form.nemi-final-v4 .nemi-final-step{background:#0a1c2d!important;border:1px solid rgba(107,204,231,.17)!important;border-radius:16px!important;color:#dcebf5!important;overflow:hidden!important}
body.work-mode .configurator-form.nemi-final-v4 .nemi-final-step.is-active{border-color:rgba(34,217,255,.62)!important;box-shadow:0 14px 34px rgba(0,0,0,.16)!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{background:#0b2033!important;color:#eef9ff!important;border-bottom:1px solid rgba(105,207,234,.14)!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{color:#52ddff!important}

/* Inputs and options feel like product choices, not a technical form. */
body.work-mode .configurator-form.nemi-final-v4 .cfg-options{gap:9px!important}
body.work-mode .configurator-form.nemi-final-v4 .cfg-option{background:#0d2235!important;border:1px solid rgba(116,201,226,.18)!important;color:#e9f5fb!important;min-height:58px!important;padding:11px 34px 11px 12px!important}
body.work-mode .configurator-form.nemi-final-v4 .cfg-option small,
body.work-mode .configurator-form.nemi-final-v4 .cfg-option .cfg-price{color:#86a2b5!important}
body.work-mode .configurator-form.nemi-final-v4 .cfg-option:hover{background:#102941!important;border-color:#35dfff!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"]{background:linear-gradient(145deg,#0d3447,#0b273a)!important;border-color:#24dcff!important;color:#fff!important;box-shadow:inset 0 0 0 1px #24dcff!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:#24dcff!important;color:#062131!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"],
body.work-mode .configurator-form.nemi-final-v4 select,
body.work-mode .configurator-form.nemi-final-v4 textarea{background:#f8fbfd!important;border:1px solid #d8e5ec!important;color:#0b2134!important;border-radius:11px!important}
body.work-mode .configurator-form.nemi-final-v4 input:focus,
body.work-mode .configurator-form.nemi-final-v4 select:focus,
body.work-mode .configurator-form.nemi-final-v4 textarea:focus{border-color:#22d9ff!important;box-shadow:0 0 0 3px rgba(34,217,255,.12)!important}
body.work-mode .configurator-form.nemi-final-v4 .cfg-helper,
body.work-mode .configurator-form.nemi-final-v4 .process-guide,
body.work-mode .configurator-form.nemi-final-v4 .nemi-gf-price-rule,
body.work-mode .configurator-form.nemi-final-v4 .nemi-gf-calc-check,
body.work-mode .configurator-form.nemi-final-v4 .nemi-gf-net-note{background:#091a2a!important;border-color:rgba(108,203,230,.18)!important;color:#8fa9ba!important}
body.work-mode .configurator-form.nemi-final-v4 .nemi-gf-price-rule b,
body.work-mode .configurator-form.nemi-final-v4 .nemi-gf-calc-check b{color:#eaf7ff!important}

/* Clear close hierarchy. */
body.work-mode .configurator-form.nemi-final-v4>.cfg-action-row{padding-top:3px!important}
body.work-mode .configurator-form.nemi-final-v4>.cfg-action-row>.cfg-save.nemi-save-review{background:linear-gradient(135deg,#ff0a84,#e70873)!important;border-color:#ff0a84!important;color:#fff!important;box-shadow:0 12px 26px rgba(235,8,119,.22)!important;min-height:52px!important}
body.work-mode .configurator-form.nemi-final-v4>.cfg-action-row>.cfg-secondary{background:#0d2235!important;color:#e8f7ff!important;border:1px solid rgba(108,203,230,.22)!important}
body.work-mode .configurator-form.nemi-final-v4>.cfg-action-row>.nemi-inline-wa{background:#0b2d25!important;color:#7cf0b6!important;border:1px solid #18875f!important}
body.work-mode .focus-actions{background:#081827!important;border-top:1px solid rgba(105,207,234,.10)!important}
body.work-mode .focus-actions button{background:#0d2235!important;color:#dcebf5!important;border-color:rgba(111,205,232,.20)!important}

/* Proposal summary reproduces the visual hierarchy of the approved concept. */
body.work-mode #propuesta.side{background:#081827!important;border:1px solid rgba(70,210,245,.20)!important;border-radius:20px!important;color:#e9f5fb!important;box-shadow:0 18px 48px rgba(0,0,0,.20)!important}
body.work-mode #propuesta.side:before{background:#091d2e!important;border-bottom:1px solid rgba(107,204,231,.13)!important;color:#67e6ff!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 span{color:#7892a5!important}
body.work-mode #propuesta.side .total b{color:#56e8ff!important}
body.work-mode #propuesta.side .total small{color:#92aabd!important}
body.work-mode #propuesta.side .quote-actions .primary{background:linear-gradient(135deg,#ff0a84,#e70873)!important;border-color:#ff0a84!important;color:#fff!important;box-shadow:0 10px 24px rgba(235,8,119,.18)!important}
body.work-mode #propuesta.side .quote-actions .ghost{background:#09281f!important;color:#82f2bc!important;border:1px solid #1f8f68!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 .empty{color:#7f98aa!important}

/* Mobile: keep visual hierarchy without sacrificing usable space. */
@media(max-width:1180px){
 body.work-mode .layout{grid-template-columns:1fr!important}
 body.work-mode #propuesta.side{position:static!important}
}
@media(max-width:760px){
 body.work-mode #workspace{padding:10px!important;border-radius:18px!important}
 body.work-mode .workspace-toolbar{padding:2px 2px 10px!important}
 body.work-mode .workspace-toolbar h1{font-size:25px!important}
 body.work-mode .focus-identity{grid-template-columns:1fr!important;grid-template-rows:168px auto!important}
 body.work-mode .focus-visual{height:168px!important;min-height:168px!important}
 body.work-mode .focus-copy{padding:18px!important}
 body.work-mode .focus-copy h2{font-size:27px!important}
 body.work-mode #decisionCard{padding:18px 12px!important}
 body.work-mode .nemi-final-steprail{gap:6px!important;padding-bottom:9px!important}
 body.work-mode .nemi-final-rail-btn{flex:0 0 auto!important;min-width:118px!important;min-height:42px!important;padding:0 10px!important}
 body.work-mode .configurator-form.nemi-final-v4 .cfg-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.work-mode #propuesta.side{margin-top:12px!important;padding:16px!important}
 body.work-mode #propuesta.side:before{margin:-16px -16px 14px!important;padding:13px 16px!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-rail-btn{min-width:108px!important}
 body.work-mode .focus-copy h2{font-size:24px!important}
}