/* Final presentation-only refinement. Functional DOM, ids, handlers and engines remain untouched. */
body.work-mode{
  --q4-bg:#f4f7fa;
  --q4-surface:#ffffff;
  --q4-ink:#0d1f35;
  --q4-text:#1d334c;
  --q4-muted:#6e8195;
  --q4-line:#e2e9f0;
  --q4-line-strong:#cfdbe6;
  --q4-accent:#0aaee0;
  --q4-accent-soft:#eefaff;
  --q4-pink:#e90070;
  --q4-green:#079a58;
  background:var(--q4-bg)!important;
}
body.work-mode .shell{max-width:1600px!important;padding-top:14px!important}
body.work-mode .layout{grid-template-columns:minmax(0,1fr) 330px!important;gap:18px!important;align-items:start!important}

/* Heading behaves like a page header, not another card. */
body.work-mode .workspace-toolbar{
  min-height:0!important;margin:0 0 10px!important;padding:4px 4px 12px!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
body.work-mode .workspace-toolbar .eyebrow{font-size:8px!important;color:#8190a0!important;letter-spacing:.12em!important}
body.work-mode .workspace-toolbar h1{font-size:30px!important;line-height:1.04!important;letter-spacing:-.04em!important;color:var(--q4-ink)!important}
body.work-mode .workspace-toolbar p{font-size:11px!important;color:var(--q4-muted)!important;max-width:720px!important}
body.work-mode .workspace-toolbar .workspace-add-btn{
  min-height:40px!important;padding:0 14px!important;border:1px solid var(--q4-line-strong)!important;border-radius:10px!important;
  background:#fff!important;color:var(--q4-text)!important;box-shadow:none!important;
}

/* Compact quote-line switcher. */
body.work-mode .nemi-line-switcher{gap:7px!important;margin:0 0 12px!important;padding:0 1px 8px!important}
body.work-mode .nemi-line-tab{
  position:relative!important;flex:0 0 196px!important;min-width:196px!important;min-height:68px!important;
  padding:10px 11px!important;border:1px solid var(--q4-line)!important;border-radius:12px!important;
  background:#fff!important;box-shadow:none!important;color:var(--q4-text)!important;
}
body.work-mode .nemi-line-tab:hover{transform:none!important;border-color:#b8cad8!important;background:#fcfdfe!important;box-shadow:none!important}
body.work-mode .nemi-line-tab.active,
body.work-mode .nemi-line-tab[aria-selected="true"]{
  border-color:var(--q4-accent)!important;background:#fff!important;
  box-shadow:inset 0 -3px 0 var(--q4-accent)!important;
}
body.work-mode .nemi-line-tab.active:before{width:7px!important;height:7px!important;left:11px!important;top:11px!important;box-shadow:none!important}
body.work-mode .nemi-line-num{margin:0 0 5px 13px!important;font-size:7px!important;color:#91a0af!important;letter-spacing:.08em!important}
body.work-mode .nemi-line-tab strong{font-size:10.8px!important;line-height:1.22!important;color:#10253d!important}
body.work-mode .nemi-line-meta{margin-top:6px!important;font-size:7.7px!important;color:#75879a!important}
body.work-mode .nemi-line-price{font-size:8.5px!important;color:#112942!important}
body.work-mode .nemi-line-add{flex:0 0 150px!important;min-height:68px!important;border-radius:12px!important;background:transparent!important;border-color:#bdcbd8!important}

/* One main product surface. */
body.work-mode .decision-card{
  padding:20px 20px 10px!important;border:1px solid var(--q4-line)!important;border-radius:18px!important;
  background:#fff!important;box-shadow:0 12px 34px rgba(16,38,62,.05)!important;overflow:visible!important;
}
body.work-mode .decision-kicker{font-size:8px!important;color:#8a98a8!important;letter-spacing:.12em!important}
body.work-mode .decision-card h3{font-size:27px!important;line-height:1.05!important;margin:4px 0 4px!important;color:var(--q4-ink)!important}
body.work-mode .decision-card>p{font-size:10.5px!important;margin:0 0 16px!important;color:var(--q4-muted)!important}

/* Universal paper configurator selector. */
body.work-mode :is(
 .configurator-cards,.configurator-flyers,.configurator-brochure,.configurator-diploma,
 .configurator-book,.configurator-agenda,.configurator-calendar,.configurator-multipage,
 .configurator-paperpiece,.configurator-credential,.configurator-coaster,.configurator-tarjeton,
 .configurator-envelope
){gap:0 14px!important;align-items:start!important}

/* Production/context helper is quiet and informational. */
body.work-mode :is(
 .configurator-cards,.configurator-flyers,.configurator-brochure,.configurator-diploma,
 .configurator-book,.configurator-agenda,.configurator-calendar,.configurator-multipage,
 .configurator-paperpiece,.configurator-credential,.configurator-coaster,.configurator-tarjeton,
 .configurator-envelope
)>.cfg-current{
  margin:0 0 4px!important;padding:11px 13px 11px 39px!important;border:0!important;border-radius:11px!important;
  background:#f2f8fc!important;color:#587086!important;font-size:9px!important;box-shadow:none!important;
}
body.work-mode :is(
 .configurator-cards,.configurator-flyers,.configurator-brochure,.configurator-diploma,
 .configurator-book,.configurator-agenda,.configurator-calendar,.configurator-multipage,
 .configurator-paperpiece,.configurator-credential,.configurator-coaster,.configurator-tarjeton,
 .configurator-envelope
)>.cfg-current:before{
  left:12px!important;width:18px!important;height:18px!important;background:#dff4fb!important;color:#087ca2!important;
  border:1px solid #bfe8f5!important;font-size:9px!important;
}

/* Sections are steps on one canvas, not colored cards. */
body.work-mode :is(
 .configurator-cards,.configurator-flyers,.configurator-brochure,.configurator-diploma,
 .configurator-book,.configurator-agenda,.configurator-calendar,.configurator-multipage,
 .configurator-paperpiece,.configurator-credential,.configurator-coaster,.configurator-tarjeton,
 .configurator-envelope
)>.cfg-group{
  position:relative!important;min-width:0!important;margin:0!important;padding:16px 0 16px 46px!important;
  border:0!important;border-top:1px solid var(--q4-line)!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
body.work-mode :is(
 .configurator-cards,.configurator-flyers,.configurator-brochure,.configurator-diploma,
 .configurator-book,.configurator-agenda,.configurator-calendar,.configurator-multipage,
 .configurator-paperpiece,.configurator-credential,.configurator-coaster,.configurator-tarjeton,
 .configurator-envelope
)>.cfg-group .cfg-label{
  position:relative!important;display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 9px!important;
  min-height:26px!important;font-size:13px!important;line-height:1.15!important;color:#132a43!important;font-weight:900!important;
}
body.work-mode :is(
 .configurator-cards,.configurator-flyers,.configurator-brochure,.configurator-diploma,
 .configurator-book,.configurator-agenda,.configurator-calendar,.configurator-multipage,
 .configurator-paperpiece,.configurator-credential,.configurator-coaster,.configurator-tarjeton,
 .configurator-envelope
)>.cfg-group .cfg-label::before{
  position:absolute!important;left:-38px!important;top:50%!important;transform:translateY(-50%)!important;
  width:28px!important;height:28px!important;border-radius:9px!important;border:1px solid #d6edf5!important;
  background:#eff9fc!important;color:#0985ad!important;box-shadow:none!important;
}
/* Neutralize older per-section C/M/Y decoration. */
body.work-mode .configurator-diploma>.cfg-group .cfg-label::before,
body.work-mode .configurator-book>.cfg-group .cfg-label::before,
body.work-mode .configurator-agenda>.cfg-group .cfg-label::before,
body.work-mode .configurator-brochure>.cfg-group .cfg-label::before,
body.work-mode .configurator-flyers>.cfg-group .cfg-label::before{
  background:#eff9fc!important;color:#0985ad!important;border-color:#d6edf5!important;box-shadow:none!important;
}

body.work-mode :is(
 .configurator-cards,.configurator-flyers,.configurator-brochure,.configurator-diploma,
 .configurator-book,.configurator-agenda,.configurator-calendar,.configurator-multipage,
 .configurator-paperpiece,.configurator-credential,.configurator-coaster,.configurator-tarjeton,
 .configurator-envelope
) .cfg-options,
body.work-mode :is(
 .configurator-cards,.configurator-flyers,.configurator-brochure,.configurator-diploma,
 .configurator-book,.configurator-agenda,.configurator-calendar,.configurator-multipage,
 .configurator-paperpiece,.configurator-credential,.configurator-coaster,.configurator-tarjeton,
 .configurator-envelope
) .cfg-grid2{gap:7px!important}

body.work-mode :is(
 .configurator-cards,.configurator-flyers,.configurator-brochure,.configurator-diploma,
 .configurator-book,.configurator-agenda,.configurator-calendar,.configurator-multipage,
 .configurator-paperpiece,.configurator-credential,.configurator-coaster,.configurator-tarjeton,
 .configurator-envelope
) .cfg-option{
  min-height:44px!important;padding:9px 30px 9px 11px!important;border:1px solid #d9e3ec!important;border-radius:10px!important;
  background:#fff!important;color:#18324c!important;font-size:9.5px!important;font-weight:800!important;line-height:1.18!important;
  box-shadow:none!important;transform:none!important;
}
body.work-mode :is(
 .configurator-cards,.configurator-flyers,.configurator-brochure,.configurator-diploma,
 .configurator-book,.configurator-agenda,.configurator-calendar,.configurator-multipage,
 .configurator-paperpiece,.configurator-credential,.configurator-coaster,.configurator-tarjeton,
 .configurator-envelope
) .cfg-option:hover{border-color:#9cc9d8!important;background:#fbfdfe!important;box-shadow:none!important;transform:none!important}
body.work-mode :is(
 .configurator-cards,.configurator-flyers,.configurator-brochure,.configurator-diploma,
 .configurator-book,.configurator-agenda,.configurator-calendar,.configurator-multipage,
 .configurator-paperpiece,.configurator-credential,.configurator-coaster,.configurator-tarjeton,
 .configurator-envelope
) .cfg-option.selected,
body.work-mode :is(
 .configurator-cards,.configurator-flyers,.configurator-brochure,.configurator-diploma,
 .configurator-book,.configurator-agenda,.configurator-calendar,.configurator-multipage,
 .configurator-paperpiece,.configurator-credential,.configurator-coaster,.configurator-tarjeton,
 .configurator-envelope
) .cfg-option[aria-pressed="true"]{
  border-color:var(--q4-accent)!important;background:var(--q4-accent-soft)!important;color:#075e79!important;
  box-shadow:inset 0 0 0 1px var(--q4-accent)!important;
}
body.work-mode :is(
 .configurator-cards,.configurator-flyers,.configurator-brochure,.configurator-diploma,
 .configurator-book,.configurator-agenda,.configurator-calendar,.configurator-multipage,
 .configurator-paperpiece,.configurator-credential,.configurator-coaster,.configurator-tarjeton,
 .configurator-envelope
) .cfg-option.selected:after,
body.work-mode :is(
 .configurator-cards,.configurator-flyers,.configurator-brochure,.configurator-diploma,
 .configurator-book,.configurator-agenda,.configurator-calendar,.configurator-multipage,
 .configurator-paperpiece,.configurator-credential,.configurator-coaster,.configurator-tarjeton,
 .configurator-envelope
) .cfg-option[aria-pressed="true"]:after{
  width:17px!important;height:17px!important;right:8px!important;background:var(--q4-accent)!important;font-size:9px!important;
}
body.work-mode :is(
 .configurator-cards,.configurator-flyers,.configurator-brochure,.configurator-diploma,
 .configurator-book,.configurator-agenda,.configurator-calendar,.configurator-multipage,
 .configurator-paperpiece,.configurator-credential,.configurator-coaster,.configurator-tarjeton,
 .configurator-envelope
) .cfg-input{
  min-height:44px!important;border:1px solid #d9e3ec!important;border-radius:10px!important;background:#fff!important;
  padding:0 11px!important;color:#18324c!important;font-size:10px!important;font-weight:700!important;box-shadow:none!important;
}

/* Custom-size sections look secondary, but remain fully available. */
body.work-mode .configurator-diploma>.cfg-group:nth-child(2),
body.work-mode .configurator-flyers>.flyers-group-custom,
body.work-mode .configurator-brochure>.brochure-group-custom{
  margin:3px 0 6px!important;padding:13px 13px 13px 46px!important;border:1px dashed #d3dfe8!important;border-radius:11px!important;
  background:#fafcfd!important;box-shadow:none!important;
}

/* Fold inference and technical messages are notes, not cards. */
body.work-mode .brochure-auto-fold,
body.work-mode .rc81h-price-rule,
body.work-mode .rc81d-state{
  border:0!important;border-radius:9px!important;background:#f6f9fb!important;color:#64788c!important;box-shadow:none!important;
}

/* Price / closure area keeps hierarchy without visual noise. */
body.work-mode :is(
 .configurator-cards,.configurator-flyers,.configurator-brochure,.configurator-diploma,
 .configurator-book,.configurator-agenda,.configurator-calendar,.configurator-multipage,
 .configurator-paperpiece,.configurator-credential,.configurator-coaster,.configurator-tarjeton,
 .configurator-envelope
)>.cfg-live{
  margin-top:6px!important;padding:14px 15px!important;border:1px solid #cce9f3!important;border-radius:12px!important;
  background:#f2fbfe!important;box-shadow:none!important;
}
body.work-mode :is(
 .configurator-cards,.configurator-flyers,.configurator-brochure,.configurator-diploma,
 .configurator-book,.configurator-agenda,.configurator-calendar,.configurator-multipage,
 .configurator-paperpiece,.configurator-credential,.configurator-coaster,.configurator-tarjeton,
 .configurator-envelope
)>.cfg-submit{
  min-height:47px!important;border-radius:10px!important;border:1px solid #079fcf!important;
  background:#08aedd!important;box-shadow:none!important;font-size:10.5px!important;
}
body.work-mode :is(
 .configurator-cards,.configurator-flyers,.configurator-brochure,.configurator-diploma,
 .configurator-book,.configurator-agenda,.configurator-calendar,.configurator-multipage,
 .configurator-paperpiece,.configurator-credential,.configurator-coaster,.configurator-tarjeton,
 .configurator-envelope
)>.cfg-helper{
  border:0!important;border-radius:9px!important;background:#f7f9fb!important;color:#6d7f91!important;box-shadow:none!important;
}
body.work-mode :is(
 .configurator-cards,.configurator-flyers,.configurator-brochure,.configurator-diploma,
 .configurator-book,.configurator-agenda,.configurator-calendar,.configurator-multipage,
 .configurator-paperpiece,.configurator-credential,.configurator-coaster,.configurator-tarjeton,
 .configurator-envelope
)>.cfg-action-row{gap:7px!important;margin-top:2px!important}
body.work-mode :is(
 .configurator-cards,.configurator-flyers,.configurator-brochure,.configurator-diploma,
 .configurator-book,.configurator-agenda,.configurator-calendar,.configurator-multipage,
 .configurator-paperpiece,.configurator-credential,.configurator-coaster,.configurator-tarjeton,
 .configurator-envelope
)>.cfg-action-row>button{min-height:43px!important;border-radius:10px!important;box-shadow:none!important}

/* Product-specific balance: keep useful pairs but remove the old colored-panel feeling. */
body.work-mode .configurator-brochure>.brochure-group-sides,
body.work-mode .configurator-flyers>.flyers-group-sides,
body.work-mode .configurator-diploma>.cfg-group:nth-child(5),
body.work-mode .configurator-diploma>.cfg-group:nth-child(7),
body.work-mode :is(.configurator-book,.configurator-agenda)>.cfg-group:nth-child(5),
body.work-mode :is(.configurator-book,.configurator-agenda)>.cfg-group:nth-child(7){padding-right:10px!important}
body.work-mode .configurator-brochure>.brochure-group-paper,
body.work-mode .configurator-flyers>.flyers-group-paper,
body.work-mode .configurator-diploma>.cfg-group:nth-child(6),
body.work-mode .configurator-diploma>.cfg-group:nth-child(8),
body.work-mode :is(.configurator-book,.configurator-agenda)>.cfg-group:nth-child(6),
body.work-mode :is(.configurator-book,.configurator-agenda)>.cfg-group:nth-child(8){padding-left:46px!important}

/* Proposal behaves like a clean checkout summary. */
body.work-mode #propuesta.side{
  top:82px!important;padding:17px!important;border:1px solid var(--q4-line)!important;border-radius:17px!important;
  background:#fff!important;box-shadow:0 14px 36px rgba(16,38,62,.065)!important;
}
body.work-mode #propuesta>.eyebrow{font-size:7.5px!important;color:#8a99a9!important;letter-spacing:.11em!important}
body.work-mode #propuesta>h2{font-size:22px!important;margin:5px 0 3px!important;color:var(--q4-ink)!important}
body.work-mode #propuesta>#metric{font-size:8px!important;color:#718397!important;margin-bottom:10px!important}
body.work-mode #propuesta .summary{gap:5px!important;margin-bottom:9px!important}
body.work-mode #propuesta .summary .stat{
  padding:8px 5px!important;border:0!important;border-radius:9px!important;background:#f5f8fa!important;box-shadow:none!important;
}
body.work-mode #propuesta .summary .stat b{font-size:14px!important;color:#18314a!important}
body.work-mode #propuesta .summary .stat span{font-size:6.8px!important;color:#7b8b9b!important}
body.work-mode #propuesta .total{
  padding:14px!important;margin-bottom:9px!important;border:1px solid #dfe8ef!important;border-radius:12px!important;background:#fafcfd!important;
}
body.work-mode #propuesta .total b{font-size:28px!important;color:var(--q4-ink)!important}
body.work-mode #propuesta .quote-actions{gap:7px!important}
body.work-mode #propuesta .quote-actions .primary{
  min-height:44px!important;border-radius:10px!important;background:var(--q4-pink)!important;border-color:var(--q4-pink)!important;box-shadow:none!important;
}
body.work-mode #propuesta .quote-actions .ghost{
  min-height:44px!important;border-radius:10px!important;background:#fff!important;border:1px solid #56c991!important;color:#07804a!important;box-shadow:none!important;
}
body.work-mode #propuesta .log{gap:5px!important}
body.work-mode #propuesta .log-item{
  min-height:52px!important;padding:8px!important;border:1px solid #e4ebf1!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important;
}
body.work-mode #propuesta .log-item.active-item{
  border-color:#9ddbea!important;background:#f4fbfd!important;box-shadow:inset 3px 0 0 var(--q4-accent)!important;transform:none!important;
}
body.work-mode .nemi-proposal-lines-head{padding-top:11px!important;color:#526b81!important;border-top:1px solid #e8edf2!important;font-size:8px!important}
body.work-mode .nemi-proposal-lines-head span:last-child{color:#8a99a9!important}
body.work-mode .nemi-side-hint{color:#7c8d9e!important}

@media(max-width:1180px){
  body.work-mode .layout{grid-template-columns:1fr!important}
  body.work-mode #propuesta.side{position:static!important;max-height:none!important}
}
@media(max-width:820px){
  body.work-mode .shell{padding-top:10px!important}
  body.work-mode .workspace-toolbar{padding:2px 1px 10px!important}
  body.work-mode .workspace-toolbar h1{font-size:24px!important}
  body.work-mode .decision-card{padding:16px 14px 8px!important;border-radius:15px!important}
  body.work-mode .decision-card h3{font-size:22px!important}
  body.work-mode .nemi-line-tab{flex-basis:72vw!important;min-width:205px!important;max-width:270px!important}
  body.work-mode :is(
   .configurator-cards,.configurator-flyers,.configurator-brochure,.configurator-diploma,
   .configurator-book,.configurator-agenda,.configurator-calendar,.configurator-multipage,
   .configurator-paperpiece,.configurator-credential,.configurator-coaster,.configurator-tarjeton,.configurator-envelope
  )>.cfg-group{padding:14px 0 14px 42px!important}
  body.work-mode :is(
   .configurator-cards,.configurator-flyers,.configurator-brochure,.configurator-diploma,
   .configurator-book,.configurator-agenda,.configurator-calendar,.configurator-multipage,
   .configurator-paperpiece,.configurator-credential,.configurator-coaster,.configurator-tarjeton,.configurator-envelope
  )>.cfg-group .cfg-label::before{left:-35px!important;width:26px!important;height:26px!important}
}
@media(max-width:520px){
  body.work-mode :is(
   .configurator-cards,.configurator-flyers,.configurator-brochure,.configurator-diploma,
   .configurator-book,.configurator-agenda,.configurator-calendar,.configurator-multipage,
   .configurator-paperpiece,.configurator-credential,.configurator-coaster,.configurator-tarjeton,.configurator-envelope
  ) .cfg-option{min-height:46px!important}
}