/* Approved mockup translated into the live UX44 configurators.
   Presentation and DOM grouping only; product selection, pricing, persistence and handoff stay canonical. */
body.work-mode .configurator-form.nemi-config-v3{
  display:flex!important;flex-direction:column!important;gap:12px!important;max-width:100%!important;
}
body.work-mode .configurator-form.nemi-config-v3>.cfg-group,
body.work-mode .configurator-form.nemi-config-v3>.nemi-v3-finish-cluster{
  width:100%!important;grid-column:1/-1!important;margin:0!important;padding:18px 20px!important;
  border:1px solid #dce6ee!important;border-left:1px solid #dce6ee!important;border-top:1px solid #dce6ee!important;
  border-radius:20px!important;background:#fff!important;box-shadow:0 8px 26px rgba(14,39,64,.045)!important;
  overflow:visible!important;
}
body.work-mode .configurator-form.nemi-config-v3>.cfg-group:before,
body.work-mode .configurator-form.nemi-config-v3>.cfg-group:after{content:none!important;display:none!important}
body.work-mode .configurator-form.nemi-config-v3 .cfg-label,
body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-cluster-label{
  display:flex!important;align-items:flex-start!important;gap:11px!important;margin:0 0 13px!important;
  color:#112239!important;font-weight:900!important;font-size:15px!important;line-height:1.15!important;
}
body.work-mode .configurator-form.nemi-config-v3 .cfg-label:before{content:none!important}
body.work-mode .configurator-form.nemi-config-v3 .nemi-v2-icon{
  width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:50%!important;
}
body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-label-copy{display:flex;flex-direction:column;gap:4px;min-width:0;padding-top:1px}
body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-label-copy strong{font:inherit;color:inherit}
body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-label-copy small{
  display:block;color:#718198;font-size:10px;font-weight:650;line-height:1.35;letter-spacing:0;text-transform:none;
}
/* No more large desktop tiles: each decision is a compact product-configurator row. */
body.work-mode .configurator-form.nemi-config-v3 .cfg-options,
body.work-mode .configurator-form.nemi-config-v3 .cfg-grid2{
  display:grid!important;gap:9px!important;width:100%!important;min-width:0!important;
}
body.work-mode .configurator-form.nemi-config-v3 .nemi-group-format .cfg-options{grid-template-columns:repeat(5,minmax(0,1fr))!important}
body.work-mode .configurator-form.nemi-config-v3 .nemi-group-print .cfg-options,
body.work-mode .configurator-form.nemi-config-v3 .nemi-group-print .cfg-grid2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.work-mode .configurator-form.nemi-config-v3 .nemi-group-paper .cfg-options{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.work-mode .configurator-form.nemi-config-v3 .cfg-option,
body.work-mode .configurator-form.nemi-config-v3 .nemi-qty-chip,
body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-more-toggle{
  min-height:50px!important;border-radius:14px!important;border:1px solid #d7e2eb!important;background:#fff!important;
  color:#1c2a3d!important;font-size:11px!important;font-weight:850!important;line-height:1.2!important;
  box-shadow:none!important;transition:.16s ease!important;
}
body.work-mode .configurator-form.nemi-config-v3 .cfg-option{padding:10px 34px 10px 12px!important;text-align:center!important}
body.work-mode .configurator-form.nemi-config-v3 .cfg-option:hover,
body.work-mode .configurator-form.nemi-config-v3 .nemi-qty-chip:hover,
body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-more-toggle:hover{border-color:#8fcddd!important;background:#fbfdff!important;transform:translateY(-1px)!important}
body.work-mode .configurator-form.nemi-config-v3 .cfg-option.selected,
body.work-mode .configurator-form.nemi-config-v3 .cfg-option[aria-pressed="true"]{
  background:#eafaff!important;border-color:#08bceb!important;color:#075e78!important;box-shadow:inset 0 0 0 1px #08bceb!important;
}
body.work-mode .configurator-form.nemi-config-v3 .nemi-group-paper .cfg-option.selected,
body.work-mode .configurator-form.nemi-config-v3 .nemi-group-paper .cfg-option[aria-pressed="true"]{
  background:#fff1f7!important;border-color:#ef0b7c!important;color:#a70a55!important;box-shadow:inset 0 0 0 1px #ef0b7c!important;
}
body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-finish-cluster .cfg-option.selected,
body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-finish-cluster .cfg-option[aria-pressed="true"]{
  background:#fff8db!important;border-color:#dfb900!important;color:#735e00!important;box-shadow:inset 0 0 0 1px #dfb900!important;
}
body.work-mode .configurator-form.nemi-config-v3 .cfg-option.selected:after,
body.work-mode .configurator-form.nemi-config-v3 .cfg-option[aria-pressed="true"]:after{
  width:20px!important;height:20px!important;right:9px!important;top:50%!important;transform:translateY(-50%)!important;
  background:#08bceb!important;color:#fff!important;font-size:10px!important;box-shadow:none!important;
}
body.work-mode .configurator-form.nemi-config-v3 .nemi-group-paper .cfg-option.selected:after,
body.work-mode .configurator-form.nemi-config-v3 .nemi-group-paper .cfg-option[aria-pressed="true"]:after{background:#ef0b7c!important}
body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-finish-cluster .cfg-option.selected:after,
body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-finish-cluster .cfg-option[aria-pressed="true"]:after{background:#d7ad00!important}
body.work-mode .configurator-form.nemi-config-v3 .cfg-option .cfg-price{font-size:8px!important;color:#7d8a99!important;margin-top:4px!important;font-weight:650!important}
/* Quantity mirrors the approved mockup: shortcuts + editable quantity in one compact row. */
body.work-mode .configurator-form.nemi-config-v3 .nemi-qty-shell{
  display:grid!important;grid-template-columns:minmax(0,1fr) 180px!important;gap:10px!important;align-items:stretch!important;
}
body.work-mode .configurator-form.nemi-config-v3 .nemi-qty-shell>.cfg-input,
body.work-mode .configurator-form.nemi-config-v3 .nemi-qty-shell>input{grid-column:2!important;grid-row:1!important;min-height:50px!important;border-radius:14px!important}
body.work-mode .configurator-form.nemi-config-v3 .nemi-qty-quick{
  grid-column:1!important;grid-row:1!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;
}
body.work-mode .configurator-form.nemi-config-v3 .nemi-qty-chip{min-height:50px!important;padding:7px!important}
body.work-mode .configurator-form.nemi-config-v3 .nemi-qty-chip.active{background:#eafaff!important;border-color:#08bceb!important;color:#075e78!important;box-shadow:inset 0 0 0 1px #08bceb!important}
/* Paper keeps common stock visible and moves review-only/other materials behind Más opciones. */
body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-paper-more,
body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-finish-more{
  display:none!important;margin-top:10px!important;padding-top:10px!important;border-top:1px dashed #dfe7ee!important;
}
body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-paper-more.open,
body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-finish-more.open{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-more-toggle{padding:8px 13px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-more-toggle:after{content:'⌄';font-size:13px;line-height:1;transition:transform .16s ease}
body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-more-toggle[aria-expanded="true"]:after{transform:rotate(180deg)}
/* One finish card, as approved: laminado, esquinas and additional finishes no longer look like separate forms. */
body.work-mode .configurator-form.nemi-config-v3>.nemi-v3-finish-cluster{padding:18px 20px!important}
body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-finish-main{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:9px!important}
body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-finish-more .card-other-finish,
body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-finish-more .brochure-special-row{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-finish-more input{min-height:50px!important;border-radius:14px!important;border:1px solid #d7e2eb!important;padding:10px 13px!important}
body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-finish-more button:not(.cfg-option){min-height:50px!important;border-radius:14px!important;background:#0c1929!important;color:#fff!important;border:0!important;padding:0 18px!important;font-weight:900!important}
/* Recommendation panel from the approved mockup. It never forces a choice; it is an optional shortcut. */
body.work-mode .configurator-form.nemi-config-v3>.nemi-v3-recommend{
  display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;
  width:100%!important;padding:15px 17px!important;border-radius:18px!important;border:1px solid #d9edf5!important;background:linear-gradient(135deg,#f2fbff,#eef8ff)!important;
  box-shadow:0 7px 20px rgba(11,48,72,.035)!important;
}
body.work-mode .nemi-v3-rec-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#ddf7ff;color:#049cc6;font-size:18px;font-weight:900}
body.work-mode .nemi-v3-rec-copy b{display:block;color:#10243a;font-size:12px;margin-bottom:3px}
body.work-mode .nemi-v3-rec-copy span{display:block;color:#667a90;font-size:9.5px;line-height:1.35}
body.work-mode .nemi-v3-rec-action{min-height:40px;border-radius:12px;border:1px solid #b9e4f0;background:#fff;color:#058bb0;font-size:9.5px;font-weight:900;padding:8px 13px;cursor:pointer}
/* Closing area: reduce duplicated technical controls and make the price/hand-off hierarchy commercial. */
body.work-mode .configurator-form.nemi-config-v3>.cfg-helper{display:none!important}
body.work-mode .configurator-form.nemi-config-v3>.cfg-live,
body.work-mode .configurator-form.nemi-config-v3>.rc81d-state{
  width:100%!important;border-radius:17px!important;margin:0!important;padding:15px 17px!important;
}
body.work-mode .configurator-form.nemi-config-v3>.cfg-live:not(.pending){background:#0c1b2e!important}
body.work-mode .configurator-form.nemi-config-v3>.cfg-submit{min-height:48px!important;border-radius:14px!important;margin:0!important}
body.work-mode .configurator-form.nemi-config-v3>.cfg-action-row{
  display:grid!important;grid-template-columns:minmax(120px,.6fr) minmax(180px,1fr) minmax(210px,1.25fr)!important;gap:9px!important;margin:0!important;
}
body.work-mode .configurator-form.nemi-config-v3>.cfg-action-row>button{min-height:48px!important;border-radius:14px!important}
body.work-mode .configurator-form.nemi-config-v3>.cfg-action-row>.cfg-secondary{display:none!important}
body.work-mode .configurator-form.nemi-config-v3>.cfg-action-row>.cfg-save{grid-column:1!important}
body.work-mode .configurator-form.nemi-config-v3>.cfg-action-row>.nemi-inline-wa{grid-column:2!important;background:#0c1b2e!important;border:1px solid #6fc4e0!important;color:#fff!important;box-shadow:none!important}
body.work-mode .configurator-form.nemi-config-v3>.cfg-action-row>.cfg-finish{grid-column:3!important;background:linear-gradient(135deg,#f20a7e,#e30a73)!important;color:#fff!important;border-color:#e30a73!important}
/* The old two-column card geometry must never override V3. */
body.work-mode .configurator-cards.nemi-config-v3>.cards-group-sides,
body.work-mode .configurator-cards.nemi-config-v3>.cards-group-paper,
body.work-mode .configurator-cards.nemi-config-v3>.cards-group-lam,
body.work-mode .configurator-cards.nemi-config-v3>.cards-group-corners,
body.work-mode .configurator-cards.nemi-config-v3>.cards-group-extra,
body.work-mode .configurator-cards.nemi-config-v3>.cards-group-special{grid-column:1/-1!important;width:100%!important}
/* Mobile = real mobile composition, not scaled desktop. */
@media(max-width:900px){
 body.work-mode .configurator-form.nemi-config-v3 .nemi-group-format .cfg-options{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body.work-mode .configurator-form.nemi-config-v3 .nemi-group-paper .cfg-options{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-finish-main{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-paper-more.open,
 body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-finish-more.open{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
 body.work-mode #decisionCard{padding:16px 12px!important}
 body.work-mode .configurator-form.nemi-config-v3{gap:10px!important}
 body.work-mode .configurator-form.nemi-config-v3>.cfg-group,
 body.work-mode .configurator-form.nemi-config-v3>.nemi-v3-finish-cluster{padding:14px!important;border-radius:17px!important;box-shadow:0 5px 17px rgba(14,39,64,.035)!important}
 body.work-mode .configurator-form.nemi-config-v3 .cfg-label,
 body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-cluster-label{font-size:14px!important;margin-bottom:11px!important}
 body.work-mode .configurator-form.nemi-config-v3 .nemi-v2-icon{width:32px!important;height:32px!important;flex-basis:32px!important}
 body.work-mode .configurator-form.nemi-config-v3 .nemi-qty-shell{grid-template-columns:1fr!important;gap:8px!important}
 body.work-mode .configurator-form.nemi-config-v3 .nemi-qty-shell>.cfg-input,
 body.work-mode .configurator-form.nemi-config-v3 .nemi-qty-shell>input{grid-column:1!important;grid-row:1!important}
 body.work-mode .configurator-form.nemi-config-v3 .nemi-qty-quick{grid-column:1!important;grid-row:2!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important}
 body.work-mode .configurator-form.nemi-config-v3 .nemi-qty-chip{min-height:40px!important;font-size:9px!important}
 body.work-mode .configurator-form.nemi-config-v3 .nemi-group-format .cfg-options,
 body.work-mode .configurator-form.nemi-config-v3 .nemi-group-paper .cfg-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.work-mode .configurator-form.nemi-config-v3 .nemi-group-print .cfg-options,
 body.work-mode .configurator-form.nemi-config-v3 .nemi-group-print .cfg-grid2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-finish-main{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.work-mode .configurator-form.nemi-config-v3 .cfg-option{min-height:46px!important;padding:9px 30px 9px 9px!important;font-size:10px!important}
 body.work-mode .configurator-form.nemi-config-v3>.nemi-v3-recommend{grid-template-columns:auto 1fr!important;padding:13px!important;border-radius:16px!important}
 body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-rec-action{grid-column:1/-1!important;width:100%!important}
 body.work-mode .configurator-form.nemi-config-v3>.cfg-action-row{grid-template-columns:1fr!important}
 body.work-mode .configurator-form.nemi-config-v3>.cfg-action-row>.nemi-inline-wa,
 body.work-mode .configurator-form.nemi-config-v3>.cfg-action-row>.cfg-finish{display:none!important}
 body.work-mode .configurator-form.nemi-config-v3>.cfg-action-row>.cfg-save{grid-column:1!important;width:100%!important}
 /* Mobile sticky footer stays the only handoff/review footer, matching the approved mockup. */
 body.work-mode .nemi-taskbar.nemi-v2-taskbar{display:grid!important;border-radius:18px!important;background:linear-gradient(135deg,#071728,#10263d)!important}
}
@media(max-width:430px){
 body.work-mode .configurator-form.nemi-config-v3 .nemi-group-format .cfg-options,
 body.work-mode .configurator-form.nemi-config-v3 .nemi-group-paper .cfg-options,
 body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-finish-main{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-paper-more.open,
 body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-finish-more.open{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.work-mode .configurator-form.nemi-config-v3 .nemi-v3-label-copy small{font-size:9px!important}
}
