/* Screenshot-approved configurator redesign. Presentation/interaction shell only.
   Pricing, Core, Graph, persistence and product rules remain authoritative. */
:root{
  --nemi-v2-ink:#0b1b31;--nemi-v2-text:#172334;--nemi-v2-muted:#6f7f92;--nemi-v2-line:#dbe5ee;
  --nemi-v2-soft:#f7fafc;--nemi-v2-cyan:#09bfea;--nemi-v2-cyan-soft:#eafaff;
  --nemi-v2-magenta:#ef0b7c;--nemi-v2-magenta-soft:#fff2f8;--nemi-v2-yellow:#edc713;--nemi-v2-yellow-soft:#fff9df;
  --nemi-v2-shadow:0 10px 28px rgba(13,38,64,.055);
}
body.work-mode{background:#f3f6f8!important}
body.work-mode #focusCard,body.work-mode #focusCard.rc81d-horizontal{border-radius:22px!important;border-color:#e0e8ef!important;box-shadow:0 18px 52px rgba(14,39,64,.055)!important}
body.work-mode #decisionCard{padding:24px 26px 22px!important}
body.work-mode #decisionCard h3{font-size:25px!important;letter-spacing:-.035em!important;color:var(--nemi-v2-text)!important}
body.work-mode #decisionCard>p{font-size:11px!important;color:var(--nemi-v2-muted)!important}

/* Product header: same structure, more like the approved configurator mockup. */
body.work-mode .n9-product-hero{border-radius:22px!important;border-color:#e0e8ef!important;box-shadow:0 12px 34px rgba(14,39,64,.05)!important}
body.work-mode .n9-hero-copy{padding:30px 32px!important}
body.work-mode .n9-product-hero h1{font-size:clamp(34px,4vw,52px)!important;color:var(--nemi-v2-text)!important}
body.work-mode .n9-hero-copy>p{font-size:12px!important;color:var(--nemi-v2-muted)!important}
body.work-mode .n9-hero-proof{display:flex!important;margin-top:14px!important;gap:7px!important}
body.work-mode .n9-hero-proof span{background:#f8fafc!important;border-color:#e2e8ee!important;color:#536274!important;padding:6px 9px!important}

/* One visual grammar for every existing and future configurator. */
body.work-mode .configurator-form.nemi-config-v2{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:12px!important}
body.work-mode .configurator-form.nemi-config-v2>.cfg-current{display:none!important}
body.work-mode .configurator-form.nemi-config-v2>.cfg-group{
  grid-column:span 6!important;margin:0!important;padding:15px 16px!important;background:#fff!important;
  border:1px solid var(--nemi-v2-line)!important;border-top:1px solid var(--nemi-v2-line)!important;border-radius:17px!important;
  box-shadow:var(--nemi-v2-shadow)!important;min-width:0!important;position:relative!important;overflow:visible!important;
}
body.work-mode .configurator-form.nemi-config-v2>.nemi-group-wide,
body.work-mode .configurator-form.nemi-config-v2>.nemi-group-quantity,
body.work-mode .configurator-form.nemi-config-v2>.nemi-group-format,
body.work-mode .configurator-form.nemi-config-v2>.nemi-group-measure,
body.work-mode .configurator-form.nemi-config-v2>.nemi-group-pages,
body.work-mode .configurator-form.nemi-config-v2>.nemi-group-special{grid-column:1/-1!important}
body.work-mode .configurator-form.nemi-config-v2>.nemi-group-quantity,
body.work-mode .configurator-form.nemi-config-v2>.nemi-group-format,
body.work-mode .configurator-form.nemi-config-v2>.nemi-group-measure,
body.work-mode .configurator-form.nemi-config-v2>.nemi-group-pages{border-left:4px solid var(--nemi-v2-cyan)!important}
body.work-mode .configurator-form.nemi-config-v2>.nemi-group-print,
body.work-mode .configurator-form.nemi-config-v2>.nemi-group-paper{border-left:4px solid var(--nemi-v2-magenta)!important}
body.work-mode .configurator-form.nemi-config-v2>.nemi-group-finish,
body.work-mode .configurator-form.nemi-config-v2>.nemi-group-special{border-left:4px solid var(--nemi-v2-yellow)!important}
body.work-mode .configurator-form.nemi-config-v2 .cfg-label{
  display:flex!important;align-items:center!important;gap:9px!important;margin:0 0 10px!important;font-size:13px!important;
  font-weight:900!important;line-height:1.15!important;color:var(--nemi-v2-text)!important;
}
body.work-mode .configurator-form.nemi-config-v2 .cfg-label:before{content:none!important}
body.work-mode .configurator-form.nemi-config-v2 .nemi-v2-icon{
  width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:inline-grid;place-items:center;background:var(--nemi-v2-cyan-soft);color:#079bc1;
}
body.work-mode .configurator-form.nemi-config-v2 .nemi-v2-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.work-mode .configurator-form.nemi-config-v2 .nemi-group-print .nemi-v2-icon,
body.work-mode .configurator-form.nemi-config-v2 .nemi-group-paper .nemi-v2-icon{background:var(--nemi-v2-magenta-soft);color:var(--nemi-v2-magenta)}
body.work-mode .configurator-form.nemi-config-v2 .nemi-group-finish .nemi-v2-icon,
body.work-mode .configurator-form.nemi-config-v2 .nemi-group-special .nemi-v2-icon{background:var(--nemi-v2-yellow-soft);color:#c59d00}

body.work-mode .configurator-form.nemi-config-v2 .cfg-options{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important;gap:8px!important;width:100%!important}
body.work-mode .configurator-form.nemi-config-v2 .nemi-group-format .cfg-options{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important}
body.work-mode .configurator-form.nemi-config-v2 .nemi-group-print .cfg-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.work-mode .configurator-form.nemi-config-v2 .cfg-option{
  width:100%!important;min-width:0!important;min-height:48px!important;padding:10px 34px 10px 12px!important;border-radius:12px!important;
  border:1px solid #d8e2ea!important;background:#fff!important;color:#1d2939!important;font-size:10.5px!important;font-weight:850!important;
  line-height:1.2!important;text-align:center!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;
  box-shadow:0 1px 2px rgba(13,38,64,.025)!important;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
body.work-mode .configurator-form.nemi-config-v2 .cfg-option:hover,
body.work-mode .configurator-form.nemi-config-v2 .cfg-option:focus-visible{border-color:#92cfe0!important;box-shadow:0 8px 20px rgba(13,38,64,.055)!important;transform:translateY(-1px)!important}
body.work-mode .configurator-form.nemi-config-v2 .cfg-option.selected,
body.work-mode .configurator-form.nemi-config-v2 .cfg-option[aria-pressed="true"]{background:var(--nemi-v2-cyan-soft)!important;border-color:var(--nemi-v2-cyan)!important;color:#075f78!important;box-shadow:inset 0 0 0 1px var(--nemi-v2-cyan)!important}
body.work-mode .configurator-form.nemi-config-v2 .nemi-group-paper .cfg-option.selected,
body.work-mode .configurator-form.nemi-config-v2 .nemi-group-paper .cfg-option[aria-pressed="true"]{background:var(--nemi-v2-magenta-soft)!important;border-color:var(--nemi-v2-magenta)!important;color:#a50855!important;box-shadow:inset 0 0 0 1px var(--nemi-v2-magenta)!important}
body.work-mode .configurator-form.nemi-config-v2 .nemi-group-finish .cfg-option.selected,
body.work-mode .configurator-form.nemi-config-v2 .nemi-group-finish .cfg-option[aria-pressed="true"]{background:var(--nemi-v2-yellow-soft)!important;border-color:#d8b500!important;color:#745e00!important;box-shadow:inset 0 0 0 1px #d8b500!important}
body.work-mode .configurator-form.nemi-config-v2 .cfg-option.selected:after,
body.work-mode .configurator-form.nemi-config-v2 .cfg-option[aria-pressed="true"]:after{width:19px!important;height:19px!important;right:9px!important;background:var(--nemi-v2-cyan)!important;color:#fff!important;font-size:10px!important}
body.work-mode .configurator-form.nemi-config-v2 .nemi-group-paper .cfg-option.selected:after,
body.work-mode .configurator-form.nemi-config-v2 .nemi-group-paper .cfg-option[aria-pressed="true"]:after{background:var(--nemi-v2-magenta)!important}
body.work-mode .configurator-form.nemi-config-v2 .nemi-group-finish .cfg-option.selected:after,
body.work-mode .configurator-form.nemi-config-v2 .nemi-group-finish .cfg-option[aria-pressed="true"]:after{background:#d8b500!important}
body.work-mode .configurator-form.nemi-config-v2 .cfg-option .cfg-price{font-size:8px!important;color:#7b8999!important;margin-top:3px!important}

body.work-mode .configurator-form.nemi-config-v2 .cfg-input{
  min-height:48px!important;border-radius:12px!important;border:1px solid #d5e0e9!important;background:#fff!important;color:#172334!important;
  padding:10px 13px!important;font-size:13px!important;box-shadow:inset 0 1px 2px rgba(13,38,64,.02)!important;
}
body.work-mode .configurator-form.nemi-config-v2 .cfg-input:focus{outline:0!important;border-color:var(--nemi-v2-cyan)!important;box-shadow:0 0 0 3px rgba(9,191,234,.11)!important}
body.work-mode .configurator-form.nemi-config-v2 .cfg-grid2{gap:8px!important}

/* Quantity = input + quick choices, like the approved mockup. */
body.work-mode .nemi-qty-shell{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);gap:10px;align-items:center}
body.work-mode .nemi-qty-quick{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
body.work-mode .nemi-qty-chip{min-height:42px;border:1px solid #d8e2ea;background:#fff;color:#223044;border-radius:11px;font-size:10px;font-weight:850;padding:7px;cursor:pointer}
body.work-mode .nemi-qty-chip:hover{border-color:#8ccddd}
body.work-mode .nemi-qty-chip.active{background:var(--nemi-v2-cyan-soft);border-color:var(--nemi-v2-cyan);color:#07637d;box-shadow:inset 0 0 0 1px var(--nemi-v2-cyan)}

/* Finish/special free text is compact and aligned. */
body.work-mode .configurator-form.nemi-config-v2 .card-other-finish,
body.work-mode .configurator-form.nemi-config-v2 .brochure-special-row{gap:8px!important}
body.work-mode .configurator-form.nemi-config-v2 .card-other-finish input,
body.work-mode .configurator-form.nemi-config-v2 input[type="text"]{min-height:46px!important;border-radius:12px!important;border-color:#d8e2ea!important;background:#fff!important}

/* Price is a single strong closing block. */
body.work-mode .configurator-form.nemi-config-v2>.cfg-live,
body.work-mode .configurator-form.nemi-config-v2>.rc81d-state{grid-column:1/-1!important;border-radius:15px!important;margin-top:2px!important}
body.work-mode .configurator-form.nemi-config-v2>.cfg-live:not(.pending){background:var(--nemi-v2-ink)!important;color:#fff!important;border:0!important;box-shadow:0 12px 28px rgba(8,27,48,.12)!important;padding:15px 17px!important}
body.work-mode .configurator-form.nemi-config-v2>.cfg-live:not(.pending) b{font-size:16px!important;color:#fff!important}
body.work-mode .configurator-form.nemi-config-v2>.cfg-live.pending{background:#fff9e8!important;border-color:#eadca4!important;color:#6e581b!important;padding:13px 15px!important}
body.work-mode .configurator-form.nemi-config-v2>.cfg-submit{grid-column:1/-1!important;min-height:48px!important;border-radius:13px!important;background:var(--nemi-v2-ink)!important;color:#fff!important;box-shadow:0 8px 20px rgba(9,28,48,.08)!important}
body.work-mode .configurator-form.nemi-config-v2>.cfg-submit:before{height:3px!important;background:linear-gradient(90deg,var(--nemi-v2-cyan) 0 34%,var(--nemi-v2-magenta) 34% 68%,#f1d21b 68%)!important}
body.work-mode .configurator-form.nemi-config-v2>.cfg-helper{grid-column:1/-1!important;border-radius:12px!important;background:#f5fbfe!important;border-color:#d8edf4!important;color:#5d7386!important}

/* Inline action hierarchy mirrors the approved footer: neutral / cyan / magenta. */
body.work-mode .configurator-form.nemi-config-v2>.cfg-action-row{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(120px,.55fr) minmax(150px,.8fr) minmax(220px,1.25fr)!important;gap:8px!important;align-items:stretch!important;margin-top:0!important}
body.work-mode .configurator-form.nemi-config-v2>.cfg-action-row>button{min-height:46px!important;border-radius:12px!important;font-size:10px!important;font-weight:900!important}
body.work-mode .configurator-form.nemi-config-v2>.cfg-action-row>.cfg-save{background:#fff!important;border:1px solid #d7e1e9!important;color:#243246!important;box-shadow:none!important}
body.work-mode .configurator-form.nemi-config-v2>.cfg-action-row>.cfg-finish{background:#eefaff!important;border:1px solid #9fdced!important;color:#075f78!important;box-shadow:none!important}
body.work-mode .configurator-form.nemi-config-v2>.cfg-action-row>.nemi-inline-wa{background:linear-gradient(135deg,#f20a7e,#d8076b)!important;color:#fff!important;border-color:#d8076b!important;box-shadow:0 9px 22px rgba(216,7,107,.14)!important}

/* Mobile bottom quote bar: total + WhatsApp + review. Reuses the existing journey taskbar. */
body.work-mode .nemi-taskbar.nemi-v2-taskbar{display:none;grid-template-columns:minmax(130px,.7fr) minmax(150px,1fr) minmax(165px,1.05fr);gap:8px;padding:9px;background:linear-gradient(135deg,#0a1a2d,#10243a);border-radius:18px;border:1px solid rgba(255,255,255,.13);box-shadow:0 18px 44px rgba(1,12,25,.32)}
body.work-mode .nemi-taskbar.nemi-v2-taskbar .task-meta{padding:2px 8px;align-self:center}
body.work-mode .nemi-taskbar.nemi-v2-taskbar .task-meta small{color:#aabbd0;font-size:7.5px;letter-spacing:.08em}
body.work-mode .nemi-taskbar.nemi-v2-taskbar .task-meta b{font-size:17px;color:#fff;letter-spacing:-.02em}
body.work-mode .nemi-taskbar.nemi-v2-taskbar .nemi-v2-dock-btn{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;border-radius:12px;padding:8px 12px;font-size:10px;font-weight:900;white-space:nowrap}
body.work-mode .nemi-taskbar.nemi-v2-taskbar .nemi-v2-dock-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.work-mode .nemi-taskbar.nemi-v2-taskbar .nemi-v2-dock-wa{background:transparent;border:1px solid #72bee1;color:#fff}
body.work-mode .nemi-taskbar.nemi-v2-taskbar .nemi-v2-dock-review{background:linear-gradient(135deg,#f20a7e,#e30a73);border:1px solid #e30a73;color:#fff;box-shadow:0 9px 22px rgba(242,10,126,.19)}
body.work-mode .nemi-taskbar.nemi-v2-taskbar #nemiTaskAction{display:none!important}

@media(max-width:1050px){
 body.work-mode .configurator-form.nemi-config-v2>.cfg-group{grid-column:1/-1!important}
}
@media(max-width:760px){
 body.work-mode .shell{padding:12px 12px 134px!important}
 body.work-mode .nemi-taskbar.nemi-v2-taskbar{display:grid!important;position:fixed!important;inset:auto 8px max(8px,env(safe-area-inset-bottom)) 8px!important;left:8px!important;right:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;width:auto!important;margin:0!important;z-index:11950!important}
 body.work-mode .n9-product-hero{grid-template-columns:104px minmax(0,1fr)!important;min-height:116px!important;margin-bottom:9px!important;border-radius:18px!important}
 body.work-mode .n9-hero-media{grid-column:1!important;grid-row:1!important;min-height:116px!important;height:116px!important}
 body.work-mode .n9-hero-copy{grid-column:2!important;grid-row:1!important;padding:15px 14px!important;min-width:0!important}
 body.work-mode .n9-product-hero h1{font-size:24px!important;line-height:1.02!important;margin:0 0 5px!important;max-width:none!important}
 body.work-mode .n9-hero-copy>p{font-size:9px!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
 body.work-mode .n9-hero-eyebrow{font-size:6.5px!important;margin-bottom:5px!important}
 body.work-mode .n9-hero-proof{margin-top:7px!important;gap:4px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body.work-mode .n9-hero-proof span{padding:4px 5px!important;font-size:6px!important;justify-content:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 body.work-mode .workspace-toolbar{padding:11px 12px!important;border-radius:14px!important}
 body.work-mode .workspace-toolbar h1{font-size:17px!important}
 body.work-mode #workspaceSub{font-size:9px!important}
 body.work-mode #decisionCard{padding:18px 14px 16px!important}
 body.work-mode #decisionCard .decision-kicker{margin:0 0 3px!important;padding:0!important;font-size:7px!important}
 body.work-mode #decisionCard h3{font-size:20px!important;margin:0 0 4px!important}
 body.work-mode #decisionCard>p{font-size:9px!important;margin:0 0 12px!important}
 body.work-mode .configurator-form.nemi-config-v2{grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
 body.work-mode .configurator-form.nemi-config-v2>.cfg-group{grid-column:1/-1!important;padding:12px!important;border-radius:15px!important;box-shadow:0 6px 18px rgba(13,38,64,.04)!important}
 body.work-mode .configurator-form.nemi-config-v2 .cfg-label{font-size:12px!important;margin-bottom:9px!important}
 body.work-mode .configurator-form.nemi-config-v2 .nemi-v2-icon{width:28px;height:28px;flex-basis:28px}
 body.work-mode .configurator-form.nemi-config-v2 .cfg-options{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 body.work-mode .configurator-form.nemi-config-v2 .nemi-group-format .cfg-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.work-mode .configurator-form.nemi-config-v2 .nemi-group-print .cfg-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.work-mode .configurator-form.nemi-config-v2 .cfg-option{min-height:47px!important;padding:9px 30px 9px 9px!important;font-size:10px!important}
 body.work-mode .nemi-qty-shell{grid-template-columns:1fr!important;gap:8px!important}
 body.work-mode .nemi-qty-quick{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important}
 body.work-mode .nemi-qty-chip{min-height:38px!important;font-size:9px!important;padding:5px 2px!important}
 body.work-mode .configurator-form.nemi-config-v2>.cfg-action-row{grid-template-columns:minmax(0,1fr)!important}
 body.work-mode .configurator-form.nemi-config-v2>.cfg-action-row>.nemi-inline-wa,
 body.work-mode .configurator-form.nemi-config-v2>.cfg-action-row>.cfg-finish{display:none!important}
 body.work-mode .configurator-form.nemi-config-v2>.cfg-action-row>.cfg-save{width:100%!important;min-height:42px!important}
 body.work-mode .configurator-form.nemi-config-v2>.cfg-submit{min-height:46px!important}
}
@media(max-width:520px){
 body.work-mode .n9-product-hero{grid-template-columns:94px minmax(0,1fr)!important;min-height:108px!important}
 body.work-mode .n9-hero-media{height:108px!important;min-height:108px!important}
 body.work-mode .n9-product-hero h1{font-size:21px!important}
 body.work-mode .n9-hero-proof{grid-template-columns:1fr!important;gap:2px!important}
 body.work-mode .n9-hero-proof span:nth-child(n+2){display:none!important}
 body.work-mode .configurator-form.nemi-config-v2 .cfg-options,
 body.work-mode .configurator-form.nemi-config-v2 .nemi-group-format .cfg-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.work-mode .nemi-taskbar.nemi-v2-taskbar{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:8px!important}
 body.work-mode .nemi-taskbar.nemi-v2-taskbar .task-meta{grid-column:1/-1!important;display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:8px!important;padding:0 4px 2px!important}
 body.work-mode .nemi-taskbar.nemi-v2-taskbar .task-meta b{font-size:16px!important}
 body.work-mode .nemi-taskbar.nemi-v2-taskbar .nemi-v2-dock-btn{min-height:45px!important;font-size:9px!important;padding:7px 8px!important}
 body.work-mode .configurator-form.nemi-config-v2>.cfg-action-row{grid-template-columns:1fr!important}
}
@media(max-width:370px){
 body.work-mode .nemi-qty-quick{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body.work-mode .configurator-form.nemi-config-v2 .cfg-options{grid-template-columns:1fr 1fr!important}
}
@media(prefers-reduced-motion:reduce){body.work-mode .configurator-form.nemi-config-v2 .cfg-option{transition:none!important}}