/* Mi propuesta: fewer competing boxes, one clear hierarchy. */
body.work-mode #propuesta.side{
  padding:18px!important;
  gap:0!important;
  background:linear-gradient(180deg,#071b2b 0%,#071827 100%)!important;
  border:1px solid rgba(104,203,229,.22)!important;
  border-radius:22px!important;
  box-shadow:0 18px 46px rgba(0,9,18,.22)!important;
}
body.work-mode #propuesta.side:before{
  margin:-18px -18px 12px!important;
  padding:11px 18px!important;
  background:rgba(255,255,255,.035)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  color:#8ca9b9!important;
  font-size:9px!important;
}
body.work-mode #propuesta.side>.eyebrow{color:#50dcf7!important;font-size:9px!important;margin:0 0 5px!important}
body.work-mode #propuesta.side>h2{font-size:27px!important;line-height:1!important;margin:0 0 5px!important;color:#fff!important}
body.work-mode #propuesta #metric{
  display:block!important;margin:0 0 12px!important;padding:0!important;border:0!important;background:transparent!important;
  color:#8faabc!important;font-size:10px!important;line-height:1.4!important;font-weight:650!important;
}
/* Replace three large tiles with one quiet status strip. */
body.work-mode #propuesta .summary{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;
  margin:0 0 12px!important;padding:0!important;border:1px solid rgba(116,201,226,.16)!important;
  border-radius:12px!important;overflow:hidden!important;background:#0a2234!important;
}
body.work-mode #propuesta .summary .stat{
  min-width:0!important;min-height:0!important;margin:0!important;padding:8px 7px!important;background:transparent!important;
  border:0!important;border-right:1px solid rgba(116,201,226,.12)!important;border-radius:0!important;box-shadow:none!important;text-align:left!important;
}
body.work-mode #propuesta .summary .stat:last-child{border-right:0!important}
body.work-mode #propuesta .summary .stat b{display:block!important;color:#f5fbff!important;font-size:17px!important;line-height:1!important;margin:0 0 3px!important}
body.work-mode #propuesta .summary .stat span{display:block!important;color:#7f9aaa!important;font-size:8px!important;line-height:1.2!important;text-transform:uppercase!important;letter-spacing:.055em!important}
body.work-mode #propuesta .nemi-proposal-lines-head{
  position:static!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  margin:0 0 7px!important;padding:0!important;background:transparent!important;border:0!important;color:#a9c0cd!important;font-size:9px!important;
}
body.work-mode #propuesta .nemi-proposal-lines-head span:first-child{color:#d9ebf4!important;letter-spacing:.09em!important}
body.work-mode #propuesta .nemi-proposal-lines-head span:last-child{color:#718d9f!important;font-size:9px!important}
body.work-mode #propuesta .log{
  display:grid!important;gap:7px!important;max-height:min(39vh,340px)!important;min-height:0!important;margin:0!important;padding:0 2px 0 0!important;
  overflow:auto!important;background:transparent!important;border:0!important;
}
body.work-mode #propuesta .log-item{
  position:relative!important;display:grid!important;grid-template-columns:46px minmax(0,1fr) 38px!important;gap:9px!important;align-items:center!important;
  min-height:66px!important;margin:0!important;padding:9px!important;background:#0b2436!important;color:#eef8fd!important;
  border:1px solid rgba(111,196,220,.15)!important;border-left:1px solid rgba(111,196,220,.15)!important;border-radius:13px!important;box-shadow:none!important;
  transform:none!important;
}
body.work-mode #propuesta .log-item:before{display:none!important;content:none!important}
body.work-mode #propuesta .log-item.active-item{background:#0c2b40!important;border-color:#25d9ff!important;box-shadow:inset 3px 0 0 #25d9ff!important;transform:none!important}
body.work-mode #propuesta .log-item[data-state="pending"]{border-left:3px solid #f5c62d!important}
body.work-mode #propuesta .log-item[data-state="ready"]{border-left:3px solid #60d483!important}
body.work-mode #propuesta .log-item[data-state="review"]{border-left:3px solid #e7358b!important}
body.work-mode #propuesta .log-item.no-thumb{grid-template-columns:minmax(0,1fr) 38px!important;padding-left:10px!important}
body.work-mode #propuesta .log-item img{width:46px!important;height:46px!important;border-radius:10px!important;margin:0!important;object-fit:cover!important}
body.work-mode #propuesta .nemi-proposal-row-copy{min-width:0!important;display:block!important;color:#dbeaf2!important}
body.work-mode #propuesta .nemi-proposal-row-head{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important}
body.work-mode #propuesta .nemi-proposal-row-head b{min-width:0!important;flex:1!important;margin:0!important;color:#fff!important;font-size:11.5px!important;line-height:1.25!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
body.work-mode #propuesta .nemi-proposal-status-pill{flex:0 0 auto!important;padding:3px 6px!important;border-radius:999px!important;font-size:7px!important;font-weight:950!important;letter-spacing:.04em!important;text-transform:uppercase!important;background:#15364a!important;color:#a9c8d8!important}
body.work-mode #propuesta .log-item[data-state="pending"] .nemi-proposal-status-pill{background:#3a3110!important;color:#ffe375!important}
body.work-mode #propuesta .log-item[data-state="ready"] .nemi-proposal-status-pill{background:#113a2c!important;color:#86e9ab!important}
body.work-mode #propuesta .nemi-proposal-row-price{margin-top:4px!important;color:#7fe9ff!important;font-size:10px!important;font-weight:850!important;line-height:1.3!important}
body.work-mode #propuesta .nemi-proposal-row-pending{margin-top:3px!important;color:#98afbd!important;font-size:8.5px!important;line-height:1.35!important;white-space:normal!important}
body.work-mode #propuesta .rc834-side-state,body.work-mode #propuesta .rc81d-side-state,body.work-mode #propuesta .mini-action,body.work-mode #propuesta .optional-note{display:none!important}
body.work-mode #propuesta .nemi-side-edit{
  width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;border-radius:10px!important;
  background:#eaf8fc!important;color:#0d6f8d!important;border:1px solid #a7ddeb!important;font-size:0!important;box-shadow:none!important;
}
body.work-mode #propuesta .nemi-side-edit:before{content:'✎';font-size:17px!important;line-height:1!important}
body.work-mode #propuesta .nemi-side-hint{display:none!important}
/* Total and actions are the close, not another cluster of cards. */
body.work-mode #propuesta .total{
  margin:12px 0 0!important;padding:12px 13px!important;border-radius:13px!important;background:#09283b!important;border:1px solid rgba(46,221,255,.27)!important;
  box-shadow:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:2px 10px!important;
}
body.work-mode #propuesta .total span{color:#83a6b7!important;font-size:8.5px!important;text-transform:uppercase!important;letter-spacing:.07em!important;font-weight:850!important}
body.work-mode #propuesta .total b{grid-column:2!important;grid-row:1/3!important;color:#4be3ff!important;font-size:24px!important;line-height:1!important;letter-spacing:-.025em!important}
body.work-mode #propuesta .total small{grid-column:1!important;color:#8faaba!important;font-size:8px!important;line-height:1.3!important}
body.work-mode #propuesta .quote-actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin:9px 0 0!important}
body.work-mode #propuesta .quote-actions button{min-height:44px!important;width:100%!important;padding:10px 13px!important;border-radius:11px!important;font-size:11px!important;justify-content:center!important;text-align:center!important}
body.work-mode #propuesta .journey-complete-pending{order:-1!important;background:#2a260e!important;color:#ffe36f!important;border:1px solid #6f6112!important}
/* Tótem blocks must span the complete configurator grid. */
body.work-mode .configurator-form.nemi-totem-v18>.nemi-totem-rate,
body.work-mode .configurator-form.nemi-totem-v18>.cfg-live,
body.work-mode .configurator-form.nemi-totem-v18>.nemi-totem-ready,
body.work-mode .configurator-form.nemi-totem-v18>.nemi-totem-wa-check{grid-column:1/-1!important;width:100%!important;min-width:0!important}
body.work-mode .configurator-form.nemi-totem-v18>.nemi-totem-rate{display:block!important;max-width:none!important}
/* Review modal uses the same calm hierarchy on mobile and desktop. */
#review .review-metrics{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;margin:10px 23px 0!important;padding:0!important;
  background:#fff!important;border:1px solid #dce5eb!important;border-radius:12px!important;overflow:hidden!important;
}
#review .review-metric{min-height:0!important;margin:0!important;padding:8px 10px!important;border:0!important;border-right:1px solid #e7edf1!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important}
#review .review-metric:last-child{border-right:0!important}
#review .review-metric b{font-size:18px!important;line-height:1!important;color:#10263a!important}
#review .review-metric span{font-size:8px!important;color:#748797!important;text-transform:uppercase!important;letter-spacing:.05em!important}
#review .review-total{margin-top:9px!important;box-shadow:none!important}
#review .nemi-review-item{border:1px solid #dfe7ed!important;border-left:1px solid #dfe7ed!important;border-radius:13px!important;padding:11px!important;box-shadow:none!important}
#review .nemi-review-item[data-state="pending"]{border-left:3px solid #e2b515!important}
#review .nemi-review-item[data-state="ready"]{border-left:3px solid #4fbd74!important}
#review .nemi-review-item[data-state="review"]{border-left:3px solid #dc317c!important}
#review .nemi-review-pending{background:#fff7db!important;padding:6px 8px!important;margin-top:5px!important;border-radius:7px!important}
@media(max-width:760px){
 #review .review-head{padding:14px 13px 11px!important}
 #review .review-head h2{font-size:24px!important;margin-bottom:3px!important}
 #review .review-head p{font-size:10px!important}
 #review .review-metrics{margin:8px 11px 0!important}
 #review .review-metric{padding:7px 8px!important}
 #review .review-total{margin:8px 11px 0!important}
 #review .review-list{padding:10px 11px!important}
 #review .nemi-review-item{padding:10px!important;margin-bottom:7px!important}
 #review .nemi-review-actions{padding-left:0!important}
 #review .review-modal>.modal-foot{gap:7px!important}
}
@media(max-width:420px){
 #review .review-metric b{font-size:16px!important}
 #review .review-metric span{font-size:7px!important}
 body.work-mode #propuesta.side{padding:14px!important}
}