/*
  Presentation-only paper quoter design system.
  No handlers, ids, data attributes, pricing, Core, Graph, persistence,
  proposal semantics or WhatsApp flow are changed here.
*/
body.work-mode{
  --pq-ink:#0a1930;
  --pq-text:#18304a;
  --pq-muted:#687b91;
  --pq-line:#dce6ef;
  --pq-soft:#f6f9fc;
  --pq-c:#08b9e8;
  --pq-c-soft:#edfaff;
  --pq-m:#f00b78;
  --pq-m-soft:#fff1f7;
  --pq-y:#f2c300;
  --pq-y-soft:#fff9de;
  --pq-green:#0da767;
  --pq-green-soft:#effbf5;
}

/* Workspace frame */
body.work-mode .workspace-toolbar{
  margin:0 0 12px!important;
  padding:18px 20px!important;
  border:1px solid #e2eaf1!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#fff 0%,#f8fcfe 100%)!important;
  box-shadow:0 8px 28px rgba(10,35,60,.045)!important;
}
body.work-mode .workspace-toolbar .eyebrow{color:#6f8194!important;letter-spacing:.12em!important}
body.work-mode .workspace-toolbar h1{margin:4px 0 3px!important;font-size:27px!important;letter-spacing:-.035em!important;color:var(--pq-ink)!important}
body.work-mode .workspace-toolbar p{max-width:76ch!important;margin:0!important;font-size:11px!important;color:var(--pq-muted)!important}
body.work-mode .workspace-toolbar .workspace-add-btn{
  min-height:42px!important;padding:0 15px!important;border-radius:12px!important;
  border:1px solid #d3dfe9!important;background:#fff!important;color:#17304a!important;
  box-shadow:none!important;font-weight:850!important;
}

/* Multi-product line: product tabs read like compact proposal cards. */
body.work-mode .nemi-line-switcher{
  gap:9px!important;margin:0 0 14px!important;padding:0 2px 9px!important;
  scrollbar-width:thin!important;scroll-snap-type:x proximity!important;
}
body.work-mode .nemi-line-tab{
  flex:0 0 218px!important;min-width:218px!important;min-height:80px!important;
  padding:12px 13px 11px!important;border:1px solid #dde6ee!important;border-radius:16px!important;
  background:#fff!important;color:var(--pq-text)!important;box-shadow:0 6px 20px rgba(11,35,58,.04)!important;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease!important;
}
body.work-mode .nemi-line-tab:hover{transform:translateY(-1px)!important;border-color:#acc7d5!important;box-shadow:0 8px 20px rgba(11,35,58,.065)!important}
body.work-mode .nemi-line-tab.active,
body.work-mode .nemi-line-tab[aria-selected="true"]{
  border-color:var(--pq-c)!important;background:linear-gradient(135deg,#fff,#effbff)!important;
  box-shadow:inset 0 0 0 1px var(--pq-c),0 8px 22px rgba(8,185,232,.08)!important;
}
body.work-mode .nemi-line-tab.active:before{
  display:block!important;content:""!important;position:absolute!important;left:13px!important;right:auto!important;top:12px!important;
  width:9px!important;height:9px!important;border-radius:50%!important;background:var(--pq-c)!important;
}
body.work-mode .nemi-line-tab[data-state="pending"].active:before{background:var(--pq-y)!important}
body.work-mode .nemi-line-tab[data-state="review"].active:before{background:var(--pq-m)!important}
body.work-mode .nemi-line-num{margin:0 0 7px 17px!important;font-size:7px!important;color:#8493a3!important}
body.work-mode .nemi-line-tab strong{font-size:11px!important;line-height:1.28!important;color:#10243a!important}
body.work-mode .nemi-line-meta{margin-top:9px!important;font-size:8px!important;color:#64778b!important}
body.work-mode .nemi-line-price{font-size:8.5px!important;color:#10243a!important;font-weight:900!important}
body.work-mode .nemi-line-add{
  flex:0 0 170px!important;min-height:80px!important;border:1px dashed #bcc9d5!important;border-radius:16px!important;
  background:#fafcfd!important;color:#395069!important;font-size:9px!important;
}
body.work-mode .nemi-line-add:hover{background:#fff!important;border-color:var(--pq-c)!important;color:#086b87!important}

/* Main configuration surface */
body.work-mode .decision-card{
  padding:20px!important;border:1px solid #e0e8ef!important;border-radius:20px!important;background:#fff!important;
  box-shadow:0 12px 34px rgba(11,35,58,.055)!important;
}
body.work-mode .decision-kicker{color:#7d8da0!important;font-size:8px!important;letter-spacing:.13em!important}
body.work-mode .decision-card h3{margin:5px 0 3px!important;color:var(--pq-ink)!important;font-size:25px!important;letter-spacing:-.035em!important}
body.work-mode .decision-card>p{margin-bottom:14px!important;color:var(--pq-muted)!important;font-size:10px!important}

/* Reusable paper-quoter family. */
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
){
  display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:11px!important;align-items:start!important;min-width:0!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{
  grid-column:1/-1!important;position:relative!important;margin:0 0 1px!important;padding:12px 14px 12px 42px!important;
  border:1px solid #cee9f3!important;border-radius:14px!important;background:linear-gradient(135deg,#effaff,#fbfeff)!important;
  color:#526b80!important;font-size:9.5px!important;line-height:1.45!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{
  content:"i";position:absolute;left:14px;top:50%;transform:translateY(-50%);display:grid;place-items:center;
  width:20px;height:20px;border-radius:50%;background:var(--pq-c);color:#fff;font-size:11px;font-weight:950;
}

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{
  min-width:0!important;margin:0!important;padding:15px!important;border:1px solid var(--pq-line)!important;border-left:1px solid var(--pq-line)!important;
  border-radius:16px!important;background:#fff!important;box-shadow:0 5px 18px rgba(10,35,60,.035)!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-label{
  display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 10px!important;
  color:#10243a!important;font-size:11.5px!important;font-weight:900!important;letter-spacing:0!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:8px!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-width:0!important;min-height:50px!important;padding:10px 31px 10px 12px!important;
  border:1px solid #d4dfe9!important;border-radius:12px!important;background:#fff!important;color:#17304a!important;
  font-size:9.8px!important;font-weight:850!important;line-height:1.22!important;white-space:normal!important;
  box-shadow:none!important;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease!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{transform:translateY(-1px)!important;border-color:#96cbd9!important;background:#fbfdff!important;box-shadow:0 5px 14px rgba(10,35,60,.045)!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"]{
  position:relative!important;border-color:var(--pq-c)!important;background:var(--pq-c-soft)!important;color:#075e79!important;
  box-shadow:inset 0 0 0 1px var(--pq-c)!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{
  content:"✓"!important;position:absolute!important;right:9px!important;top:50%!important;transform:translateY(-50%)!important;
  display:grid!important;place-items:center!important;width:19px!important;height:19px!important;border-radius:50%!important;
  background:var(--pq-c)!important;color:#fff!important;font-size:10px!important;font-weight:950!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:49px!important;border:1px solid #d4dfe9!important;border-radius:12px!important;background:#fff!important;
  color:#17304a!important;padding:0 12px!important;font-size:10.5px!important;font-weight:750!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-input:focus{outline:0!important;border-color:var(--pq-c)!important;box-shadow:0 0 0 3px rgba(8,185,232,.10)!important}

/* Canonical closure actions */
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,
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
)>.rc81d-state,
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,
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,
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,
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
)>.rc81h-rel{grid-column:1/-1!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:49px!important;border:1px solid #09aed9!important;border-radius:12px!important;
  background:linear-gradient(135deg,#08bee9,#079fd0)!important;color:#fff!important;font-size:11px!important;font-weight:900!important;
  box-shadow:0 8px 18px rgba(8,174,216,.14)!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{
  margin:0!important;padding:11px 13px!important;border:1px solid #e5ebf1!important;border-radius:12px!important;
  background:#f8fafc!important;color:#60748a!important;font-size:8.5px!important;line-height:1.45!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{display:grid!important;grid-template-columns:minmax(110px,.6fr) minmax(170px,1fr) minmax(180px,1fr)!important;gap:8px!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:46px!important;border-radius:11px!important;font-size:9px!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-action-row>.nemi-inline-wa{background:var(--pq-green-soft)!important;border:1px solid #92dfbc!important;color:#087a49!important}

/* Diplomas: final format and quantity lead; custom dimensions remain available but secondary. */
body.work-mode .configurator-diploma>.cfg-current{order:0}
body.work-mode .configurator-diploma>.cfg-group:nth-child(3){order:1;grid-column:1/-1!important}
body.work-mode .configurator-diploma>.cfg-group:nth-child(4){order:2;grid-column:1/-1!important}
body.work-mode .configurator-diploma>.cfg-group:nth-child(2){order:3;grid-column:1/-1!important;border-style:dashed!important;background:#fbfcfd!important;box-shadow:none!important}
body.work-mode .configurator-diploma>.cfg-group:nth-child(5){order:4;grid-column:span 5!important}
body.work-mode .configurator-diploma>.cfg-group:nth-child(6){order:5;grid-column:span 7!important}
body.work-mode .configurator-diploma>.cfg-group:nth-child(7){order:6;grid-column:span 5!important}
body.work-mode .configurator-diploma>.cfg-group:nth-child(8){order:7;grid-column:span 7!important}
body.work-mode .configurator-diploma>.cfg-group:nth-child(9){order:8;grid-column:1/-1!important}
body.work-mode .configurator-diploma>.cfg-live,
body.work-mode .configurator-diploma>.rc81d-state,
body.work-mode .configurator-diploma>.cfg-submit,
body.work-mode .configurator-diploma>.cfg-helper,
body.work-mode .configurator-diploma>.cfg-action-row,
body.work-mode .configurator-diploma>.rc81h-rel,
body.work-mode .configurator-diploma>.rc81h-price-rule{order:20}
body.work-mode .configurator-diploma>.cfg-group:nth-child(3) .cfg-options{grid-template-columns:repeat(3,minmax(0,1fr))!important}

/* Editorial quoters: same rhythm; final format and quantity appear before product-specific detail. */
body.work-mode :is(.configurator-book,.configurator-agenda)>.cfg-current{order:0}
body.work-mode :is(.configurator-book,.configurator-agenda)>.cfg-group:nth-child(4){order:1;grid-column:1/-1!important}
body.work-mode :is(.configurator-book,.configurator-agenda)>.cfg-group:nth-child(3){order:2;grid-column:1/-1!important}
body.work-mode :is(.configurator-book,.configurator-agenda)>.cfg-group:nth-child(2){order:3;grid-column:1/-1!important}
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(6){order:4;grid-column:span 6!important}
body.work-mode :is(.configurator-book,.configurator-agenda)>.cfg-group:nth-child(7),
body.work-mode :is(.configurator-book,.configurator-agenda)>.cfg-group:nth-child(8){order:5;grid-column:span 6!important}
body.work-mode :is(.configurator-book,.configurator-agenda)>.cfg-group:nth-child(9){order:6;grid-column:1/-1!important}
body.work-mode :is(.configurator-book,.configurator-agenda)>.cfg-live,
body.work-mode :is(.configurator-book,.configurator-agenda)>.rc81d-state,
body.work-mode :is(.configurator-book,.configurator-agenda)>.cfg-submit,
body.work-mode :is(.configurator-book,.configurator-agenda)>.cfg-helper,
body.work-mode :is(.configurator-book,.configurator-agenda)>.cfg-action-row,
body.work-mode :is(.configurator-book,.configurator-agenda)>.rc81h-rel{order:20}

/* Folletos / flyers: broad decisions first, production finishes later. */
body.work-mode .configurator-brochure>.brochure-group-quantity,
body.work-mode .configurator-brochure>.brochure-group-type,
body.work-mode .configurator-brochure>.brochure-group-custom,
body.work-mode .configurator-brochure>.brochure-group-extra,
body.work-mode .configurator-brochure>.brochure-group-special,
body.work-mode .configurator-flyers>.flyers-group-quantity,
body.work-mode .configurator-flyers>.flyers-group-format,
body.work-mode .configurator-flyers>.flyers-group-custom,
body.work-mode .configurator-flyers>.flyers-group-extra,
body.work-mode .configurator-flyers>.flyers-group-special{grid-column:1/-1!important}
body.work-mode .configurator-brochure>.brochure-group-sides,
body.work-mode .configurator-flyers>.flyers-group-sides{grid-column:span 5!important}
body.work-mode .configurator-brochure>.brochure-group-paper,
body.work-mode .configurator-flyers>.flyers-group-paper{grid-column:span 7!important;background:#fff!important}
body.work-mode .configurator-brochure>.brochure-group-lam,
body.work-mode .configurator-flyers>.flyers-group-lam,
body.work-mode .configurator-flyers>.flyers-group-corners{grid-column:span 6!important;background:#fff!important}
body.work-mode .brochure-auto-fold{grid-column:1/-1!important;border:1px solid #dce8ef!important;border-radius:12px!important;background:#f8fbfd!important;padding:10px 12px!important;color:#5c7186!important;font-size:8.5px!important}

/* Proposal/sidebar: use real canonical stats and proposal rows, only presentation changes. */
body.work-mode #propuesta.side{
  top:82px!important;padding:18px!important;border:1px solid #dfe8ef!important;border-radius:20px!important;background:#fff!important;
  box-shadow:0 16px 38px rgba(12,35,58,.075)!important;
}
body.work-mode #propuesta>.eyebrow{font-size:8px!important;color:#6e8094!important}
body.work-mode #propuesta>h2{margin:6px 0 3px!important;font-size:22px!important;color:var(--pq-ink)!important;letter-spacing:-.035em!important}
body.work-mode #propuesta>#metric{margin:0 0 10px!important;font-size:8.5px!important;color:#6a7d91!important}
body.work-mode #propuesta .summary{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:0 0 10px!important;
}
body.work-mode #propuesta .summary .stat{
  min-width:0!important;padding:9px 7px!important;border:1px solid #e5ebf1!important;border-radius:11px!important;background:#fafcfd!important;text-align:center!important;
}
body.work-mode #propuesta .summary .stat b{display:block!important;font-size:15px!important;line-height:1!important;color:#12304a!important}
body.work-mode #propuesta .summary .stat span{display:block!important;margin-top:4px!important;font-size:7px!important;color:#718397!important}
body.work-mode #propuesta .total{
  margin:0 0 10px!important;padding:15px!important;border:1px solid #c9e9f4!important;border-radius:15px!important;
  background:linear-gradient(135deg,#effaff,#fbfeff)!important;
}
body.work-mode #propuesta .total b{font-size:30px!important;color:var(--pq-ink)!important;letter-spacing:-.035em!important}
body.work-mode #propuesta .quote-actions .primary{
  background:linear-gradient(135deg,#f00b78,#d90870)!important;border-color:#e60974!important;color:#fff!important;
}
body.work-mode #propuesta .quote-actions .ghost{
  background:#fff!important;border:1px solid #7edab0!important;color:#07804a!important;
}
body.work-mode #propuesta .log-item{
  min-height:58px!important;border:1px solid #e3eaf0!important;border-radius:11px!important;background:#fff!important;
}
body.work-mode #propuesta .log-item.active-item{border-color:#99dcec!important;background:#f1fbfe!important;box-shadow:inset 3px 0 0 var(--pq-c)!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}
  body.work-mode :is(.configurator-diploma,.configurator-book,.configurator-agenda)>.cfg-group{grid-column:1/-1!important}
}
@media(max-width:820px){
  body.work-mode .workspace-toolbar{padding:15px!important;border-radius:16px!important}
  body.work-mode .workspace-toolbar h1{font-size:22px!important}
  body.work-mode .decision-card{padding:15px!important;border-radius:17px!important}
  body.work-mode .decision-card h3{font-size:21px!important}
  body.work-mode .nemi-line-tab{flex-basis:76vw!important;min-width:210px!important;max-width:285px!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
  ){grid-template-columns:1fr!important;gap: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-group{grid-column:1!important;padding:13px!important;border-radius:14px!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{grid-template-columns:1fr!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-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{grid-template-columns:1fr 1fr!important}
  body.work-mode #propuesta .summary{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:360px){
  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{grid-template-columns:1fr!important}
}