:root{
  --nav:#142738;--nav2:#0d1d2b;--paper:#f7f5f0;--card:#fffdf9;--ink:#172235;--muted:#667085;
  --line:#e6e1d8;--yellow:#f7c21c;--orange:#8a5b00;--red:#b42318;--teal:#006d6d;--green:#167a3d;
  --cream:#fff2d6;--brown:#3b2a1a;--info:#245b8a;--shadow:0 5px 18px rgba(23,34,53,.055);--radius:14px
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--paper)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(0,109,109,.28);outline-offset:2px}.hidden{display:none!important}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at top left,#fff0c9,#f4f7fb 58%)}
.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px;box-shadow:var(--shadow)}
.login-brand{display:flex;gap:15px;align-items:center;margin-bottom:22px}.login-brand img{width:76px;height:76px;border-radius:18px;object-fit:cover}.login-brand h1{margin:0;font-size:27px}.login-brand p{margin:6px 0 0;color:var(--muted);font-size:13px}.stack{display:grid;gap:11px}label{font-size:12px;font-weight:800;color:#4b5a6e}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #d8e0e8;border-radius:10px;background:#fff;color:var(--ink)}textarea{min-height:88px;resize:vertical}.btn{border:0;border-radius:10px;padding:11px 14px;min-height:40px;font-weight:800;letter-spacing:.005em;transition:transform .08s ease,box-shadow .15s ease,background .15s ease}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:#005d5d}.btn-dark{background:var(--nav);color:#fff}.btn-teal{background:var(--teal);color:#fff}.btn-yellow{background:var(--yellow);color:var(--brown)}.btn-green{background:var(--green);color:#fff}.btn-ghost{background:#fffdf9;border:1px solid var(--line);color:var(--ink)}.btn-danger{background:#fff0ee;color:var(--red);border:1px solid #efc1bc}.btn:disabled{opacity:.48;cursor:not-allowed}
.app{display:grid;grid-template-columns:252px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--nav),var(--nav2));color:#fff;padding:17px 10px;display:flex;flex-direction:column;z-index:20}.side-brand{display:flex;align-items:center;gap:11px;padding:2px 9px 19px;border-bottom:1px solid rgba(255,255,255,.12)}.side-brand img{width:56px;height:56px;border-radius:14px;object-fit:cover}.side-brand strong{font-size:18px;line-height:1.05}.side-brand small{display:block;color:#bdc8d2;margin-top:5px}.side-nav{display:grid;gap:8px;padding:12px 0;overflow:auto}.side-nav button{width:100%;display:flex;align-items:center;gap:11px;border:0;background:transparent;color:#eef4f8;border-radius:9px;padding:10px 12px;text-align:left;font-weight:720;min-height:40px}.side-nav button:hover{background:rgba(255,255,255,.07)}.side-nav button.active{background:var(--cream);color:var(--ink);box-shadow:inset 4px 0 0 var(--teal)}.nav-icon{width:22px;text-align:center;font-size:17px}.nav-pinned{display:grid;gap:4px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.10)}.nav-group{border-radius:10px}.nav-group>summary{list-style:none;display:grid;grid-template-columns:22px 1fr 18px;align-items:center;gap:8px;color:#aebdca;padding:8px 12px;border-radius:9px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.07em;cursor:pointer;user-select:none}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary:hover{background:rgba(255,255,255,.045);color:#fff}.nav-group-icon{text-align:center;font-size:14px}.nav-chevron{transition:transform .15s ease;text-align:center}.nav-group[open] .nav-chevron{transform:rotate(180deg)}.nav-children{display:grid;gap:3px;padding:2px 0 5px 9px}.nav-children button{font-size:13px;padding:9px 11px;min-height:38px}.nav-children .nav-icon{font-size:15px;opacity:.9}.side-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:8px}.version{color:#9fb0bf;text-align:center;font-size:10px;padding-top:7px}
.workspace{min-width:0}.topbar{height:112px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:18px 30px;position:sticky;top:0;z-index:15}.greeting h1{margin:0;font-size:30px}.greeting p{margin:7px 0 0;color:var(--muted)}.top-meta{display:flex;align-items:center;gap:24px}.datebox{display:flex;gap:9px;align-items:center;color:#344256}.userbox{display:flex;gap:10px;align-items:center}.avatar{width:47px;height:47px;border-radius:50%;background:var(--nav);color:#fff;display:grid;place-items:center;font-weight:900}.userbox small{display:block;color:var(--muted)}.sync-pill{font-size:11px;border:1px solid #b9d9c6;color:#126432;background:#f0faf3;border-radius:999px;padding:7px 10px}.sync-pill.warn{color:#795100;background:#fff8df;border-color:#e5cf80}.sync-pill.bad{color:var(--red);background:#fff0ef;border-color:#e8b9b4}
.content{padding:25px 27px 40px;max-width:1540px;margin:auto}.page{display:none}.page.active{display:block}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.page-head h2{margin:0;font-size:26px}.page-head p{margin:5px 0 0;color:var(--muted)}
.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:17px}.kpi{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:17px;box-shadow:var(--shadow);min-height:132px}.kpi-top{display:flex;align-items:center;gap:12px}.kpi-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:24px;background:#f5f0ff}.kpi:nth-child(2) .kpi-icon{background:#edf9ef}.kpi:nth-child(3) .kpi-icon{background:#fff5df}.kpi:nth-child(4) .kpi-icon,.kpi:nth-child(5) .kpi-icon{background:#fff0f0}.kpi strong{font-size:26px;display:block;margin-top:4px}.kpi small{color:var(--muted)}
.dashboard-grid{display:grid;grid-template-columns:1.03fr 1.14fr 1.28fr;gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:17px;margin-bottom:16px}.card h3{margin:0 0 15px;font-size:17px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:9px}.link-btn{border:0;background:transparent;color:var(--teal);font-weight:750}.agenda-item{display:grid;grid-template-columns:65px 27px 1fr;gap:8px;align-items:start;padding:10px 0}.timeline-dot{width:22px;height:22px;border:2px solid #d5dde6;border-radius:50%;display:grid;place-items:center;font-size:12px;background:#fff}.timeline-dot.done{background:var(--green);border-color:var(--green);color:#fff}.timeline-dot.pending{border-color:var(--orange)}.agenda-item small{color:var(--muted)}.inventory-row,.health-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:9px 0}.round-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff4dd}.inventory-row small,.health-row small{display:block;color:var(--muted)}.alert{padding:13px;border-radius:10px;border:1px solid #f3cfc9;background:#fff4f2;margin-bottom:10px}.alert.warn{border-color:#eadca8;background:#fff9e8}.alert b{display:block;margin-bottom:4px}.status-ok{color:#178d43;background:#edfaef;border-radius:999px;padding:4px 8px;font-size:11px}.chart{height:150px;position:relative}.chart svg{width:100%;height:100%;overflow:visible}.quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.quick{border:1px solid var(--line);background:#fff;border-radius:11px;padding:14px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800}
.two-col{display:grid;grid-template-columns:1.45fr .8fr;gap:15px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.product-card{border:2px solid var(--line);background:#fff;border-radius:13px;padding:14px;text-align:left}.product-card.selected{border-color:var(--teal);background:#effafa}.product-card .emoji{font-size:29px}.product-card strong{display:block;margin:7px 0}.product-card small{color:var(--muted)}.flavor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.flavor{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px;font-weight:750}.flavor.selected{border:2px solid var(--orange);background:#fff7e8}.summary{border:1px dashed #c7d0da;border-radius:11px;min-height:150px;padding:13px;background:#fbfcfd}.summary-row{display:flex;justify-content:space-between;gap:10px;padding:5px 0}.summary-total{border-top:1px solid var(--line);font-size:22px;font-weight:900;margin-top:7px;padding-top:10px}.notice{padding:11px 13px;border-radius:10px;background:#fff8df;border:1px solid #e5cf80;color:#694800;font-size:12px;margin-bottom:12px}.notice.red{background:#fff0ef;border-color:#e8b9b4;color:#8f2018}.notice.blue{background:#eef6fb;border-color:#bdd5e6;color:#1f567e}
.vats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vat{background:#fff;border:2px solid var(--line);border-radius:15px;padding:15px;box-shadow:var(--shadow)}.vat.running{border-color:var(--orange)}.vat.cleaning{border-color:var(--teal);background:#f0fbfb}.vat.done{border-color:var(--red);background:#fff6f5}.vat-head{display:flex;justify-content:space-between;align-items:center}.vat-time{font-size:44px;font-weight:900;font-variant-numeric:tabular-nums;margin:12px 0}.vat-task{min-height:44px;color:var(--muted)}.vat-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.badge{display:inline-block;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;background:#edf0f3}.badge.pending{background:#fff0c9}.badge.preparing,.badge.assigned{background:#dff4f2;color:#056d6d}.badge.ready,.badge.done{background:#dff4e6;color:#176f3d}.badge.cancelled{background:#eee;color:#666}.badge.demo{background:#f1e9ff;color:#6443a2}.orders-list{display:grid;gap:10px}.order{border:1px solid var(--line);border-radius:12px;padding:12px}.order-top{display:flex;justify-content:space-between;gap:9px}.order-number{font-size:20px;font-weight:900}.tasks{display:grid;gap:6px;margin-top:9px}.task{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border:1px solid #edf0f3;border-radius:8px;background:#fafbfc}.task.done{text-decoration:line-through;color:#8591a0}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th,.data-table td{padding:10px 8px;border-bottom:1px solid #edf0f3;text-align:left;white-space:nowrap}.data-table th{text-transform:uppercase;font-size:10px;color:var(--muted)}.empty{padding:28px;text-align:center;color:var(--muted)}.metric-line{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #f0f2f5}.reason-list{margin:8px 0 0;padding-left:18px;color:#48576a}.decision-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.pattern{border-left:4px solid var(--teal);padding:11px 13px;background:#f4fbfb;border-radius:8px;margin-bottom:9px}.module-placeholder{border:2px dashed #dbe1e8;background:#fff;padding:25px;border-radius:14px;color:var(--muted)}
.mobile-toggle{display:none;border:0;background:var(--nav);color:#fff;border-radius:9px;padding:9px}.toast{position:fixed;right:17px;bottom:17px;z-index:100;background:#172235;color:#fff;border-radius:11px;padding:12px 15px;opacity:0;transform:translateY(15px);transition:.2s;pointer-events:none;max-width:430px}.toast.show{opacity:1;transform:none}.modal{position:fixed;inset:0;background:rgba(9,21,31,.62);z-index:80;display:grid;place-items:center;padding:18px}.modal-box{background:#fff;border-radius:17px;width:min(620px,100%);max-height:90vh;overflow:auto;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.modal-box h3{margin-top:0}
@media(max-width:1150px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-grid>div:last-child{grid-column:1/-1}.quick-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:-270px;width:252px;transition:.2s}.sidebar.open{left:0}.mobile-toggle{display:block}.topbar{height:auto;padding:13px 15px}.greeting h1{font-size:21px}.greeting p,.datebox{display:none}.top-meta{gap:8px}.userbox>div:not(.avatar){display:none}.content{padding:15px}.kpi-grid,.dashboard-grid,.two-col,.three-col,.vats{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.flavor-grid{grid-template-columns:repeat(2,1fr)}.form-grid,.form-grid.three{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.dashboard-grid>div:last-child{grid-column:auto}.kpi{min-height:auto}}

/* v08 conserva el acceso natural a ventas mediante apertura de turno */
.shift-gate{min-height:520px;background:linear-gradient(145deg,#fff 0%,#fffaf0 100%);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:42px 26px;overflow:hidden;position:relative}
.shift-gate:before,.shift-gate:after{content:"";position:absolute;border-radius:50%;background:rgba(247,194,28,.11)}
.shift-gate:before{width:260px;height:260px;top:-125px;right:-90px}.shift-gate:after{width:190px;height:190px;bottom:-105px;left:-65px}
.shift-gate-icon{width:92px;height:92px;border-radius:24px;background:linear-gradient(145deg,#fff4cb,#ffd65b);display:grid;place-items:center;font-size:44px;box-shadow:0 12px 30px rgba(239,138,0,.18);margin-bottom:20px;position:relative;z-index:1}
.shift-gate-copy{max-width:620px;position:relative;z-index:1}.shift-gate-copy .eyebrow{display:block;font-size:11px;font-weight:900;letter-spacing:1.2px;color:var(--orange);margin-bottom:8px}.shift-gate-copy h2{font-size:32px;margin:0 0 10px}.shift-gate-copy p{font-size:15px;line-height:1.55;color:var(--muted);margin:0 auto}
.shift-gate-form{width:min(460px,100%);display:grid;gap:12px;margin-top:25px;position:relative;z-index:1;text-align:left}.shift-gate-form label{font-size:13px}.btn-large{padding:15px 18px;font-size:15px;box-shadow:0 8px 20px rgba(230,57,46,.2)}
.shift-gate-foot{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:25px;color:var(--muted);font-size:11px;position:relative;z-index:1}
@media(max-width:820px){.shift-gate{min-height:430px;padding:30px 18px}.shift-gate-copy h2{font-size:25px}.shift-gate-foot{gap:10px}}

/* v08 · identidad operativa, PIN, entrega de turno y acceso rápido a tinas */
.operator-button{border:1px solid transparent;background:#fff;border-radius:13px;padding:7px 10px;color:var(--ink);text-align:left}
.operator-button:hover{border-color:var(--line);background:#f8fafc}.operator-caret{color:var(--muted);font-size:13px}
.operator-side{width:100%;display:grid;grid-template-columns:20px 1fr 14px;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);color:#fff;border-radius:9px;padding:6px 8px;margin-bottom:5px;text-align:left;min-height:36px}
.operator-side small{display:block;color:#aebdca;font-size:9px;line-height:1}.operator-side b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.15}.operator-side>span{font-size:13px}.sidebar-logout{width:100%;background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important;padding:6px 9px!important;min-height:32px;font-size:12px;border-radius:9px}.field-help{display:block;color:var(--muted);font-size:11px;line-height:1.25;margin-top:4px}
.tinas-fab{position:fixed;right:20px;bottom:20px;z-index:35;border:0;background:linear-gradient(135deg,var(--nav),#244967);color:#fff;border-radius:17px;padding:12px 16px;display:grid;grid-template-columns:30px auto;grid-template-rows:auto auto;column-gap:8px;text-align:left;box-shadow:0 12px 30px rgba(12,30,45,.28)}
.tinas-fab>span{grid-row:1/3;font-size:24px;align-self:center}.tinas-fab b{font-size:14px}.tinas-fab small{color:#c6d5df;font-size:10px}
.sales-head-actions{display:flex;align-items:center;gap:9px}
.operator-list{display:grid;gap:9px}.operator-choice{width:100%;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px;text-align:left;color:var(--ink)}
.operator-choice:hover{border-color:var(--teal);background:#f3fbfb}.operator-choice.current{border-color:var(--green);background:#f1fbf4}.avatar.small{width:38px;height:38px;font-size:12px}.operator-choice small{display:block;color:var(--muted);margin-top:2px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:15px;flex-wrap:wrap}
.identity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.identity-card{border-top:4px solid #dfe5eb}.identity-card.active{border-top-color:var(--yellow);background:linear-gradient(145deg,#fff,#fffaf0)}.identity-card>small{font-size:10px;letter-spacing:.8px;color:var(--muted);font-weight:900}.identity-card h3{font-size:23px;margin:8px 0 4px}.identity-card p{margin:0 0 12px;color:var(--muted)}
.table-actions{display:flex;gap:5px}.btn-small{padding:6px 8px;font-size:10px}.muted-row{opacity:.55}.checkline{display:flex;gap:8px;align-items:center}.checkline input{width:auto}
.audit-row{display:grid;grid-template-columns:34px 1fr;gap:9px;padding:9px 0;border-bottom:1px solid #eef1f4}.audit-row:last-child{border-bottom:0}.audit-icon{width:31px;height:31px;border-radius:9px;background:#eef3f7;display:grid;place-items:center}.audit-row small{display:block;color:var(--muted);margin-top:3px}
.shift-responsibility{display:flex;align-items:center;justify-content:space-between;gap:15px;border-left:5px solid var(--yellow)}.shift-responsibility small{font-size:10px;letter-spacing:.8px;color:var(--muted);font-weight:900}.shift-responsibility h3{font-size:24px;margin:4px 0}.shift-responsibility p{margin:0;color:var(--muted)}
@media(max-width:1000px){.identity-grid{grid-template-columns:1fr}.shift-responsibility{align-items:flex-start;flex-direction:column}}
@media(max-width:820px){
  .tinas-fab{right:12px;bottom:12px;border-radius:15px;padding:10px 13px}.tinas-fab b{font-size:13px}
  .operator-button{padding:4px;border:0}.operator-caret{display:none}.sales-head-actions{align-items:flex-end;flex-direction:column}.page-head{align-items:flex-start}
  .table-actions{min-width:150px}.identity-card h3{font-size:20px}
}


/* v08.0 · bloqueo seguro cuando la migración no está completa */
.migration-card{border-top:6px solid var(--red)}
.migration-detail{color:var(--muted);font-size:13px;line-height:1.55;margin:15px 0}

/* FIX03: respaldo visual persistente cuando una tina llega a 00:00. */
@keyframes mpAlarmPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(181,35,25,.35)}50%{transform:scale(1.012);box-shadow:0 0 0 8px rgba(181,35,25,0)}}
.vat.expired{border:2px solid #b52319;animation:mpAlarmPulse 1s infinite}
.vat.expired .vat-time{color:#b52319}
.btn-danger{background:#b52319;color:#fff;border-color:#b52319}

/* v09.0 · inventario y movimientos operativos */
.inventory-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.inventory-two-col{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}
.inventory-location-chips{display:flex;gap:6px;flex-wrap:wrap;min-width:260px}
.inventory-chip{display:inline-flex;gap:4px;align-items:center;border:1px solid #d8e2e8;background:#f4fafb;border-radius:999px;padding:4px 8px;font-size:10px;white-space:nowrap}
.inventory-chip.blocked{background:#fff5e8;border-color:#f1d3a3;color:#8d5708}
.inventory-low{background:#fff7f5}.inventory-low td:first-child{border-left:4px solid var(--red)}
.inventory-balance-preview,.inventory-count-preview{border:1px dashed #b9c9d3;border-radius:10px;background:#f7fafc;padding:10px 12px;font-size:12px;color:var(--muted)}
.catalog-actions{display:flex;gap:8px;margin:12px 0}.catalog-list{display:grid;gap:7px;max-height:240px;overflow:auto;margin-bottom:14px}
.catalog-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px;text-align:left;color:var(--ink)}
.catalog-row:hover{border-color:var(--teal);background:#f5fbfb}.catalog-row small{display:block;color:var(--muted);margin-top:3px}.catalog-row>span:last-child{font-size:11px;color:var(--teal);font-weight:800}
.inventory-table td{vertical-align:top}
@media(max-width:1100px){.inventory-two-col{grid-template-columns:1fr}}
@media(max-width:820px){.inventory-actions{justify-content:flex-start}.inventory-actions .btn{flex:1;min-width:135px}.inventory-location-chips{min-width:210px}.catalog-actions{display:grid;grid-template-columns:1fr 1fr}}


/* v09.0 QA automático */
.qa-agent-card .btn{width:100%;margin-top:10px}
.qa-running{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;padding:28px 8px;text-align:center}
.spinner{width:34px;height:34px;border:4px solid #e5e7eb;border-top-color:#111827;border-radius:50%;animation:qa-spin .8s linear infinite}
@keyframes qa-spin{to{transform:rotate(360deg)}}
.qa-summary{border-radius:12px;padding:16px;margin:12px 0;display:flex;flex-direction:column;gap:4px}
.qa-summary.qa-pass{background:#ecfdf5;border:1px solid #86efac}
.qa-summary.qa-fail{background:#fef2f2;border:1px solid #fca5a5}
.qa-summary strong{font-size:1.05rem}.qa-summary span{font-size:.9rem}
.qa-report-table{max-height:46vh;overflow:auto}.qa-report-table table{min-width:720px}
.qa-manual{margin-top:12px}.qa-manual ul{margin:8px 0 0 20px;padding:0}.qa-manual li{margin:5px 0}

/* v10 · Trazabilidad / FEFO / QR / logística */
.trace-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.trace-warning{border-color:#efbcb6}.label-preview{max-width:420px;margin:8px auto;text-align:center;border:1px dashed #aab5bf;border-radius:14px;padding:18px;background:#fff}.label-preview strong,.label-preview span,.label-preview code,.label-preview small{display:block;margin:7px 0}.label-preview strong{font-size:24px}.label-preview img{display:block;width:min(300px,85%);height:auto;margin:14px auto}.label-preview code,.trace-found code{overflow-wrap:anywhere;background:#f4f6f8;padding:8px;border-radius:8px}.qr-video{width:100%;max-height:360px;border-radius:12px;background:#000}.trace-found h2{margin-bottom:6px}.inventory-actions{flex-wrap:wrap}@media(max-width:1100px){.trace-grid{grid-template-columns:1fr}}@media(max-width:700px){.trace-grid{display:block}.trace-grid>.card{margin-bottom:14px}.label-preview{padding:12px}.page-head .inventory-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.page-head .inventory-actions .btn{width:100%}}

/* v10.1 · etiquetas ET-001 / ET-002 + Brother */
.label-composer{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(300px,1.1fr);gap:18px;align-items:start}
.label-preview-v101{background:#eef2f4;border-radius:14px;padding:14px;min-height:360px;display:grid;place-items:center}
.mp-label{width:min(100%,420px);background:#fff;color:#000;border:1px solid #111;padding:12px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.label-logo{display:block;width:52%;max-width:185px;height:auto;margin:0 auto 8px;filter:grayscale(1) contrast(1.35)}
.label-flavor{font-size:25px;line-height:1;font-weight:950;text-transform:uppercase;margin:4px 0 8px;border-top:2px solid #000;border-bottom:2px solid #000;padding:5px 2px}
.label-product-name{font-size:13px;font-weight:900;letter-spacing:.35px;margin:3px 0 10px}
.label-field{display:grid;grid-template-columns:42% 58%;gap:4px;text-align:left;border-bottom:1px solid #111;padding:4px 0;align-items:center}
.label-field span{font-size:10px;font-weight:800}.label-field b{font-size:12px;overflow-wrap:anywhere}
.label-storage{border:2px solid #000;padding:11px 7px;margin:10px 0;font-size:10px;line-height:1.35}.label-storage>*{display:block}.label-storage b{font-size:12px;margin-bottom:5px}.label-storage strong{font-size:16px;margin:5px 0 8px}.label-storage span{max-width:92%;margin:auto}
.label-qr{display:block;width:48%;height:auto;aspect-ratio:1/1;margin:10px auto 4px;image-rendering:pixelated}
.printer-state{border-radius:9px;padding:9px 10px;font-size:12px}.printer-state.online{background:#ecfdf5;border:1px solid #86efac}.printer-state.offline{background:#fff7ed;border:1px solid #fdba74}
.printer-card h4{margin:14px 0 7px}.printer-card .decision-actions{flex-wrap:wrap}
@media(max-width:850px){.label-composer{grid-template-columns:1fr}.label-preview-v101{min-height:280px}}


.et001 .label-field span{font-size:10px}
.et001 .label-field b{font-size:13px}
.et002 .label-field span{font-size:10px}
.et002 .label-field b{font-size:14px}
.et002 .label-storage.compact{margin:4px 0 0}
.label-assets-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;margin-top:10px}
.label-assets-row.top{margin:0 0 6px}
.label-assets-row .label-qr,.label-assets-row .label-logo-bottom{width:100%;max-width:150px;aspect-ratio:1/1;display:block;margin:0 auto;object-fit:contain}
.label-assets-row .label-qr{image-rendering:pixelated}
.label-logo-bottom{filter:grayscale(1) contrast(1.45)}

/* FIX07 · lenguaje visual unificado ET-001 / ET-002 */
.et001 .label-assets-row.top,.et002 .label-assets-row.top{margin:0 0 4px}
.et001 .label-flavor,.et002 .label-flavor{margin:2px 0 5px}
.et001 .label-field,.et002 .label-field{padding:3px 0}
.et001 .label-field b{font-size:13px}
.et002 .label-field b{font-size:14px}
.label-storage.three-lines{padding:5px 6px;margin:3px 0 0;line-height:1.1}
.label-storage.three-lines b{font-size:12px;margin:0 0 3px}
.label-storage.three-lines strong{font-size:16px;margin:2px 0 4px}
.label-storage.three-lines span{font-size:9px;white-space:nowrap;max-width:100%;margin:0 auto}


/* ==========================================================
   CHECKER TÉRMICO · FASE 5C FIX01
   Solo visualización. No controla potencia ni modifica tiempos.
   ========================================================== */
.vat-thermal{margin:12px 0 4px;border:1px solid #dbe3e9;border-radius:13px;padding:11px 12px;display:grid;grid-template-columns:minmax(145px,.85fr) minmax(150px,1.15fr);align-items:center;gap:12px;background:#f8fafb}
.vat-thermal-value small{display:block;font-size:9px;letter-spacing:.9px;font-weight:900;color:var(--muted);margin-bottom:3px}.vat-thermal-value strong{font-size:31px;line-height:1;font-weight:950;font-variant-numeric:tabular-nums;color:var(--ink)}
.vat-thermal-state{justify-self:end;text-align:right}.vat-thermal-state b{display:block;font-size:11px;letter-spacing:.35px}.vat-thermal-state small{display:block;color:var(--muted);font-size:10px;margin-top:4px;line-height:1.25}
.vat-thermal.live{border-color:#a7d9b6;background:#f1fbf4}.vat-thermal.live .vat-thermal-state b{color:#15723a}.vat-thermal.live .vat-thermal-value strong{color:#174a2b}
.vat-thermal.stale{border-color:#ecd88c;background:#fff9e8}.vat-thermal.stale .vat-thermal-state b{color:#946700}
.vat-thermal.offline,.vat-thermal.sensor-error,.vat-thermal.no-data,.vat-thermal.unavailable{border-color:#efbcb6;background:#fff4f2}.vat-thermal.offline .vat-thermal-state b,.vat-thermal.sensor-error .vat-thermal-state b,.vat-thermal.no-data .vat-thermal-state b,.vat-thermal.unavailable .vat-thermal-state b{color:#a6231a}
.vat-thermal.sensor-error .vat-thermal-value strong,.vat-thermal.no-data .vat-thermal-value strong,.vat-thermal.unavailable .vat-thermal-value strong{color:#a6231a}
.checker-config-card{border-top:4px solid var(--teal)}.checker-device-list{display:grid;gap:8px;margin:12px 0}.checker-device-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:10px;background:#fbfcfd}.checker-device-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.checker-device-meta{text-align:right}.checker-token-box{border:1px dashed #c3cbd4;background:#f7f9fb;border-radius:11px;padding:13px;overflow-wrap:anywhere}.checker-token-box code{font-size:12px}
@media(max-width:820px){.vat-thermal{grid-template-columns:1fr}.vat-thermal-state{justify-self:start;text-align:left}.vat-thermal-value strong{font-size:29px}.checker-device-row{grid-template-columns:1fr auto}.checker-device-row>button{grid-column:1/-1}.sales-head-actions .sync-pill{white-space:nowrap}}

/* ==========================================================
   CHECKER 5D · RUN_ID / CURVA TÉRMICA
   ========================================================== */
.thermal-run-live{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #c9d8df;background:#f7fbfc;border-radius:12px;padding:9px 11px;margin:8px 0 2px;cursor:pointer;color:#132536;text-align:left}
.thermal-run-live span{font-weight:800;font-size:12px;letter-spacing:.03em}.thermal-run-live small{font-size:11px;opacity:.72}
.thermal-run-missing{margin:8px 0 2px;padding:8px 10px;border-radius:10px;background:#fff4e5;border:1px solid #f0c77d;font-size:11px;font-weight:700;color:#7a4e00}
.task-actions-inline{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.thermal-run-button{white-space:nowrap}
.thermal-run-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}
.thermal-run-meta>div{border:1px solid #e2e8ec;border-radius:12px;padding:10px;background:#fbfcfd}.thermal-run-meta small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;opacity:.65;margin-bottom:4px}.thermal-run-meta b{font-size:13px}
.thermal-chart{overflow:auto;border:1px solid #dbe3e8;border-radius:14px;background:#fff;padding:8px;margin:12px 0}.thermal-chart svg{display:block;width:100%;min-width:520px;height:auto}.thermal-chart line{stroke:#b7c2c9;stroke-width:1}.thermal-chart polyline{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.thermal-chart text{font-size:11px;fill:currentColor;opacity:.7}
.thermal-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.thermal-metrics>div{border:1px solid #e1e7eb;border-radius:12px;padding:10px}.thermal-metrics span{display:block;font-size:10px;opacity:.65;text-transform:uppercase;letter-spacing:.05em}.thermal-metrics b{display:block;margin-top:4px;font-size:15px}
@media(max-width:700px){.thermal-run-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.thermal-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.thermal-run-live{align-items:flex-start;flex-direction:column}}


/* Checker 5D HIST v01 */
.thermal-history-filters{margin-bottom:14px}
.thermal-filter-grid{display:grid;grid-template-columns:repeat(6,minmax(135px,1fr));gap:9px}
.thermal-filter-grid label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:850}
.thermal-filter-grid input,.thermal-filter-grid select{width:100%;margin-top:5px;text-transform:none;letter-spacing:normal;color:var(--ink);font-weight:650}
.thermal-history-kpis{margin-bottom:14px}
.thermal-history-table-wrap{max-height:64vh;overflow:auto}
.thermal-history-table{min-width:1660px}
.thermal-history-table thead th{position:sticky;top:0;background:#fff;z-index:2;box-shadow:0 1px 0 #edf0f3}
.thermal-history-table td{vertical-align:top}
.run-id-short{font-size:11px;font-weight:800}
.thermal-event-pair{display:grid;gap:3px;font-size:10px}.thermal-event-pair span{display:block;padding:3px 5px;border-radius:6px}.thermal-event-pair .ok{background:#e8f7ed;color:#176f3d}.thermal-event-pair .missing{background:#f3f4f5;color:#7a8490}
.thermal-events-detail{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.thermal-event-card{border:1px solid #e1e7eb;border-radius:12px;padding:10px}.thermal-event-card small{display:block;font-size:10px;font-weight:900;letter-spacing:.08em;margin-bottom:4px}.thermal-event-card.ok{background:#f1fbf4;border-color:#a7d9b6}.thermal-event-card.missing{background:#f7f8f9;color:#7a8490}.thermal-detail-meta{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1150px){.thermal-filter-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.thermal-filter-grid{grid-template-columns:1fr 1fr}.thermal-events-detail{grid-template-columns:1fr}.thermal-detail-meta{grid-template-columns:1fr 1fr}}


/* Checker 5D HIST v01 FIX01
   Acción de curva siempre accesible + estabilidad del scroll horizontal. */
.thermal-history-table th.thermal-history-action,
.thermal-history-table td.thermal-history-action{
  position:sticky;
  left:0;
  z-index:4;
  background:#fff;
  min-width:88px;
  width:88px;
  box-shadow:2px 0 0 #edf0f3;
}
.thermal-history-table thead th.thermal-history-action{z-index:6}
.thermal-history-table td.thermal-history-action .btn{white-space:nowrap;width:100%}
.thermal-history-table-wrap{scroll-behavior:auto;overscroll-behavior-x:contain}


/* ==========================================================
   v11.0 · Compras y preparación previa
   ========================================================== */
.v11-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.v11-grid.two{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:14px;margin:14px 0}
.v11-warning-inline{display:inline-block;margin-top:4px;color:#9a6400;font-size:10px;font-weight:850}
.row-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.purchase-line-editor{display:grid;grid-template-columns:minmax(160px,1.5fr) minmax(90px,.6fr) minmax(140px,1fr) auto;gap:7px;margin:7px 0;align-items:center}
.prep-line-editor{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(160px,1fr) auto auto;gap:7px;margin:7px 0;align-items:center}
.card.compact{padding:12px;margin:10px 0}.card.compact h4{margin:0 0 8px}
.purchase-detail-head{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:8px 0 12px}.purchase-detail-head span{font-size:12px;color:var(--muted)}
.receipt-lines{display:grid;gap:10px}.receipt-line{border:1px solid var(--line);border-radius:12px;padding:10px;background:#fbfcfd}.receipt-line-head{display:grid;grid-template-columns:1fr 130px;gap:10px;align-items:center}.receipt-line-head small{display:block;color:var(--muted);margin-top:3px}.receive-trace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}.trace-receive-note{font-size:11px;color:var(--muted);margin-top:7px}.pending-trace-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:8px 0;border-top:1px solid rgba(0,0,0,.08)}
.prep-checklist-detail{display:grid;gap:8px;margin:12px 0}.prep-item-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff}.prep-item-row.done{background:#f1fbf4;border-color:#a7d9b6}.prep-item-row.skipped{background:#fff9e8;border-color:#ecd88c}.prep-item-state{font-size:21px;font-weight:900;text-align:center}.prep-item-row small{display:block;color:var(--muted);margin-top:3px}.warn-text{color:#9a6400!important}.v11-qa-card{border-top:4px solid #d59a00}
.notice.warn{background:#fff8df;border:1px solid #ebd07d;color:#725000}
@media(max-width:1000px){.v11-grid.two{grid-template-columns:1fr}.purchase-line-editor{grid-template-columns:1fr 110px}.purchase-line-editor [data-po-note]{grid-column:1/-2}.prep-line-editor{grid-template-columns:1fr 1fr}.receipt-line-head{grid-template-columns:1fr 110px}}
@media(max-width:650px){.v11-head-actions{justify-content:flex-start}.purchase-line-editor,.prep-line-editor,.receive-trace-grid{grid-template-columns:1fr}.purchase-line-editor [data-po-note]{grid-column:auto}.prep-item-row{grid-template-columns:30px 1fr}.prep-item-row .row-actions{grid-column:1/-1;justify-content:flex-start}.receipt-line-head{grid-template-columns:1fr}.pending-trace-row{grid-template-columns:1fr}}


/* Equipo y Mantenimiento V1 */
.eqm-search-line{display:grid;grid-template-columns:1fr auto;gap:10px}.eqm-search-line input{min-height:48px}.eqm-alert-strip{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.eqm-alert{padding:8px 11px;border-radius:999px;font-size:12px;font-weight:700;background:#eef3f6}.eqm-alert.red{background:#fde8e5;color:#8b1e1e}.eqm-alert.warn{background:#fff1c9;color:#765800}.eqm-alert.ok{background:#e8f5ed;color:#23633a}.eqm-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.eqm-home-card{border:1px solid #e1e7eb;background:#fff;border-radius:18px;padding:18px;text-align:left;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;cursor:pointer;box-shadow:0 4px 15px rgba(20,38,54,.04)}.eqm-home-card:hover{transform:translateY(-1px)}.eqm-home-card.danger{border-color:#efbcb6}.eqm-home-icon{font-size:30px}.eqm-home-card b{display:block;font-size:17px}.eqm-home-card small{display:block;color:#647683;margin-top:4px}.eqm-home-card strong{font-size:26px;color:#132536}.eqm-search-results{margin-bottom:12px}.eqm-search-row{width:100%;border:0;border-top:1px solid #edf0f2;background:#fff;text-align:left;padding:12px;display:flex;justify-content:space-between;gap:10px;cursor:pointer}.eqm-search-row small{color:#647683}.eqm-equipment-list,.eqm-task-list,.eqm-incident-list{display:grid;gap:10px}.eqm-equipment-card{border:1px solid #e1e7eb;border-radius:14px;background:#fff;padding:12px;text-align:left;display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;cursor:pointer}.eqm-equipment-photo,.eqm-detail-photo{background:#edf2f4;border-radius:12px;display:grid;place-items:center;overflow:hidden;font-size:28px}.eqm-equipment-photo{width:70px;height:70px}.eqm-equipment-photo img,.eqm-detail-photo img{width:100%;height:100%;object-fit:cover}.eqm-equipment-card small,.eqm-task-card small,.eqm-incident-card small,.eqm-material-card small,.eqm-request-card small{display:block;color:#647683;margin:3px 0}.eqm-task-card,.eqm-material-card,.eqm-request-card{border:1px solid #e1e7eb;border-radius:14px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.eqm-task-card span,.eqm-material-card span{display:block;margin-top:6px}.eqm-incident-card{width:100%;border:1px solid #e1e7eb;border-radius:14px;background:#fff;padding:12px;text-align:left;display:flex;justify-content:space-between;gap:14px;cursor:pointer}.eqm-incident-card p{margin:6px 0}.eqm-location-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.eqm-location-card{border:1px solid #e1e7eb;border-radius:14px;padding:14px}.eqm-location-card small,.eqm-location-card span{display:block;color:#647683;margin-top:4px}.eqm-detail-head{display:flex;gap:14px;align-items:center;margin-bottom:12px}.eqm-detail-photo{width:92px;height:92px}.eqm-detail-head h3{margin:2px 0 6px}.eqm-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}.eqm-detail-grid>div{border:1px solid #e1e7eb;border-radius:12px;padding:10px}.eqm-detail-grid small,.eqm-detail-grid b{display:block}.eqm-details{border:1px solid #e1e7eb;border-radius:12px;padding:10px;margin:10px 0}.eqm-details summary{font-weight:700;cursor:pointer}.eqm-procedure-steps{display:grid;gap:10px;margin:12px 0}.eqm-procedure-step{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start;border:1px solid #e1e7eb;border-radius:13px;padding:12px}.eqm-procedure-step strong{width:32px;height:32px;border-radius:50%;background:#132536;color:#fff;display:grid;place-items:center}.eqm-procedure-step p{margin:5px 0}.eqm-timeline{display:grid;gap:9px}.eqm-timeline-row{display:grid;grid-template-columns:125px 1fr;gap:12px;border-left:3px solid #dce5ea;padding:8px 0 8px 12px}.eqm-timeline-row time{font-size:12px;color:#647683}.eqm-timeline-row p{margin:4px 0}.eqm-qr{text-align:center}.eqm-qr img{width:min(320px,85vw);display:block;margin:0 auto 8px}.eqm-qr-video{width:100%;max-height:55vh;background:#111;border-radius:14px}.eqm-search-card{position:sticky;top:0;z-index:4}
@media(max-width:900px){.eqm-home-grid,.eqm-location-grid{grid-template-columns:1fr 1fr}.eqm-home-card{grid-template-columns:auto 1fr auto}.eqm-search-line{grid-template-columns:1fr}.eqm-task-card,.eqm-material-card,.eqm-request-card,.eqm-incident-card{align-items:flex-start;flex-direction:column}.eqm-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.eqm-home-grid,.eqm-location-grid,.eqm-detail-grid{grid-template-columns:1fr}.eqm-home-card{min-height:92px}.eqm-equipment-card{grid-template-columns:58px 1fr auto}.eqm-equipment-photo{width:58px;height:58px}.eqm-timeline-row{grid-template-columns:90px 1fr}.eqm-search-row{flex-direction:column}.eqm-search-card{position:static}}

/* ==========================================================
   v12.0 · Producción, recetas versionadas y QA
   ========================================================== */
.production-order-card,.recipe-card{width:100%;border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px 14px;margin:0 0 8px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer;color:var(--ink)}
.production-order-card:hover,.recipe-card:hover{background:#fbfcfd;border-color:#cbd7de}.production-order-card>span,.recipe-card>span{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.production-order-card>span:first-child,.recipe-card>span:first-child{display:block;min-width:0}.production-order-card b,.recipe-card b{display:block}.production-order-card small,.recipe-card small{display:block;color:var(--muted);margin-top:3px}
.recipe-ing-row{display:grid;grid-template-columns:minmax(135px,1.25fr) minmax(170px,1.35fr) 90px 90px 120px auto 38px;gap:7px;align-items:center;margin:7px 0}.recipe-ing-row .checkline{white-space:nowrap;margin:0}.recipe-detail-ingredients{display:grid;gap:4px}.precheck-row{display:flex;align-items:center;justify-content:space-between;gap:9px;border-bottom:1px solid #edf0f2;padding:8px 0}.precheck-row:last-child{border-bottom:0}.inline-number{width:95px;min-width:80px}.qa-quick{display:grid;grid-template-columns:130px minmax(140px,.8fr) minmax(180px,1fr) auto;gap:8px;align-items:center;margin:10px 0 14px}.v12-qa-card{border-top:4px solid var(--teal)}
@media(max-width:1050px){.recipe-ing-row{grid-template-columns:1fr 1.2fr 90px 90px}.recipe-ing-row [data-ri-group],.recipe-ing-row .checkline{grid-row:2}.qa-quick{grid-template-columns:1fr 1fr}.qa-quick .btn{grid-column:1/-1}}
@media(max-width:650px){.production-order-card,.recipe-card{align-items:flex-start;flex-direction:column}.production-order-card>span:last-child,.recipe-card>span:last-child{justify-content:flex-start}.recipe-ing-row{grid-template-columns:1fr 1fr}.recipe-ing-row [data-ri-name],.recipe-ing-row [data-ri-item]{grid-column:1/-1}.recipe-ing-row [data-ri-group]{grid-row:auto}.recipe-ing-row .checkline{grid-row:auto}.qa-quick{grid-template-columns:1fr}.qa-quick .btn{grid-column:auto}.precheck-row{align-items:flex-start;flex-direction:column}.inline-number{width:100%}}

/* v12 Recipe UX FIX01 */
.recipe-step-row{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(260px,2fr) minmax(120px,.7fr) 38px;gap:8px;align-items:start;margin:8px 0}.recipe-step-row textarea{min-height:66px;resize:vertical}.recipe-view-head,.step-mode-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.recipe-prose{white-space:normal;color:var(--ink);line-height:1.45}.recipe-procedure-step{border-left:4px solid var(--teal);padding:8px 12px;margin:8px 0;background:#f8fbfb;border-radius:0 10px 10px 0}.recipe-procedure-step p{margin:5px 0}.recipe-step-focus{font-size:1.18rem;line-height:1.6;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;margin:16px 0}.recipe-step-focus p{margin:0}.step-counter{font-weight:800;border:1px solid var(--line);border-radius:999px;padding:5px 10px;background:#fff}.recipe-step-ingredients{margin:10px 0}.recipe-step-ingredients summary{cursor:pointer;font-weight:700}.precheck-row.done{font-weight:700}.precheck-row.skipped{color:var(--muted)}.recipe-version-actions{margin-top:10px}
@media(max-width:760px){.recipe-step-row{grid-template-columns:1fr}.recipe-step-row button{justify-self:start}.recipe-view-head,.step-mode-head{flex-direction:column}.recipe-step-focus{font-size:1.08rem;padding:14px}}

/* ==========================================================
   v13 · Servicio avanzado / Tinas
   ========================================================== */
.service-standards-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}
.service-standard-chip{border:1px solid #dbe2e8;border-radius:12px;padding:11px 13px;background:#fff;display:flex;flex-direction:column;gap:3px}
.service-standard-chip small{font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:#64748b}
.service-standard-chip b{font-size:.95rem}.service-standard-chip span{font-size:.76rem;color:#64748b}
.service-standard-chip.active{border-color:#79bfc0;background:#f2fbfb}.service-standard-chip.missing{border-color:#f0c86b;background:#fff9e9}
.service-guidance{margin:9px 0;border-radius:10px;padding:9px 11px;display:flex;flex-direction:column;gap:2px;border:1px solid #d7dee5;background:#f8fafc}
.service-guidance b{font-size:.88rem;letter-spacing:.035em}.service-guidance small{font-size:.76rem;line-height:1.35}
.service-guidance.ready{border-color:#72c5a0;background:#effbf5}.service-guidance.active{border-color:#6eb4dc;background:#eff8fd}.service-guidance.recovering{border-color:#efc55e;background:#fff9e8}.service-guidance.warn,.service-guidance.no-standard{border-color:#efc55e;background:#fff8df}.service-guidance.bad{border-color:#e89494;background:#fff0f0}.service-guidance.neutral{border-color:#b8c3cc;background:#f5f7f9}
.service-timing-snapshot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:5px 0 8px;padding:7px 10px;border-radius:8px;background:#f4f6f8;font-size:.76rem}.service-timing-snapshot span{font-weight:700;color:#56616b;letter-spacing:.03em}.service-timing-snapshot b{font-size:.9rem}
.service-incident-button{width:100%;margin-top:8px}
.service-queue{display:flex;flex-direction:column;gap:8px}.service-queue-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid #edf0f2;padding:9px 0}.service-queue-row:last-child{border-bottom:0}.queue-pos{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f5f5f5;font-weight:800}.queue-main{display:flex;flex-direction:column;min-width:0}.queue-main small{color:#68727d}.queue-actions{display:flex;gap:5px;align-items:center}
.task-standard-inline{display:inline;color:#69737c;font-size:.72rem}
.service-incident-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #edf0f2}.service-incident-row:last-child{border-bottom:0}.service-incident-row>div{display:flex;flex-direction:column}.service-incident-row small{color:#66717c}.service-incident-row.critical b{color:#a32626}
.service-standards-admin-card{margin-bottom:14px}.service-standard-admin-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px}.service-standard-admin{border:1px solid #dfe5ea;border-radius:12px;padding:12px;background:#fff}.service-standard-admin h4{margin:0}.service-standard-draft{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px dashed #dfe5ea;font-size:.8rem}.service-standard-admin>.btn{margin-top:8px}.service-start-standard{display:flex;flex-direction:column;gap:4px;border:1px solid #7bc2c3;background:#f1fbfb;border-radius:12px;padding:12px;margin:10px 0}.service-start-standard small{font-size:.7rem;letter-spacing:.06em;color:#497779}.service-start-standard strong{font-size:1.35rem}.service-start-standard span{font-size:.8rem;color:#637078}
@media(max-width:800px){.service-standards-strip{grid-template-columns:1fr}.service-queue-row{grid-template-columns:30px minmax(0,1fr)}.queue-actions{grid-column:2;justify-content:flex-start;flex-wrap:wrap}}


/* v13 FIX03 · prioridad visual: ambas tinas completas primero + estado rápido a la derecha */
.service-page-head{margin-bottom:10px}
.service-page-head p{font-size:12px;line-height:1.35}
.service-priority-layout{display:grid;grid-template-columns:minmax(0,1fr) 232px;gap:12px;align-items:start;margin-bottom:14px}
.service-vats-primary{gap:10px;min-width:0}
.service-vats-primary .vat{padding:12px;min-width:0;margin:0}
.service-vats-primary .vat h3{margin:0}
.service-vats-primary .vat-thermal{margin:8px 0 3px;padding:8px 9px;grid-template-columns:minmax(110px,.8fr) minmax(115px,1.2fr);gap:8px}
.service-vats-primary .vat-thermal-value strong{font-size:27px}
.service-vats-primary .service-guidance{margin:6px 0;padding:7px 9px}
.service-vats-primary .service-guidance small{font-size:.7rem;line-height:1.25}
.service-vats-primary .service-timing-snapshot{margin:4px 0 6px;padding:6px 8px}
.service-vats-primary .vat-time{font-size:38px;margin:7px 0}
.service-vats-primary .vat-task{min-height:34px;font-size:12px;line-height:1.3}
.service-vats-primary .vat-actions{gap:6px}
.service-vats-primary .vat-actions .btn{padding:9px 8px;font-size:11px}
.service-vats-primary .service-incident-button{margin-top:6px;padding:6px 8px}
.service-ops-rail{position:sticky;top:124px;display:grid;gap:8px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:11px;box-shadow:var(--shadow)}
.service-ops-title{display:flex;flex-direction:column;gap:2px;padding:0 2px 4px;border-bottom:1px solid #edf0f3}
.service-ops-title b{font-size:13px}.service-ops-title small{font-size:10px;color:var(--muted)}
.service-ops-rail .sync-pill{display:flex;align-items:center;justify-content:center;text-align:center;min-height:36px;white-space:normal;line-height:1.2;padding:6px 8px}
.service-alarm-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.service-test-alarm{min-width:0;padding:8px 5px;font-size:11px;line-height:1.15;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.service-test-alarm span{display:block}
@media(max-width:1180px){
  .service-priority-layout{grid-template-columns:1fr}
  .service-ops-rail{position:static;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch}
  .service-ops-title{display:none}.service-alarm-grid{display:contents}
  .service-ops-rail .sync-pill,.service-test-alarm{min-height:44px}
}
@media(max-width:820px){
  .service-priority-layout{display:block}.service-vats-primary{grid-template-columns:1fr}
  .service-vats-primary .vat{margin-bottom:10px}
  .service-ops-rail{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
  .service-ops-rail .sync-pill:first-of-type{grid-column:1/-1}
  .service-page-head p{font-size:11px}
}


/* v13 FIX05 — arranque rápido sin modal */
.service-manual-inline{grid-column:1/-1;display:grid;grid-template-columns:minmax(104px,.42fr) minmax(145px,.58fr);gap:6px;align-items:end}
.service-manual-inline label{display:grid;gap:3px;margin:0}.service-manual-inline label span{font-size:10px;font-weight:900;color:#6b7480;text-transform:uppercase;letter-spacing:.04em}
.service-manual-inline input{width:100%;min-height:38px;border:1px solid #d9dee5;border-radius:9px;padding:7px 10px;font:900 15px/1 system-ui;background:#fff;color:#0b2745}
.service-manual-inline input:focus{outline:2px solid rgba(247,194,28,.35);border-color:#d79f00}
.service-manual-inline .btn{min-height:38px}
@media(max-width:700px){.service-manual-inline{grid-template-columns:1fr 1.25fr}}

/* v13.0 FIX08 · tarjeta de tina: temperatura + tiempo + estado juntos */
.vat-thermal{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:stretch;
}
.vat-thermal-value,
.vat-thermal-timer{
  min-width:0;
}
.vat-thermal-value{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.vat-thermal-timer{
  border-left:1px solid currentColor;
  border-left-color:color-mix(in srgb,currentColor 20%,transparent);
  padding-left:14px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  text-align:left;
}
.vat-thermal-timer>small:first-child{
  display:block;
  font-size:9px;
  letter-spacing:.9px;
  font-weight:900;
  color:var(--muted);
  margin-bottom:3px;
}
.vat-thermal-timer>strong{
  font-size:31px;
  line-height:1;
  font-weight:950;
  font-variant-numeric:tabular-nums;
  color:var(--ink);
  white-space:nowrap;
}
.vat-thermal-timer>b{
  display:block;
  margin-top:7px;
  font-size:11px;
  letter-spacing:.35px;
  line-height:1.15;
}
.vat-thermal-timer>span{
  display:block;
  color:var(--muted);
  font-size:10px;
  margin-top:4px;
  line-height:1.25;
}
.vat-thermal.live .vat-thermal-timer>b{color:#15723a}
.vat-thermal.stale .vat-thermal-timer>b{color:#946700}
.vat-thermal.offline .vat-thermal-timer>b,
.vat-thermal.sensor-error .vat-thermal-timer>b,
.vat-thermal.no-data .vat-thermal-timer>b,
.vat-thermal.unavailable .vat-thermal-timer>b{color:#a6231a}
.service-vats-primary .vat-thermal{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}
.service-vats-primary .vat-thermal-timer>strong{font-size:27px}
.service-vats-primary .vat-thermal-timer{padding-left:10px}
@media(max-width:820px){
  .vat-thermal{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .vat-thermal-timer{padding-left:10px}
  .vat-thermal-value strong,.vat-thermal-timer>strong{font-size:27px}
}
@media(max-width:430px){
  .vat-thermal{gap:8px;padding:9px 10px}
  .vat-thermal-value strong,.vat-thermal-timer>strong{font-size:25px}
  .vat-thermal-timer>b{font-size:10px}
  .vat-thermal-timer>span{font-size:9px}
}


/* v14 V01 · Espera / Cliente */
.wait-page-head{align-items:flex-end}
.wait-customer-shell{max-width:980px;margin:0 auto;display:grid;gap:14px}
.wait-hero{border:1px solid var(--line);border-radius:24px;padding:28px;text-align:center;background:#fff;box-shadow:0 12px 30px rgba(19,37,54,.06)}
.wait-hero.ready{border-color:#b8dec4;background:linear-gradient(180deg,#f1fbf4,#fff)}
.wait-hero.pending{border-color:#efd59a;background:linear-gradient(180deg,#fff9e8,#fff)}
.wait-hero small{font-weight:900;letter-spacing:.12em;color:var(--muted)}
.wait-hero strong{display:block;font-size:clamp(34px,7vw,72px);line-height:1;margin:12px 0;color:var(--nav)}
.wait-hero p{margin:0 auto 12px;max-width:650px;color:var(--muted);font-size:16px}
.wait-confidence{display:inline-flex;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:900;background:#edf2f5;color:#506070}
.wait-lanes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wait-lane{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.wait-lane small{display:block;color:var(--muted);font-weight:800}.wait-lane b{font-size:28px;color:var(--nav)}.wait-lane span{font-size:12px;color:var(--muted)}
.wait-customer-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:18px}
.wait-customer-orders{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:12px}
.wait-order{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px;border-radius:14px;background:#f5f7f8;border:1px solid #e1e8eb}
.wait-order b{font-size:20px}.wait-order span{font-size:11px;font-weight:900;color:#657481}
.wait-order.ready{background:#effaf2;border-color:#b8dec4}.wait-order.ready span{color:#1f7f45}
.wait-customer-empty{padding:22px;text-align:center;color:var(--muted)}
.wait-customer-shell:fullscreen{background:#f4f6f7;padding:28px;overflow:auto}
.wait-customer-shell:fullscreen .notice.blue{display:none}
@media(max-width:720px){.wait-lanes{grid-template-columns:1fr}.wait-hero{padding:22px 16px}.wait-page-head{align-items:flex-start}}

/* v14 V05 · ETA por pedido */
.wait-eta-legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin:10px 0 4px;color:var(--muted);font-size:11px}
.wait-eta-legend span{display:inline-flex;align-items:center;gap:4px}
.wait-eta-legend b{color:var(--nav)}
.wait-order{align-items:flex-start}
.wait-order-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}
.wait-order-meta>span{font-size:11px;font-weight:900;color:#657481}
.wait-order-eta{font-size:14px;line-height:1;font-weight:900;color:var(--nav);white-space:nowrap}
.wait-order-eta.live{color:#008b8b;font-size:17px}
.wait-order-eta.estimate{color:#0d355d}
.wait-order-eta.pending{color:#8a6d1f;font-size:11px}
.wait-order-eta.action{color:#b44b16;font-size:11px}
.wait-order-eta.ready{color:#1f7f45}
@media(max-width:720px){.wait-customer-orders{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}.wait-eta-legend{font-size:10px}}

/* v14 V06 · seguimiento de pedido / autoservicio local */
.wait-track-card{border:1px solid #b9dadd;border-radius:20px;background:linear-gradient(180deg,#f4fbfb,#fff);padding:18px;display:grid;gap:14px}
.wait-track-head{display:flex;justify-content:space-between;gap:18px;align-items:end}.wait-track-head h3{margin:3px 0 3px}.wait-track-head small{color:var(--muted)}
.wait-track-form{display:flex;gap:8px;min-width:min(100%,330px)}.wait-track-form input{min-width:0;flex:1;font-size:20px;font-weight:900;letter-spacing:.08em;text-align:center}
.wait-track-result{min-height:94px;border:1px solid #d7e7e8;border-radius:16px;background:#fff;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.wait-track-result.empty,.wait-track-result.error{display:grid;justify-content:stretch;gap:4px;text-align:center;color:var(--muted)}.wait-track-result.error{background:#fff8e9;border-color:#edd39a;color:#735c20}
.wait-track-number small{display:block;font-size:10px;font-weight:900;letter-spacing:.11em;color:var(--muted)}.wait-track-number b{display:block;font-size:36px;line-height:1.05;color:var(--nav)}
.wait-track-status{display:grid;justify-items:end;gap:5px;text-align:right}.wait-track-status>strong{font-size:16px}.wait-track-status>small{max-width:430px;color:var(--muted)}
.wait-track-result.ready{background:#effaf2;border-color:#b8dec4}.wait-track-result.preparing{border-color:#b9dadd}.wait-track-result.delivered{background:#f5f7f8}.wait-track-result.cancelled{background:#fff0ef;border-color:#efc0bc}
.wait-order{font:inherit;text-align:inherit;width:100%;cursor:pointer}.wait-order.tracked{outline:3px solid rgba(0,139,139,.18);border-color:#78bfc1}
.wait-customer-shell:fullscreen .wait-track-card{background:#fff}
@media(max-width:720px){.wait-track-head{display:grid;align-items:stretch}.wait-track-form{min-width:0;width:100%}.wait-track-result{align-items:flex-start}.wait-track-number b{font-size:30px}.wait-track-status{justify-items:end}}


/* v14 V10 — bloque grande Espera / Autoservicio */
.wait-kiosk-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.wait-connection{display:flex;align-items:center;gap:8px 12px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-size:11px}.wait-connection b{font-size:11px;letter-spacing:.05em}.wait-connection span{color:var(--muted)}
.wait-connection.live{border-color:#b8dec4;background:#effaf2}.wait-connection.live b{color:#1f7f45}.wait-connection.syncing{border-color:#b9dadd;background:#f4fbfb}.wait-connection.warn,.wait-connection.offline{border-color:#efd59a;background:#fff8e9}.wait-connection.offline b{color:#a24a23}
.wait-kiosk-nav{display:flex;gap:7px;flex-wrap:wrap}.wait-kiosk-nav button{border:1px solid #cfdadd;background:#fff;color:var(--nav);border-radius:999px;padding:8px 12px;font-size:11px;font-weight:900;cursor:pointer}.wait-kiosk-nav button:hover{border-color:#78bfc1;background:#f4fbfb}
.wait-board-groups{display:grid;gap:14px}.wait-board-group{border:1px solid #e3e8ea;border-radius:16px;padding:12px;background:#fafbfb}.wait-board-group.ready{border-color:#b8dec4;background:#f5fbf6}.wait-board-group.preparing{border-color:#b9dadd;background:#f7fbfb}.wait-board-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.wait-board-title>div{display:grid;gap:2px}.wait-board-title b{font-size:13px;color:var(--nav)}.wait-board-title small{font-size:10px;color:var(--muted)}.wait-board-title>span{min-width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #dce3e5;font-weight:900;color:var(--nav)}
.wait-order.preparing{background:#f5fbfb;border-color:#c7e1e2}.wait-order.queue{background:#f7f8f8}.wait-order.ready{background:#eaf8ee;border-color:#9ed5ad;box-shadow:0 0 0 1px rgba(31,127,69,.04)}
.wait-now-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wait-now-option{border:1px solid #e0e6e8;border-radius:16px;background:#fafbfb;padding:16px;display:grid;grid-template-columns:1fr auto;gap:5px 14px;align-items:center}.wait-now-option>div{display:grid;gap:2px}.wait-now-option small{font-size:9px;font-weight:900;letter-spacing:.09em;color:var(--muted)}.wait-now-option b{font-size:18px;color:var(--nav)}.wait-now-option>strong{font-size:20px;color:var(--nav);text-align:right}.wait-now-option>strong.pending{font-size:12px;color:#8a6d1f}.wait-now-option>span{grid-column:1/-1;color:var(--muted);font-size:11px;line-height:1.35}
.wait-track-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.wait-track-actions small{color:var(--muted);font-size:10px}.wait-track-actions .active{border-color:#9ed5ad;background:#effaf2;color:#1f7f45}
.wait-track-result.ready{position:relative;overflow:hidden}.wait-track-result.ready .wait-track-status>strong{font-size:20px;color:#1f7f45}.wait-track-result.ready-flash{animation:waitReadyPulse 1s ease-in-out 4}.wait-track-result.ready-flash:before{content:'¡LISTO!';position:absolute;inset:auto 10px 8px auto;font-size:36px;font-weight:1000;color:rgba(31,127,69,.08);pointer-events:none}@keyframes waitReadyPulse{0%,100%{box-shadow:0 0 0 0 rgba(31,127,69,0)}50%{box-shadow:0 0 0 8px rgba(31,127,69,.14)}}
.wait-customer-pending{display:none;border:1px solid #efd59a;border-radius:14px;background:#fff9e8;padding:12px 14px;color:#735c20;font-size:12px;text-align:center}
.wait-lane.running{border-color:#b9dadd}.wait-lane.remove_pending{border-color:#efbd9f;background:#fff8f2}.wait-lane.remove_pending b{font-size:17px;color:#b44b16}.wait-lane.assigned{border-color:#d8dce5;background:#fbfbfd}
.wait-customer-shell:fullscreen{max-width:none;min-height:100vh;background:#f4f6f7;padding:28px 4vw}.wait-customer-shell:fullscreen .wait-ops-only{display:none!important}.wait-customer-shell:fullscreen .wait-customer-pending{display:block}.wait-customer-shell:fullscreen .wait-hero{padding:22px}.wait-customer-shell:fullscreen .wait-kiosk-tools{position:sticky;top:0;z-index:5;background:rgba(244,246,247,.96);padding:8px 0;backdrop-filter:blur(8px)}
@media(max-width:720px){.wait-kiosk-tools{align-items:stretch}.wait-connection{border-radius:14px;align-items:flex-start;flex-direction:column;gap:2px}.wait-kiosk-nav{width:100%}.wait-kiosk-nav button{flex:1}.wait-now-grid{grid-template-columns:1fr}.wait-now-option>strong{font-size:18px}.wait-track-actions{align-items:flex-start}}

/* ============================================================
   v15 V10 · Agenda y Planeación
   ============================================================ */
.planning-sourcebar{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:-6px 0 16px;color:var(--muted);font-size:11px}.planning-sourcebar span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 10px}.planning-calendar{margin-bottom:16px}.planning-agenda{display:grid;grid-template-columns:repeat(7,minmax(125px,1fr));gap:8px}.planning-day{border:1px solid var(--line);border-radius:13px;background:#fff;padding:11px;text-align:left;min-height:126px;display:flex;flex-direction:column;gap:7px;cursor:pointer}.planning-day:hover{border-color:#9ab5c9;box-shadow:0 4px 14px #1526370c}.planning-day.selected{border:2px solid var(--teal);background:#effafa}.planning-day-head{display:flex;align-items:center;justify-content:space-between;text-transform:capitalize;color:var(--muted)}.planning-day-head b{font-size:12px}.planning-day-head span{font-size:17px;font-weight:900;color:var(--ink)}.planning-day>strong{font-size:17px;color:var(--navy)}.planning-day>small{color:var(--muted);min-height:28px}.planning-day-flags{display:flex;gap:4px;flex-wrap:wrap;margin-top:auto}.planning-day-flags .badge{font-size:8px;padding:3px 6px}.planning-target-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0 12px}.planning-target-head small{font-size:10px;font-weight:900;color:var(--muted);letter-spacing:.08em}.planning-target-head h2{margin:3px 0 0;text-transform:capitalize}.planning-target-head input{max-width:210px}.planning-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px}.planning-kpi{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px;min-height:105px}.planning-kpi small{display:block;font-size:9px;font-weight:900;color:var(--muted);letter-spacing:.07em}.planning-kpi strong{display:block;font-size:22px;margin:7px 0 4px;color:var(--navy)}.planning-kpi span{font-size:11px;color:var(--muted)}.planning-columns>.card,.planning-columns>div>.card{margin-bottom:15px}.planning-event{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #eef1f4}.planning-event b,.planning-event small{display:block}.planning-event small{margin-top:3px;color:var(--muted)}.planning-plan{border:1px solid #e7ebef;border-radius:10px;padding:11px;margin-bottom:9px;background:#fbfcfd}.planning-plan small{display:block;color:var(--muted);margin-top:3px}.planning-full{width:100%;margin-top:10px}.planning-method{margin-top:16px}.small-empty{padding:16px 6px}.planning-compare{margin-top:15px}
@media(max-width:1200px){.planning-agenda{grid-template-columns:repeat(4,minmax(120px,1fr))}.planning-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.planning-agenda{grid-template-columns:repeat(2,minmax(0,1fr))}.planning-kpis{grid-template-columns:1fr}.planning-target-head{align-items:flex-start;flex-direction:column}.planning-target-head input{max-width:none;width:100%}.planning-sourcebar{display:grid;grid-template-columns:1fr}.planning-day{min-height:118px}}

/* ============================================================
   v16 V10 · Sistema Experto / ISN
   ============================================================ */
.isn-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.isn-global{grid-column:span 2;background:linear-gradient(180deg,#f5fbfb,#fff)}.isn-global>small,.isn-dim small{font-size:10px;font-weight:900;letter-spacing:.07em;color:var(--muted)}.isn-global h3{font-size:28px;margin:6px 0;color:var(--navy)}.isn-global>strong{font-size:16px;color:var(--teal)}.isn-global p{margin-bottom:0;color:var(--muted)}.isn-dim{display:grid;gap:8px}.isn-dim>strong{font-size:26px;color:var(--navy)}.isn-dim .card-head{align-items:flex-start}.isn-analysis-cols{align-items:start}.isn-preview,.isn-rec{border-left:4px solid #d9e4e8}.isn-preview .order-top,.isn-rec .order-top{align-items:flex-start}.isn-preview .order-top>div:last-child,.isn-rec .order-top>div:last-child{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.isn-rec .notice{margin:10px 0}.isn-rec>[data-promote-pattern]{width:100%;margin-top:4px}.pattern{border:1px solid #e2e8eb;border-radius:11px;padding:10px;margin:8px 0;background:#fbfcfd}.pattern small{color:var(--muted);line-height:1.45}.isn-analysis-cols>.card{max-height:none}.isn-analysis-cols .orders-list{max-height:760px;overflow:auto;padding-right:3px}
@media(max-width:1200px){.isn-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.isn-global{grid-column:span 2}}
@media(max-width:720px){.isn-health-grid{grid-template-columns:1fr}.isn-global{grid-column:auto}.isn-global h3{font-size:24px}.isn-analysis-cols .orders-list{max-height:none}}

/* ============================================================
   EQM-LAYOUTS-01 · Layouts físicos responsive
   ============================================================ */
.eqm-layout-list{display:grid;gap:9px}.eqm-layout-list-row{width:100%;border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;cursor:pointer}.eqm-layout-list-row:hover{border-color:#9abfc2;background:#f8fbfb}.eqm-layout-list-row b,.eqm-layout-list-row small{display:block}.eqm-layout-list-row small{margin-top:4px;color:var(--muted)}.eqm-layout-list-row>div:last-child{display:flex;align-items:center;gap:10px}.eqm-layout-list-row>div:last-child>span{font-size:22px;color:var(--muted)}
.eqm-layout-toolbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:12px}.eqm-layout-toolbar>div:nth-child(2){display:grid;gap:2px}.eqm-layout-toolbar small{color:var(--muted)}
.eqm-layout-workspace{position:relative;padding:34px 64px 42px;max-width:900px;margin:0 auto}.eqm-layout-canvas-wrap{max-width:720px;margin:0 auto}.eqm-layout-canvas{position:relative;width:100%;border:2px solid #82949b;background-color:#f8faf9;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;touch-action:none;box-shadow:0 10px 28px rgba(20,38,50,.08)}.eqm-layout-canvas.editing{border-style:dashed;border-color:var(--teal);background-color:#fbfefe}.eqm-layout-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-weight:800;font-size:12px;pointer-events:none}.eqm-layout-orientation{position:absolute;font-size:10px;font-weight:1000;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;text-align:center}.eqm-layout-orientation.top{top:10px;left:64px;right:64px}.eqm-layout-orientation.bottom{bottom:10px;left:64px;right:64px}.eqm-layout-orientation.left{left:4px;top:50%;width:58px;transform:translateY(-50%) rotate(-90deg)}.eqm-layout-orientation.right{right:4px;top:50%;width:58px;transform:translateY(-50%) rotate(90deg)}
.eqm-layout-item{position:absolute;border:1px solid #8ca1ab;border-radius:7px;background:rgba(255,255,255,.93);color:var(--nav);padding:4px;display:grid;place-items:center;align-content:center;text-align:center;font:inherit;line-height:1.05;overflow:hidden;cursor:pointer;transform-origin:center;box-shadow:0 2px 7px rgba(20,38,50,.08);touch-action:none}.eqm-layout-item span{font-size:10px;font-weight:900;max-width:100%;overflow:hidden;text-overflow:ellipsis}.eqm-layout-item small{font-size:7px;color:var(--muted);margin-top:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.eqm-layout-item.fixture{background:rgba(231,236,238,.94);border-color:#aab7bd}.eqm-layout-item.zone{background:rgba(0,139,139,.08);border:1px dashed #4aa6a6;box-shadow:none}.eqm-layout-item.label{border:0;background:transparent;box-shadow:none;color:#44535d}.eqm-layout-item.equipment.done{border-color:#65ad7b;background:#f1faf4}.eqm-layout-item.equipment.pending{border-color:#d6ad45;background:#fff9e8}.eqm-layout-item.equipment.cancelled{border-color:#d87870;background:#fff2f1}.eqm-layout-item.equipment.preparing{border-color:#6aa7c5;background:#f1f8fc}.eqm-layout-canvas.editing .eqm-layout-item{cursor:grab}.eqm-layout-canvas.editing .eqm-layout-item:active{cursor:grabbing}.eqm-layout-item.selected{outline:3px solid rgba(0,139,139,.25);border-color:var(--teal);z-index:999!important}
.eqm-layout-edit-card{max-width:900px;margin:12px auto}.eqm-layout-editor-panel{display:grid;gap:12px}.eqm-layout-editor-panel h4{margin:0}.eqm-layout-savebar{justify-content:flex-end;border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.eqm-layout-savebar .btn{min-width:150px}
@media(max-width:760px){.eqm-layout-toolbar{grid-template-columns:1fr auto}.eqm-layout-toolbar>button:first-child{grid-column:1/-1;justify-self:start}.eqm-layout-toolbar .row-actions{justify-content:flex-end}.eqm-layout-workspace{padding:32px 34px 42px}.eqm-layout-orientation.top,.eqm-layout-orientation.bottom{left:34px;right:34px}.eqm-layout-orientation.left{left:-9px}.eqm-layout-orientation.right{right:-9px}.eqm-layout-item span{font-size:8px}.eqm-layout-item small{display:none}.eqm-layout-savebar{display:grid;grid-template-columns:1fr 1fr}.eqm-layout-savebar .btn{min-width:0}}

/* ============================================================
   v17 V10 · Costos, precios e inteligencia de precios
   ============================================================ */
.cost-component-row{display:grid;grid-template-columns:minmax(155px,1.05fr) minmax(230px,1.7fr) minmax(140px,.8fr) minmax(150px,.9fr);gap:12px;align-items:start;border:1px solid var(--line);border-radius:12px;padding:14px;margin:10px 0;background:#fbfcfd}.cost-component-row label{margin:0;min-width:0;font-weight:800}.cost-component-row label small{display:block;margin-top:5px;font-weight:500;line-height:1.25;color:var(--muted)}.cost-component-row select,.cost-component-row input{width:100%;min-width:0;margin-top:5px}.cost-component-row .ccMainChoice{grid-column:span 2}.cost-component-row .ccConceptWrap{grid-column:span 2}.cost-component-row .ccManualWrap{grid-column:span 2}.cost-component-row .ccContextHelp{grid-column:1/-1;background:#eef6ff;border-radius:10px;padding:8px 10px;font-size:.86rem;color:var(--nav)}.cost-component-row .btn{align-self:end}.cost-rule-field{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}.cost-rule-field legend{font-weight:900;color:var(--nav);padding:0 7px}.cost-rule-field>.btn{margin-top:10px}.cost-rule-field .form-grid{align-items:end}.cost-rule-field select{min-width:120px}
@media(max-width:900px){.cost-component-row{grid-template-columns:1fr 1fr}.cost-component-row .btn{grid-column:1/-1}.cost-rule-field .form-grid.three{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.cost-component-row,.cost-rule-field .form-grid.three{grid-template-columns:1fr}.cost-component-row .btn{grid-column:auto}}


/* v17 FIX01 · ficha de precio y tamaño de hoja sin ambigüedad */
.cost-item-open{appearance:none;border:0;background:transparent;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
.cost-item-open:hover,.cost-item-open:focus{color:#0b67c2}
.cost-observation-detail{display:grid;gap:10px;margin:12px 0}
.cost-source-link{display:inline-flex;justify-content:center;align-items:center;text-decoration:none}
.cost-detail-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:14px}
.cost-size-field{border:1px solid #d7dee7;border-radius:10px;padding:8px 10px;display:flex;gap:12px;align-items:center;min-width:0}
.cost-size-field legend{padding:0 4px;font-size:.82rem;font-weight:700;color:#52606d}
.cost-size-field label{display:flex;gap:6px;align-items:center;font-weight:700;margin:0}
.cost-save-summary{margin:0}
@media(max-width:700px){.cost-detail-actions>.btn{flex:1 1 45%}.cost-size-field{align-items:flex-start;flex-direction:column;gap:6px}}

/* v17 FIX03 · formulario de componentes autoexplicativo por tipo */
.cost-component-row .hidden{display:none!important}

/* v18 carry-over UX: cantidad/unidad en segunda línea para evitar scroll horizontal */
@media(min-width:901px){.cost-component-row .ccQtyWrap{grid-column:1/3}.cost-component-row .ccUnitWrap{grid-column:3/5}.cost-component-row .ccMainChoice{grid-column:2/5}.cost-component-row .ccConceptWrap{grid-column:2/5}.cost-component-row .ccManualWrap{grid-column:3/5}}
.platform-channel-grid .card{min-width:0}.platform-channel-grid .metric-line{gap:8px}.platform-channel-grid .btn{margin-top:10px}

/* v20 · Equipo + Sensores */
.eqm-subhead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin:4px 0 18px}.eqm-subhead h2{margin:3px 0}.eqm-sensor-device-v20{padding:16px 0;border-bottom:1px solid #e7ebef}.eqm-sensor-device-v20:last-child{border-bottom:0}.eqm-sensor-health-grid-v20{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.eqm-sensor-health-grid-v20 span{background:#f6f8fa;border:1px solid #e2e7eb;border-radius:10px;padding:9px;font-size:12px;display:flex;flex-direction:column;gap:3px}.eqm-sensor-channel-v20{display:grid;grid-template-columns:minmax(170px,1.2fr) minmax(120px,.7fr) minmax(180px,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #edf0f2}.eqm-sensor-channel-v20>div{min-width:0}.eqm-sensor-channel-v20 small{display:block;color:#68737d;margin-top:3px}.eqm-sensor-channel-v20 strong{font-size:18px}.eqm-sensor-channel-v20 b,.eqm-sensor-channel-v20 small{overflow-wrap:anywhere}@media(max-width:900px){.eqm-sensor-health-grid-v20{grid-template-columns:repeat(2,minmax(0,1fr))}.eqm-sensor-channel-v20{grid-template-columns:1fr 1fr}.eqm-sensor-channel-v20 button{width:100%}}@media(max-width:560px){.eqm-sensor-health-grid-v20,.eqm-sensor-channel-v20{grid-template-columns:1fr}}

/* v21 V20 · Laboratorio operativo */
.lab-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.lab-template-card{min-width:0}.lab-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.lab-timeline{display:grid;gap:0;margin-top:8px}.lab-timeline>div{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:14px;padding:13px 0;border-bottom:1px solid var(--border,#d8dee6)}.lab-timeline>div:last-child{border-bottom:0}.lab-timeline span{color:var(--muted,#5c6875);line-height:1.45}.lab-vat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.lab-runner-vat{min-width:0}.lab-runner-live{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.lab-runner-live>div{border:1px solid var(--border,#d8dee6);border-radius:12px;padding:12px;display:grid;gap:3px}.lab-runner-live strong{font-size:1.35rem}.lab-runner-live small{color:var(--muted,#65717e)}.lab-runner-vat .danger,[data-lab-t10-due].danger{color:#a21c13;font-weight:800}.lab-run-card .metric-line b{max-width:65%;text-align:right}.label-preview code{overflow-wrap:anywhere}.lab-template-card .decision-actions{margin-top:12px}
@media(max-width:900px){.lab-template-grid{grid-template-columns:1fr}.lab-vat-grid{grid-template-columns:1fr}}@media(max-width:560px){.lab-timeline>div{grid-template-columns:1fr;gap:4px}.lab-runner-live{grid-template-columns:1fr}.lab-run-card .metric-line{align-items:flex-start}.lab-run-card .metric-line b{max-width:58%;font-size:.88rem}}

/* v21 V40 · Congelador LAB-001 */
.lab-freezer-level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:12px 0}.lab-freezer-level{padding:12px;display:grid;gap:4px;min-width:0}.lab-freezer-level strong{font-size:1.35rem}.lab-freezer-level span,.lab-freezer-level small{color:var(--muted,#65717e)}.lab-freezer-level.freezer-warn{border-color:#d5a11e;background:#fff9e6}.lab-freezer-level.freezer-warn b{font-size:.72rem;color:#8a6500;overflow-wrap:anywhere}
@media(max-width:900px){.lab-freezer-level-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.lab-freezer-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v23 Pilot Ready */
.pilot-check-row{padding:12px 0;border-bottom:1px solid var(--line,#e5e7eb)}
.pilot-check-row:last-child{border-bottom:0}
.pilot-check-row .decision-actions{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}
#page-piloto .health-row{min-height:56px}
#page-piloto .grid-2{align-items:start}
#page-piloto .order p{margin:8px 0}


/* ==========================================================
   v23 V20 UX01 · navegación, calma visual y accesibilidad
   ========================================================== */
body{letter-spacing:.001em}
.card,.kpi,.vat,.order,.summary{background:var(--card)}
.page-head h2{letter-spacing:-.018em}
.card h3{letter-spacing:-.006em}
.eyebrow{color:var(--teal)!important}
.status-ok{color:#126432;background:#edf8f0}
.badge.ready,.badge.done{background:#e7f5eb;color:#126432}
.badge.pending{background:#fff3cf;color:#684900}
.badge.preparing,.badge.assigned{background:#e7f5f4;color:#005f5f}
.vat.running{border-color:#b57a00}.vat.cleaning{border-color:var(--teal);background:#f2fbf9}.vat.done{border-color:var(--red);background:#fff7f5}
.product-card.selected{border-color:var(--teal);background:#eff9f7}.flavor.selected{border-color:#b57a00;background:#fff8e8}
@media(max-width:720px){.btn{min-height:44px}.side-nav button{min-height:44px}.nav-children button{min-height:42px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* v23 V20 UX01 · diagnóstico y progressive disclosure */
.diagnostic-tools{padding:0;overflow:hidden}
.diagnostic-tools>summary{list-style:none;display:grid;grid-template-columns:1fr 22px;gap:12px;align-items:center;padding:16px 18px;cursor:pointer;user-select:none}
.diagnostic-tools>summary::-webkit-details-marker{display:none}
.diagnostic-tools>summary h3{margin:0 0 3px}
.diagnostic-tools>summary small{display:block;color:var(--muted);font-weight:600;line-height:1.35}
.diagnostic-tools>summary:hover{background:#faf8f3}
.diagnostic-tools[open]>summary{border-bottom:1px solid var(--line)}
.diagnostic-tools[open]>summary .nav-chevron{transform:rotate(180deg)}
.diagnostic-tools-body{display:grid;gap:10px;padding:14px 18px 18px}
.diagnostic-tool-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.diagnostic-tool-row:last-child{border-bottom:0}
.diagnostic-tool-row b{display:block;font-size:13px;color:var(--ink)}
.diagnostic-tool-row small{display:block;margin-top:3px;color:var(--muted);line-height:1.35}

/* UX01 · estados no dependen sólo del color */

@media(max-width:720px){
  .side-nav button,.nav-children button{min-height:44px}
  .diagnostic-tool-row{grid-template-columns:1fr}
  .diagnostic-tool-row .btn{width:100%}
}

@media(forced-colors:active){
  .btn,.side-nav button,.card,.notice,input,select,textarea,.nav-group>summary{forced-color-adjust:auto}
  .side-nav button.active{outline:2px solid Highlight;box-shadow:none}
}

/* UX02 · historial de recomendaciones duplicadas conservado sin competir con la decisión vigente */
.isn-rec-history{margin:-8px 0 14px;padding:8px 12px;border:1px dashed var(--line);border-radius:10px;background:#fafcfc}.isn-rec-history summary{cursor:pointer;color:var(--muted);font-size:11px;font-weight:800}.isn-rec-history[open] summary{margin-bottom:7px}.lab-future-work p{color:var(--muted);margin:6px 0 10px;line-height:1.45}

/* UX04 · progressive disclosure for non-routine alarm tests */
.service-alarm-tests{margin-top:8px;border-top:1px solid var(--border,#ded8ce);padding-top:8px}
.service-alarm-tests summary{cursor:pointer;font-weight:700;list-style-position:inside;color:var(--text-muted,#5f5a54)}
.service-alarm-tests[open] summary{margin-bottom:8px}
.service-alarm-tests small{display:block;margin-top:6px;line-height:1.35}


/* UX05 · Tinas: jerarquía operativa tranquila */
.vat-actions{align-items:center;flex-wrap:wrap}
.vat-action-status{display:inline-flex;align-items:center;min-height:38px;padding:6px 10px;border-radius:10px;background:#f4f6f5;color:#4d5b58;font-size:.82rem;font-weight:750;line-height:1.2}
.vat-action-status.available{background:#edf7f2;color:#245a42}
.service-cleaning-required{color:#006d6d}
.service-secondary-panel{margin-top:12px;padding:0;overflow:hidden}
.service-secondary-panel>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;min-height:50px}
.service-secondary-panel>summary::-webkit-details-marker{display:none}
.service-secondary-panel>summary:after{content:'▾';font-size:1rem;color:#66736f;transition:transform .15s ease}
.service-secondary-panel[open]>summary:after{transform:rotate(180deg)}
.service-secondary-panel>summary span{font-size:.8rem;color:#6b7673;font-weight:500;margin-left:auto}
.service-secondary-panel[open]>summary{border-bottom:1px solid var(--line)}
.service-secondary-panel .service-standards-strip{margin:12px 14px 14px}
.service-secondary-panel .orders-list{margin:12px 14px 14px}
.service-secondary-panel .service-incidents{margin:12px 14px 14px}
@media(max-width:640px){
  .service-secondary-panel>summary{align-items:flex-start;flex-direction:column;gap:3px;padding-right:38px;position:relative}
  .service-secondary-panel>summary:after{position:absolute;right:15px;top:16px}
  .service-secondary-panel>summary span{margin-left:0}
  .queue-actions .btn{width:100%}
  .vat-actions>.btn{flex:1 1 180px}
  .vat-action-status{flex:1 1 100%;justify-content:center}
}

/* ============================================================
   UX06 · LAZO VISUAL COLA ↔ TINA + READINESS
   ============================================================ */
.service-vats-primary .vat{
  position:relative;
  overflow:hidden;
  border-width:2px;
  border-color:#cad8d5;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdfc 100%);
}
.service-vats-primary .vat::before{
  content:"";
  position:absolute;left:0;top:0;bottom:0;width:7px;
  background:#647a75;
}
.service-vats-primary .vat[data-service-vat="1"]::before{background:#006d6d}
.service-vats-primary .vat[data-service-vat="2"]::before{background:#315b74}
.service-vats-primary .vat.running::before{background:#b57a00}
.service-vats-primary .vat.cleaning::before{background:#6f4e91}
.service-vats-primary .vat.expired::before{background:#b52319}
.service-vats-primary .vat-head{padding-left:4px}
.service-vats-primary .vat-head h3{font-size:1.18rem;letter-spacing:-.02em}
.vat-link-state{
  position:relative;
  margin:9px 0 10px 16px;
  padding:10px 12px 10px 15px;
  border:1px solid #d9e2df;
  border-radius:12px;
  background:#f7faf9;
  display:grid;grid-template-columns:8px minmax(0,1fr);gap:9px;align-items:stretch;
}
.vat-link-line{width:4px;border-radius:99px;background:#778984;min-height:46px}
.vat-link-state small{display:block;font-size:.66rem;font-weight:900;letter-spacing:.09em;color:#66736f;margin-bottom:2px}
.vat-link-state b{display:block;font-size:.9rem;color:#1f312e}
.vat-link-state span{display:block;margin-top:2px;font-size:.76rem;line-height:1.3;color:#586964}
.vat-link-state.ready{border-color:#9ecdb3;background:#f0faf4}.vat-link-state.ready .vat-link-line{background:#197445}.vat-link-state.ready span{color:#175f3a}
.vat-link-state.recovering{border-color:#e5c978;background:#fff9e8}.vat-link-state.recovering .vat-link-line{background:#a36f00}.vat-link-state.recovering span{color:#795600}
.vat-link-state.cleaning{border-color:#c7b4dc;background:#f8f4fb}.vat-link-state.cleaning .vat-link-line{background:#6f4e91}.vat-link-state.cleaning span{color:#60427e}
.vat-link-state.manual{border-color:#b7c8d4;background:#f2f7fa}.vat-link-state.manual .vat-link-line{background:#315b74}.vat-link-state.manual span{color:#315b74}
.vat-link-state.blocked{border-color:#dfc1bd;background:#fff6f4}.vat-link-state.blocked .vat-link-line{background:#9b3128}
.service-queue-row{position:relative;border:1px solid #e2e9e7;border-radius:12px;padding:10px 10px 10px 8px;background:#fff}
.service-queue-row::before{content:"";position:absolute;left:-1px;top:11px;bottom:11px;width:4px;border-radius:99px;background:#b6c5c1}
.queue-actions{flex-wrap:wrap;justify-content:flex-end}
.service-verify-btn{border-color:#8ca9bb!important;color:#274f68!important;background:#f5f9fb!important}
.service-verify-btn:hover{background:#eaf3f7!important}
.readiness-modal-state{display:flex;flex-direction:column;gap:3px;border-radius:12px;padding:12px 14px;border:1px solid #cbd7d3;background:#f7faf9;margin:8px 0 12px}
.readiness-modal-state b{font-size:1rem}.readiness-modal-state span{font-size:.82rem;line-height:1.35}
.readiness-modal-state.ready{background:#eefaf3;border-color:#8fc8a6}.readiness-modal-state.recovering{background:#fff8e5;border-color:#dfc36b}.readiness-modal-state.manual{background:#f2f7fa;border-color:#a9bfcd}.readiness-modal-state.cleaning{background:#f7f2fb;border-color:#c9b4da}
.service-priority-layout{position:relative}
.service-priority-layout::after{content:"TANDAS → TINAS";position:absolute;left:12px;bottom:-7px;padding:2px 8px;border-radius:999px;background:#eef4f2;color:#586b65;font-size:.6rem;font-weight:900;letter-spacing:.1em}
@media(max-width:800px){
  .vat-link-state{margin-left:8px}
  .queue-actions{grid-column:2;justify-content:flex-start}
  .service-priority-layout::after{display:none}
}

/* ============================================================
   UX07 · TINAS COMPACTAS / UNA IDEA PRINCIPAL POR TINA
   ============================================================ */
.service-page-head{margin-bottom:4px;padding-bottom:0;min-height:auto}
.service-page-head h2{margin-bottom:2px}
.service-page-head p{margin:0;font-size:11px}
.service-priority-layout{grid-template-columns:minmax(0,1fr) 204px;gap:10px;margin-bottom:10px}
.service-priority-layout::after{display:none}
.service-vats-primary{gap:9px}
.service-vats-primary .vat{padding:10px 10px 9px;border-radius:14px}
.service-vats-primary .vat::before{width:5px}
.service-vats-primary .vat-head{padding-left:2px;margin-bottom:2px}
.service-vats-primary .vat-head h3{font-size:1.08rem}
.service-vats-primary .vat-head .badge{padding:4px 8px;font-size:9px}

/* Temperatura + reloj + salud en una sola franja compacta */
.service-vats-primary .vat-thermal{
  margin:6px 0;
  padding:7px 9px;
  grid-template-columns:minmax(88px,.72fr) minmax(88px,.72fr) minmax(105px,1fr);
  gap:8px;
  align-items:center;
  border-radius:11px;
}
.service-vats-primary .vat-thermal-value strong,
.service-vats-primary .vat-thermal-timer>strong{font-size:24px}
.service-vats-primary .vat-thermal-timer{padding-left:9px}
.vat-thermal-state-inline{min-width:0;border-left:1px solid #d7dfdf;padding-left:9px;display:flex;flex-direction:column;justify-content:center}
.vat-thermal-state-inline b{font-size:9px;letter-spacing:.035em;line-height:1.15;color:#55645f}
.vat-thermal-state-inline span{font-size:9px;line-height:1.2;color:var(--muted);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vat-thermal.live .vat-thermal-state-inline b{color:#15723a}
.vat-thermal.stale .vat-thermal-state-inline b{color:#946700}
.vat-thermal.offline .vat-thermal-state-inline b,.vat-thermal.sensor-error .vat-thermal-state-inline b,.vat-thermal.no-data .vat-thermal-state-inline b,.vat-thermal.unavailable .vat-thermal-state-inline b{color:#a6231a}

/* Estado principal: una sola línea en reposo, sin tarjeta redundante */
.vat-next-inline{display:flex;align-items:center;gap:7px;min-height:31px;padding:5px 3px 5px 5px;margin:2px 0 5px;color:#4d5d58}
.vat-next-dot{width:8px;height:8px;border-radius:50%;background:#87958f;flex:0 0 auto}
.vat-next-inline>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:5px 7px;align-items:center;min-width:0;width:100%}
.vat-next-inline small{font-size:8px;font-weight:900;letter-spacing:.08em;color:#74827d}
.vat-next-inline b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vat-next-inline span:not(.vat-next-dot){font-size:9px;font-weight:800;white-space:nowrap}
.vat-next-inline.neutral b{font-weight:750;color:#66736f}
.vat-next-inline.ready .vat-next-dot{background:#197445}.vat-next-inline.ready span{color:#197445}
.vat-next-inline.recovering .vat-next-dot{background:#a36f00}.vat-next-inline.recovering span{color:#8b6200}
.vat-next-inline.cleaning .vat-next-dot{background:#6f4e91}.vat-next-inline.cleaning span{color:#6f4e91}
.vat-next-inline.manual .vat-next-dot{background:#315b74}.vat-next-inline.manual span{color:#315b74}
.vat-next-inline.blocked .vat-next-dot{background:#9b3128}.vat-next-inline.blocked span{color:#9b3128}

/* Cuando hay una operación real, una sola banda de guía */
.service-vats-primary .service-guidance{margin:4px 0 5px;padding:6px 8px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;border-radius:9px}
.service-vats-primary .service-guidance b{font-size:10px;white-space:nowrap}
.service-vats-primary .service-guidance small{font-size:9px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.vat-task{min-height:0!important;margin:3px 0 5px;color:#394843}
.vat-task.active{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;padding:5px 7px;border-radius:8px;background:#f5f8f7;border:1px solid #e1e8e5}
.vat-task.active b{font-size:11px}.vat-task.active span{font-size:10px;color:#5e6d68}.vat-task.active small{font-size:9px;flex-basis:100%}

.service-vats-primary .vat-actions{display:flex;align-items:center;gap:7px;margin-top:4px}
.service-vats-primary .vat-actions>.btn{flex:0 1 auto;min-height:36px;padding:8px 11px;font-size:11px}
.service-vats-primary .vat-action-status{flex:1 1 auto;min-height:auto;padding:0;background:none;border:0;color:#6a7772;font-size:9px;justify-content:flex-start}
.service-vats-primary .service-manual-inline{margin-top:1px}

/* Funciones secundarias siguen presentes, pero dejan de competir con la acción principal */
.vat-more{margin-top:5px;border-top:1px solid #edf1ef;padding-top:3px}
.vat-more>summary{cursor:pointer;list-style:none;font-size:9px;font-weight:850;color:#6d7975;padding:3px 1px;display:inline-flex;align-items:center;gap:5px}
.vat-more>summary::-webkit-details-marker{display:none}.vat-more>summary::before{content:'›';font-size:13px;line-height:1;transition:transform .15s ease}.vat-more[open]>summary::before{transform:rotate(90deg)}
.vat-more-content{display:grid;gap:6px;padding:5px 0 2px}.vat-more-content .service-timing-snapshot{margin:0;padding:5px 7px}.vat-more-content .thermal-run-live{margin:0}.vat-more-content .service-incident-button{margin:0;justify-self:start}
.vat-offline-note{margin-top:6px!important;padding:7px 9px!important;font-size:9px}

/* Accesos a ventas/seguimiento viven en el rail, por encima del estado */
.service-rail-actions{display:grid;gap:6px;margin-bottom:2px}
.service-rail-actions .btn{width:100%;min-height:36px;padding:8px 9px;font-size:11px}
.service-ops-rail.compact{padding:9px;gap:6px;top:112px}
.service-ops-rail.compact .service-ops-title{padding-bottom:3px}
.service-ops-row{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:29px;padding:5px 7px;border:1px solid #e3e8e6;border-radius:9px;background:#fafcfb;font-size:9px;color:#68746f}
.service-ops-row>b{font-size:9px;color:#34433e;text-align:right;line-height:1.15}
.service-ops-row.warn{border-color:#ead99e;background:#fff9e9}
.service-ops-row.checker{padding:0;border:0;background:transparent;min-height:0}
.service-ops-row.checker .sync-pill{width:100%;min-height:29px;padding:5px 7px;font-size:9px;margin:0;white-space:normal}
.service-alarm-tests{margin-top:1px}.service-alarm-tests>summary{font-size:9px;padding:4px 2px}
.service-alarm-tests small{font-size:8px}
.service-alarm-grid{gap:4px}.service-test-alarm{min-height:34px;padding:5px 3px;font-size:9px}

/* La explicación de readiness queda disponible, no abierta permanentemente */
.service-readiness-help{margin-top:10px}.service-readiness-help>.notice{margin:10px 0}.service-secondary-panel{padding-top:10px;padding-bottom:10px}

@media(max-width:1180px){
  .service-priority-layout{grid-template-columns:1fr}
  .service-ops-rail.compact{position:static;display:grid;grid-template-columns:minmax(160px,1fr) repeat(3,minmax(110px,.7fr));align-items:start}
  .service-rail-actions{grid-row:1/3}.service-ops-title{display:none}
  .service-ops-row.checker,.service-ops-row{min-height:36px}
  .service-alarm-tests{align-self:stretch}
}
@media(max-width:820px){
  .service-vats-primary .vat-thermal{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .vat-thermal-state-inline{grid-column:1/-1;border-left:0;border-top:1px solid #d7dfdf;padding:5px 0 0;display:flex;flex-direction:row;gap:6px;align-items:center}
  .vat-thermal-state-inline span{margin:0;-webkit-line-clamp:1}
  .service-ops-rail.compact{grid-template-columns:1fr 1fr}.service-rail-actions{grid-column:1/-1;grid-row:auto;grid-template-columns:1fr 1fr}
  .service-alarm-tests{grid-column:1/-1}
}
@media(max-width:480px){
  .service-vats-primary .vat{padding:9px}
  .service-rail-actions{grid-template-columns:1fr}
  .vat-next-inline>div{grid-template-columns:auto 1fr}.vat-next-inline span:not(.vat-next-dot){grid-column:2}
  .service-vats-primary .service-guidance{grid-template-columns:1fr}.service-vats-primary .service-guidance small{white-space:normal}
}

/* ============================================================
   UX09 · TINAS CONTEXTUALES: REPOSO TRANQUILO + COLA GLOBAL
   ============================================================ */
.vat-readiness-inline{
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr);
  align-items:center;
  gap:5px 7px;
  min-height:28px;
  margin:1px 2px 0;
  color:#51615c;
}
.vat-readiness-mark{font-size:13px;font-weight:950;line-height:1;color:#70807a}
.vat-readiness-inline b{font-size:10px;line-height:1.15;white-space:nowrap}
.vat-readiness-inline>span:last-child{font-size:9px;line-height:1.2;color:#6d7a76;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vat-readiness-inline.ready .vat-readiness-mark,.vat-readiness-inline.ready b{color:#197445}
.vat-readiness-inline.recovering .vat-readiness-mark,.vat-readiness-inline.recovering b{color:#8b6200}
.vat-readiness-inline.manual .vat-readiness-mark,.vat-readiness-inline.manual b{color:#315b74}
.vat-readiness-inline.cleaning .vat-readiness-mark,.vat-readiness-inline.cleaning b{color:#6f4e91}
.vat-readiness-inline.blocked .vat-readiness-mark,.vat-readiness-inline.blocked b{color:#9b3128}

/* En reposo sin cola, temperatura/tiempo siguen visibles pero ya no dominan la tarjeta. */
.service-vats-primary .vat-thermal.idle-compact{
  margin:5px 0 2px;
  padding:5px 8px;
  min-height:46px;
  grid-template-columns:minmax(82px,.68fr) minmax(72px,.58fr) minmax(105px,1.12fr);
}
.service-vats-primary .vat-thermal.idle-compact .vat-thermal-value strong,
.service-vats-primary .vat-thermal.idle-compact .vat-thermal-timer>strong{font-size:21px}
.service-vats-primary .vat-thermal.idle-compact .vat-thermal-value small,
.service-vats-primary .vat-thermal.idle-compact .vat-thermal-timer>small:first-child{font-size:8px}
.service-vats-primary .vat-thermal.idle-compact .vat-thermal-state-inline b{font-size:8px}
.service-vats-primary .vat-thermal.idle-compact .vat-thermal-state-inline span{font-size:8px;-webkit-line-clamp:1}
.vat-readiness-inline + .vat-next-inline{margin-top:0}

@media(max-width:820px){
  .vat-readiness-inline{grid-template-columns:auto minmax(0,1fr)}
  .vat-readiness-inline>span:last-child{grid-column:2;white-space:normal}
  .service-vats-primary .vat-thermal.idle-compact{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}


/* ============================================================
   UX09 · CONTEXTO: sólo mostrar complejidad cuando afecta una decisión
   ============================================================ */
/* Tina inactiva: no existe un cronómetro operativo, por eso se oculta. */
.service-vats-primary .vat-thermal.idle-compact.no-timer{
  grid-template-columns:minmax(105px,.72fr) minmax(150px,1.28fr);
  min-height:42px;
  padding:5px 8px;
}
.service-vats-primary .vat-thermal.idle-compact.no-timer .vat-thermal-state-inline{padding-left:10px}

/* Sin trabajo esperando, una pérdida de telemetría se informa sin semántica de alarma. */
.service-vats-primary .vat-thermal.context-idle.offline,
.service-vats-primary .vat-thermal.context-idle.no-data,
.service-vats-primary .vat-thermal.context-idle.unavailable{
  border-color:#d7dfdc;
  background:#f7faf8;
}
.service-vats-primary .vat-thermal.context-idle.offline .vat-thermal-state-inline b,
.service-vats-primary .vat-thermal.context-idle.no-data .vat-thermal-state-inline b,
.service-vats-primary .vat-thermal.context-idle.unavailable .vat-thermal-state-inline b,
.service-vats-primary .vat-thermal.context-idle.no-data .vat-thermal-value strong,
.service-vats-primary .vat-thermal.context-idle.unavailable .vat-thermal-value strong{
  color:#68756f;
}
/* Cuando sí hay una tanda esperando, la misma falta de lectura sube a atención ámbar. */
.service-vats-primary .vat-thermal.context-decision.offline,
.service-vats-primary .vat-thermal.context-decision.no-data,
.service-vats-primary .vat-thermal.context-decision.unavailable{
  border-color:#e8d18b;
  background:#fff9e9;
}
.service-vats-primary .vat-thermal.context-decision.offline .vat-thermal-state-inline b,
.service-vats-primary .vat-thermal.context-decision.no-data .vat-thermal-state-inline b,
.service-vats-primary .vat-thermal.context-decision.unavailable .vat-thermal-state-inline b,
.service-vats-primary .vat-thermal.context-decision.no-data .vat-thermal-value strong,
.service-vats-primary .vat-thermal.context-decision.unavailable .vat-thermal-value strong{
  color:#866000;
}

/* La cola vacía es un estado de la pantalla, no de cada tina. */
.service-queue-global{
  margin:9px 0 2px;
  min-height:34px;
  padding:7px 11px;
  border:1px solid #e2e8e5;
  border-radius:11px;
  background:#fafcfb;
  display:flex;
  align-items:center;
  gap:7px;
  color:#64726d;
}
.service-queue-global-dot{width:8px;height:8px;border-radius:50%;background:#8a9892;flex:0 0 auto}
.service-queue-global b{font-size:10px;color:#43514c}
.service-queue-global small{font-size:9px;color:#74817c}
.service-queue-card{margin-top:9px!important}

@media(max-width:820px){
  .service-vats-primary .vat-thermal.idle-compact.no-timer{grid-template-columns:minmax(90px,.7fr) minmax(0,1.3fr)}
  .service-vats-primary .vat-thermal.idle-compact.no-timer .vat-thermal-state-inline{grid-column:auto;border-top:0;border-left:1px solid #d7dfdf;padding:0 0 0 9px;display:flex;flex-direction:column;align-items:flex-start;gap:0}
}
@media(max-width:480px){
  .service-vats-primary .vat-thermal.idle-compact.no-timer{grid-template-columns:1fr}
  .service-vats-primary .vat-thermal.idle-compact.no-timer .vat-thermal-state-inline{grid-column:1;border-left:0;border-top:1px solid #d7dfdf;padding:5px 0 0}
  .service-queue-global{align-items:flex-start;flex-wrap:wrap}
}


/* ============================================================
   UX10 · CIERRE VISUAL DE TINAS
   ============================================================ */
/* La cola vacía vive pegada a las dos tinas y queda visible sin hacer scroll. */
.service-vats-stack{min-width:0;display:grid;gap:7px}
.service-vats-stack .service-queue-global{margin:0 0 1px}

/* Una lectura vieja no es un estado NORMAL: modo operativo sólo se muestra con telemetría EN VIVO. */
.service-vats-primary .vat-thermal.context-idle.offline .vat-thermal-state-inline span,
.service-vats-primary .vat-thermal.context-decision.offline .vat-thermal-state-inline span{color:#75817c}

@media(max-width:1180px){
  .service-vats-stack{width:100%}
}

/* UX11 · Seguimiento de pedidos compacto y progresivo */
.wait-page-head-compact{align-items:flex-start;gap:18px}
.wait-page-head-compact>div:first-child p{max-width:650px;margin-top:4px}
.wait-head-actions{display:flex;align-items:stretch;gap:8px}
.wait-head-stack{display:grid;gap:7px}
.wait-head-actions>.btn{align-self:stretch}
.wait-customer-shell-ux11{max-width:940px;gap:12px}
.wait-summary-bar{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px 16px;box-shadow:0 7px 20px rgba(19,37,54,.04)}
.wait-summary-bar.ready{border-color:#c8e1d0;background:#f8fcf9}.wait-summary-bar.pending{border-color:#ead9ac;background:#fffdf7}
.wait-summary-main{min-width:0}.wait-summary-main>small{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--muted);margin-bottom:2px}.wait-summary-main>strong{display:block;font-size:22px;line-height:1.1;color:var(--nav)}.wait-summary-main>p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.35}
.wait-summary-side{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.wait-summary-count{display:inline-flex;align-items:baseline;gap:4px;border:1px solid #dfe6e8;background:#f7f9f9;border-radius:999px;padding:7px 10px;font-size:10px;color:var(--muted);white-space:nowrap}.wait-summary-count b{font-size:13px;color:var(--nav)}
.wait-summary-bar .wait-connection{padding:7px 10px}.wait-summary-bar .wait-connection span{display:none}
.wait-track-primary{padding:16px}.wait-track-primary .wait-track-result{min-height:76px;padding:13px 14px}.wait-track-primary .wait-track-number b{font-size:31px}
.wait-track-actions-context:empty{display:none}.wait-track-actions-context{margin-top:-4px}
.wait-board-primary{padding:16px}.wait-board-count{min-width:30px;height:30px;display:grid;place-items:center;border:1px solid #dfe6e8;border-radius:999px;background:#f7f9f9;font-weight:900;color:var(--nav)}
.wait-mini-details{margin-top:10px;border-top:1px solid #edf0f1;padding-top:8px}.wait-mini-details>summary{cursor:pointer;color:var(--muted);font-size:10px;font-weight:800;list-style:none}.wait-mini-details>summary::-webkit-details-marker{display:none}.wait-mini-details>summary:before{content:'› ';font-weight:1000}.wait-mini-details[open]>summary:before{content:'⌄ '}
.wait-secondary-card{padding:0;overflow:hidden}.wait-secondary-card>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px}.wait-secondary-card>summary::-webkit-details-marker{display:none}.wait-secondary-card>summary>div{display:grid;gap:2px}.wait-secondary-card>summary b{font-size:13px;color:var(--nav)}.wait-secondary-card>summary small{font-size:10px;color:var(--muted)}.wait-secondary-card>summary>span{font-size:10px;font-weight:900;color:var(--teal-dark);white-space:nowrap}.wait-secondary-card[open]>summary{border-bottom:1px solid #edf0f1}.wait-secondary-card[open]>summary>span{font-size:0}.wait-secondary-card[open]>summary>span:after{content:'Ocultar';font-size:10px}.wait-secondary-body{padding:14px 16px;display:grid;gap:12px}
.wait-secondary-body .wait-lanes{margin:0}.wait-secondary-body .notice{margin:0}
.wait-exit-fullscreen{display:none;border:1px solid #ccd7da;background:#fff;color:var(--nav);border-radius:999px;padding:8px 11px;font-size:10px;font-weight:900;cursor:pointer}
.wait-customer-shell:fullscreen .wait-exit-fullscreen{display:inline-flex;position:absolute;right:12px;top:12px;z-index:8}.wait-customer-shell:fullscreen .wait-summary-bar{padding-right:120px}.wait-customer-shell:fullscreen .wait-summary-bar .wait-connection span{display:none}
.wait-customer-shell:fullscreen .wait-secondary-card.wait-ops-only{display:none!important}
@media(max-width:720px){.wait-page-head-compact{display:grid}.wait-head-actions{width:100%;display:grid;grid-template-columns:1fr auto}.wait-head-stack{min-width:0}.wait-head-stack .btn{width:100%}.wait-summary-bar{grid-template-columns:1fr;gap:9px}.wait-summary-side{justify-content:flex-start}.wait-track-primary .wait-track-result{min-height:0}.wait-secondary-card>summary{align-items:flex-start}.wait-summary-bar .wait-connection span{display:block}.wait-customer-shell:fullscreen .wait-summary-bar{padding-right:16px;padding-top:54px}}

/* UX12 · Experiencia cliente segura */
.public-track-shell{min-height:100vh;display:grid;place-content:center;gap:14px;padding:24px;background:linear-gradient(180deg,#f8f5ef 0%,#f1f5f4 100%)}
.public-track-card{width:min(560px,calc(100vw - 32px));background:#fff;border:1px solid #d9e1df;border-radius:26px;padding:30px;text-align:center;box-shadow:0 18px 55px rgba(30,45,42,.10)}
.public-track-logo{width:96px;height:96px;object-fit:contain;border-radius:50%;margin:0 auto 12px}.public-track-eyebrow{font-size:.76rem;font-weight:900;letter-spacing:.12em;color:#56635f}.public-track-number{font-size:clamp(2.2rem,9vw,4.5rem);font-weight:950;letter-spacing:.04em;color:#143c37;margin:12px 0 4px}.public-track-card h1{font-size:clamp(1.35rem,5vw,2rem);margin:4px 0 8px;color:#143c37}.public-track-card p{font-size:1.05rem;color:#53605d;margin:0 auto;max-width:38ch}.public-track-update{margin-top:18px;font-size:.82rem;color:#71807c}.public-track-card.ready{border-color:#a7cdbd;box-shadow:0 18px 55px rgba(37,109,82,.13)}.public-track-card.cancelled{border-color:#e6b9b9}.public-track-foot{text-align:center;color:#6f7b77;font-size:.8rem}
.wait-public-link{margin-top:12px;padding:12px 14px;border:1px solid #dce6e3;border-radius:14px;background:#f8fbfa;display:flex;gap:12px;justify-content:space-between;align-items:center}.wait-public-link>div:first-child{display:grid;gap:3px}.wait-public-link small{color:#64716d}.wait-public-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.wait-customer-shell:fullscreen .wait-secondary-card{display:none!important}.wait-customer-shell:fullscreen .wait-summary-bar .wait-connection{display:none}.wait-customer-shell:fullscreen .wait-board-primary{margin-top:8px}.wait-customer-shell:fullscreen .wait-board-primary .wait-mini-details{display:none}.wait-customer-shell:fullscreen .wait-board-primary .card-head small{display:none}
@media(max-width:720px){.wait-public-link{align-items:flex-start;display:grid}.wait-public-actions{justify-content:flex-start}.public-track-card{padding:24px 18px;border-radius:20px}}
/* UX12 FIX01 · kiosco: estado útil inmediatamente bajo tiempo de espera */
.wait-kiosk-status{display:none;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 0}
.wait-kiosk-line{border:1px solid var(--line);border-radius:16px;background:#fff;padding:14px 16px;min-width:0}
.wait-kiosk-line small{display:block;font-size:10px;font-weight:900;letter-spacing:.11em;color:var(--muted);margin-bottom:5px}
.wait-kiosk-line strong{display:block;font-size:22px;line-height:1.2;color:var(--nav);overflow-wrap:anywhere}
.wait-kiosk-line.ready{border-color:#c8e1d0;background:#f8fcf9}
.wait-customer-shell:fullscreen .wait-kiosk-status{display:grid}
@media(max-width:720px){.wait-customer-shell:fullscreen .wait-kiosk-status{grid-template-columns:1fr}.wait-kiosk-line strong{font-size:20px}}

/* UX12 FIX02 · ETA pública sanitizada */
.public-track-eta{margin:20px auto 2px;max-width:360px;border-radius:18px;padding:14px 16px;display:grid;gap:4px}.public-track-eta small{font-size:.7rem;font-weight:900;letter-spacing:.1em}.public-track-eta b{font-size:1.65rem;color:#143c37}.public-track-eta span{font-size:.78rem;color:#6f7b77}.public-track-eta.available{background:#eef8f3;border:1px solid #b9ddce}.public-track-eta.pending{background:#f6f5f1;border:1px solid #ddd9cd}.public-track-eta.pending b{font-size:1.05rem;color:#59635f}

.public-track-queuepos{margin:18px auto 0;max-width:360px;border-radius:18px;padding:12px 16px;background:#fff8e8;border:1px solid #ead8a8;display:grid;gap:4px}.public-track-queuepos small{font-size:.7rem;font-weight:900;letter-spacing:.1em;color:#7b672f}.public-track-queuepos b{font-size:1.08rem;color:#4f431f}

/* ============================================================
   UX13 · REGISTRAR VENTA: UNA DECISIÓN A LA VEZ, CHECKOUT CLARO
   Incluye íntegramente UX12 FIX03 como base.
   ============================================================ */
.sales-page-head-ux13{align-items:flex-start;gap:18px}.sales-page-head-ux13 .eyebrow{display:block;font-size:9px;font-weight:950;letter-spacing:.13em;color:var(--teal-dark);margin-bottom:3px}.sales-page-head-ux13 h2{margin-bottom:3px}.sales-page-head-ux13 p{margin:0;color:var(--muted)}
.sales-head-actions-ux13{flex-wrap:wrap;justify-content:flex-end}.sales-head-actions-ux13 .sync-pill{align-self:center;white-space:nowrap}
.sales-workspace-ux13{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(300px,.72fr);gap:15px;align-items:start}.sales-builder-ux13{padding:17px}.sales-checkout-ux13{padding:17px;position:sticky;top:82px}
.sales-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.sales-section-head small,.sales-checkout-top>small{display:block;font-size:9px;font-weight:950;letter-spacing:.12em;color:var(--muted);margin-bottom:3px}.sales-section-head h3,.sales-checkout-top h3{margin:0}.sales-selected-pill{border-radius:999px;background:#edf7f4;color:#226751;border:1px solid #cde2da;padding:5px 8px;font-size:9px;font-weight:900;white-space:nowrap}
.sales-product-grid-ux13{grid-template-columns:repeat(3,minmax(0,1fr))}.sales-product-card-ux13{min-height:112px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:9px;padding:12px;position:relative;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.sales-product-card-ux13:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(19,37,54,.06)}.sales-product-card-ux13 .emoji{font-size:25px;line-height:1}.sales-product-copy{min-width:0}.sales-product-copy strong{margin:0 0 3px;font-size:13px}.sales-product-copy small{display:block;font-size:9px;line-height:1.25;min-height:23px}.sales-product-copy em{display:block;margin-top:6px;font-size:9px;font-style:normal;font-weight:900;color:var(--teal-dark)}.sales-check{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff;font-weight:950;font-size:11px}
.sales-options-ux13{display:grid;gap:15px;margin-top:16px;padding-top:15px;border-top:1px solid #edf0ef}.sales-option-block{display:grid;gap:8px}.sales-option-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.sales-option-title b{font-size:11px;color:var(--nav)}.sales-option-title small{font-size:9px;color:var(--muted)}
.sales-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sales-choice{border:1px solid #dce3e1;background:#fff;border-radius:12px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer}.sales-choice span{font-size:11px;font-weight:850;color:var(--nav)}.sales-choice b{font-size:10px;color:var(--muted)}.sales-choice.selected{border:2px solid var(--teal);background:#eff9f7;padding:10px 11px}.sales-choice.selected b{color:var(--teal-dark)}
.sales-flavor-grid-ux13{grid-template-columns:repeat(4,minmax(0,1fr))}.sales-flavor-grid-ux13 .flavor{font-size:10px;min-height:40px;cursor:pointer}
.sales-notes-ux13{border-top:1px solid #edf0ef;padding-top:11px}.sales-notes-ux13>summary{cursor:pointer;list-style:none;font-size:10px;font-weight:850;color:#52615c;display:flex;justify-content:space-between;gap:10px}.sales-notes-ux13>summary::-webkit-details-marker{display:none}.sales-notes-ux13>summary:before{content:'＋ ';color:var(--teal-dark);font-weight:950}.sales-notes-ux13[open]>summary:before{content:'− '}.sales-notes-ux13>summary span{color:var(--muted);font-size:9px;font-weight:700}.sales-notes-field{display:grid;gap:5px;margin-top:9px;font-size:9px;color:var(--muted)}.sales-notes-field textarea{min-height:72px}
.sales-empty-choice{min-height:120px;border:1px dashed #d7dfdc;border-radius:14px;background:#fafcfb;display:grid;place-content:center;text-align:center;gap:4px;padding:20px}.sales-empty-choice b{font-size:12px;color:var(--nav)}.sales-empty-choice span{font-size:10px;color:var(--muted);max-width:42ch}
.sales-checkout-top{padding-bottom:12px;border-bottom:1px solid #edf0ef}.sales-checkout-top h3{font-size:18px}.sales-total-ux13{margin-top:13px;display:flex;align-items:end;justify-content:space-between;gap:12px}.sales-total-ux13 span{font-size:10px;color:var(--muted);font-weight:800}.sales-total-ux13 strong{font-size:30px;line-height:1;color:var(--nav);letter-spacing:-.02em}
.sales-summary-ux13{display:grid;gap:7px;padding:12px 0;border-bottom:1px solid #edf0ef}.sales-summary-ux13>div{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;font-size:10px}.sales-summary-ux13 span{color:var(--muted)}.sales-summary-ux13 b{text-align:right;color:var(--nav);max-width:62%;overflow-wrap:anywhere}.sales-note-summary{font-weight:750!important}.sales-checkout-empty{min-height:100px;display:grid;place-content:center;text-align:center;color:var(--muted);font-size:10px;margin:0;border-bottom:1px solid #edf0ef}
.sales-price-warning{margin:12px 0 0}.sales-payment-ux13{display:grid;gap:8px;margin-top:13px}.sales-payment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sales-payment{border:1px solid #dce3e1;background:#fff;border-radius:11px;min-height:54px;padding:8px 5px;display:grid;place-items:center;gap:2px;font-size:16px;cursor:pointer}.sales-payment span{font-size:8px;font-weight:850;color:#596863}.sales-payment.selected{border:2px solid var(--teal);background:#eff9f7;padding:7px 4px}.sales-payment.selected span{color:var(--teal-dark)}.sales-payment:disabled{opacity:.45;cursor:not-allowed}
.sales-submit-ux13{width:100%;min-height:48px;margin-top:13px;font-size:12px}.sales-checkout-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:8px}
@media(max-width:1080px){.sales-workspace-ux13{grid-template-columns:minmax(0,1fr) 290px}.sales-product-grid-ux13{grid-template-columns:1fr 1fr}.sales-flavor-grid-ux13{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.sales-page-head-ux13{display:grid}.sales-head-actions-ux13{width:100%;justify-content:flex-start;flex-direction:row;align-items:center}.sales-workspace-ux13{grid-template-columns:1fr}.sales-checkout-ux13{position:static}.sales-product-grid-ux13{grid-template-columns:1fr 1fr}.sales-product-card-ux13{min-height:100px}.sales-flavor-grid-ux13{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.sales-head-actions-ux13{display:grid;grid-template-columns:1fr 1fr}.sales-head-actions-ux13 .sync-pill{grid-column:1/-1;width:max-content}.sales-head-actions-ux13 #salesToPlatformOrder{grid-column:1/-1}.sales-product-grid-ux13{grid-template-columns:1fr}.sales-choice-grid{grid-template-columns:1fr}.sales-payment-grid{grid-template-columns:1fr 1fr 1fr}.sales-total-ux13 strong{font-size:27px}}

/* UX14 · Ticket cliente 58 mm + terminal visual */
.receipt-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.receipt-modal-head>div>span{font-size:9px;font-weight:950;letter-spacing:.13em;color:var(--teal-dark)}.receipt-modal-head h3{font-size:24px;margin:2px 0}.receipt-modal-head p{margin:0;color:var(--muted);font-size:10px}.receipt-close-x{border:0;background:#f2f4f3;border-radius:50%;width:34px;height:34px;font-size:22px;cursor:pointer}.receipt-terminal{width:min(100%,390px);margin:14px auto 4px;background:#242a2d;border-radius:22px;padding:14px 18px 0;box-shadow:inset 0 -20px 40px rgba(0,0,0,.2),0 18px 40px rgba(0,0,0,.12)}.receipt-slot{height:24px;border-radius:12px;background:#111719;padding:9px 20px 0;position:relative;z-index:3}.receipt-slot span{height:5px;background:#050708;border-radius:10px;display:block;box-shadow:0 1px 0 rgba(255,255,255,.08)}.receipt-stage{max-height:560px;overflow:hidden;padding:0 14px 22px}.receipt-paper{width:58mm;max-width:100%;margin:0 auto;background:white;color:#161616;text-align:center;padding:11px 15px 20px;box-shadow:0 10px 24px rgba(0,0,0,.28);transform-origin:top center}.receipt-paper.receipt-animate{animation:receiptFeed 2.25s cubic-bezier(.2,.68,.28,1) both}.receipt-logo{width:80px;height:80px;object-fit:contain;filter:grayscale(1) contrast(1.3)}.receipt-brand{font-size:11px;font-weight:950;letter-spacing:.05em}.receipt-rule{border-top:1px dashed #555;margin:9px 0}.receipt-order{font-size:34px;line-height:1;font-weight:950;letter-spacing:.04em}.receipt-date{font-size:8px;margin-top:5px}.receipt-items{display:grid;gap:6px}.receipt-item{display:grid;grid-template-columns:1fr auto;gap:8px;text-align:left;font-size:9px}.receipt-item b,.receipt-item span,.receipt-item em{display:block}.receipt-item span{font-size:8px}.receipt-item em{font-size:7px;color:#555}.receipt-item strong{font-size:9px}.receipt-total{display:flex;align-items:end;justify-content:space-between;font-size:10px}.receipt-total b{font-size:19px}.receipt-pay{font-size:8px;text-align:left;margin-top:3px}.receipt-demo{border:1px solid #111;padding:4px;margin-top:6px;font-size:7px;font-weight:900}.receipt-follow>b{display:block;font-size:10px}.receipt-follow>span{display:block;font-size:7px;margin-top:2px}.receipt-qr{display:block;width:92px;height:92px;margin:7px auto}.receipt-qr-missing{font-size:8px;padding:12px;border:1px dashed #999;margin:7px}.receipt-order-mini{font-weight:950;font-size:13px}.receipt-thanks{font-size:9px;font-weight:900;margin-top:7px}.receipt-legal,.receipt-track-ok{font-size:6.5px;margin-top:3px}.receipt-track-ok{font-weight:800}.receipt-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:13px}.receipt-footnote{text-align:center;color:var(--muted);font-size:8px;margin-top:8px}.receipt-printer-card .notice{margin-top:12px}@keyframes receiptFeed{0%{transform:translateY(-78%);opacity:.35}18%{opacity:1}100%{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.receipt-paper.receipt-animate{animation:none}}@media(max-width:520px){.receipt-terminal{padding-left:10px;padding-right:10px}.receipt-stage{padding-left:4px;padding-right:4px}.receipt-actions{display:grid;grid-template-columns:1fr;width:100%}.receipt-actions .btn{width:100%}}
.pairing-code{font-size:2rem;font-weight:900;letter-spacing:.15em;text-align:center;padding:18px;border:2px dashed #6b5845;border-radius:14px;background:#fff8e8;margin:12px 0}.receipt-printer-card .decision-actions{margin-top:12px}.receipt-printer-card .btn-danger{margin-left:auto}


/* UX16 · Inicio centrado en la operación actual */
.home-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 24px;margin-bottom:14px;border:1px solid #cddfdc;border-radius:20px;background:linear-gradient(135deg,#fff 0%,#f4fbfa 100%);box-shadow:var(--shadow)}
.home-hero.closed{border-color:#eadca8;background:linear-gradient(135deg,#fff 0%,#fff9e8 100%)}.home-eyebrow{display:block;font-size:10px;font-weight:900;letter-spacing:.13em;color:var(--teal);margin-bottom:7px}.home-shift-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.home-shift-line h2{font-size:25px;margin:0}.home-hero-copy p{margin:7px 0 0;color:var(--muted)}.home-shift-chip{font-size:9px;font-weight:900;letter-spacing:.08em;border-radius:999px;padding:5px 8px}.home-shift-chip.ok{color:#176f3d;background:#e4f5e9}.home-shift-chip.warn{color:#765800;background:#fff0c9}.home-primary-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.home-main-action{min-width:170px;padding-inline:18px}
.home-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.home-live-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px;display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center;text-align:left;color:var(--ink);box-shadow:var(--shadow)}.home-live-card:hover{border-color:#b9d7d4}.home-live-card.attention{border-color:#e5cf80;background:#fffdf5}.home-live-icon{width:38px;height:38px;border-radius:12px;background:#edf8f7;display:grid;place-items:center;font-size:20px}.home-live-card small{display:block;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.08em}.home-live-card strong{display:block;font-size:20px;margin:3px 0 2px}.home-live-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.35}.home-arrow{font-size:18px;color:#80909e}
.home-attention-card{padding:16px 18px}.home-attention-card .card-head h3{margin-bottom:3px}.home-attention-card .card-head small{color:var(--muted)}.home-attention-list{display:grid;gap:8px;margin-top:11px}.home-attention{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:10px 11px;border-radius:12px;border:1px solid #e8e3da;background:#fbfaf7}.home-attention.warn{background:#fffaf0;border-color:#eadca8}.home-attention.danger{background:#fff4f2;border-color:#efc7c2}.home-attention.ready{background:#f2faf4;border-color:#c5e3ce}.home-attention-icon{width:34px;height:34px;border-radius:10px;background:#fff;display:grid;place-items:center;font-weight:900}.home-attention b,.home-attention small{display:block}.home-attention small{color:var(--muted);margin-top:2px}.home-calm{display:flex;gap:10px;align-items:center;padding:11px;border-radius:12px;background:#f2faf4;border:1px solid #c5e3ce}.home-calm>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e0f3e5;color:var(--green);font-weight:900}.home-calm b,.home-calm small{display:block}.home-calm small{color:var(--muted);margin-top:2px}
.home-management{padding:0;overflow:hidden}.home-management>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;cursor:pointer}.home-management>summary::-webkit-details-marker{display:none}.home-management>summary b,.home-management>summary small{display:block}.home-management>summary small{color:var(--muted);margin-top:3px}.home-management>summary>span{transition:transform .15s ease}.home-management[open]>summary>span{transform:rotate(180deg)}.home-management-body{border-top:1px solid var(--line);padding:15px 18px 18px}.home-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:12px}.home-mini{border:1px solid #ebe6dd;border-radius:13px;padding:12px;background:#fffdf9}.home-mini small,.home-mini span{display:block;color:var(--muted)}.home-mini small{font-size:9px;font-weight:900;letter-spacing:.07em}.home-mini strong{display:block;font-size:23px;margin:4px 0}.home-mini span{font-size:10px}.home-management-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.home-subcard{border:1px solid #ebe6dd;border-radius:14px;padding:14px;background:#fff}.home-subcard h3{font-size:15px;margin:0 0 10px}.home-agenda-row{display:grid;grid-template-columns:62px 1fr;gap:9px;padding:8px 0;border-bottom:1px solid #f0ede8}.home-agenda-row:last-child{border-bottom:0}.home-agenda-row time{font-size:11px;color:var(--muted)}.home-agenda-row b{font-size:12px}.home-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.home-link-grid button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px;text-align:left;font-weight:750;color:var(--ink)}.home-link-grid button:hover{border-color:#b9d7d4;background:#f7fbfb}.home-link-grid-wide{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:11px}.home-link-grid-wide button{text-align:center}.home-technical{margin-top:11px;border-top:1px solid #eee9e1;padding-top:9px}.home-technical>summary{cursor:pointer;font-size:11px;font-weight:850;color:var(--muted)}.home-tech-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:8px}.home-tech-grid span{border:1px solid #eee9e1;border-radius:10px;padding:9px;font-size:10px;color:var(--muted)}.home-tech-grid b{display:block;color:var(--ink);margin-bottom:3px}.empty.compact{padding:15px}
@media(max-width:1100px){.home-live-grid{grid-template-columns:1fr 1fr}.home-live-grid .home-live-card:last-child{grid-column:1/-1}.home-mini-grid{grid-template-columns:repeat(2,1fr)}.home-link-grid-wide{grid-template-columns:repeat(3,1fr)}.home-tech-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.home-hero{align-items:stretch;flex-direction:column;padding:17px}.home-primary-actions{justify-content:stretch}.home-primary-actions .btn{flex:1}.home-main-action{flex-basis:100%!important}.home-live-grid,.home-management-grid{grid-template-columns:1fr}.home-live-grid .home-live-card:last-child{grid-column:auto}.home-attention{grid-template-columns:34px 1fr}.home-attention .btn{grid-column:2;justify-self:start}.home-mini-grid{grid-template-columns:1fr 1fr}.home-link-grid-wide{grid-template-columns:1fr 1fr}.home-tech-grid{grid-template-columns:1fr}.home-shift-line h2{font-size:21px}}
@media(max-width:460px){.home-mini-grid,.home-link-grid-wide{grid-template-columns:1fr}.home-primary-actions{display:grid;grid-template-columns:1fr 1fr}.home-primary-actions .home-main-action{grid-column:1/-1}.home-live-card{grid-template-columns:36px 1fr auto;padding:13px}.home-live-card strong{font-size:18px}}

/* UX17 · keypad táctil de tiempo manual */
.service-time-input-wrap{display:flex;align-items:stretch;gap:6px}
.service-time-input-wrap input{min-width:0;flex:1;font-variant-numeric:tabular-nums}
.service-time-keypad-open{width:46px;min-width:46px;border:1px solid #d7dadd;background:#fff;border-radius:10px;font-size:20px;cursor:pointer;color:#132536}
.service-time-keypad-open:active{transform:translateY(1px)}
.service-time-keypad-layer{position:fixed;inset:0;z-index:1200;background:rgba(19,37,54,.34);display:flex;align-items:flex-end;justify-content:center;padding:16px}
.service-time-keypad-sheet{width:min(430px,100%);background:#fff;border-radius:22px 22px 14px 14px;padding:16px;box-shadow:0 20px 60px rgba(0,0,0,.28)}
.service-time-keypad-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.service-time-keypad-head small{display:block;color:#63707c;font-size:11px;font-weight:800;letter-spacing:.08em}
.service-time-keypad-head strong{display:block;font-size:34px;line-height:1.05;font-variant-numeric:tabular-nums;color:#132536;margin-top:3px}
.service-time-keypad-head>button{border:0;background:#eef1f3;width:40px;height:40px;border-radius:50%;font-size:24px;color:#132536}
.service-time-keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.service-time-keypad-grid button{min-height:58px;border:1px solid #d7dadd;background:#f8f9fa;border-radius:13px;font-size:23px;font-weight:800;color:#132536;touch-action:manipulation}
.service-time-keypad-grid button[data-time-clear]{font-size:14px}
.service-time-keypad-example{text-align:center;color:#66727d;font-size:12px;margin:11px 0}
.service-time-keypad-confirm{width:100%;min-height:50px}
.receipt-needs-attention{padding:8px;border-radius:12px;background:#fff4e7}
@media(min-width:800px){.service-time-keypad-layer{align-items:center}.service-time-keypad-sheet{border-radius:22px}}


/* UX18 · entrada adaptativa y cierre guiado */
.service-time-entry-choice{margin-top:12px;padding-top:10px;border-top:1px solid #e4e7e9;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.service-time-entry-choice small{color:#66727d;font-size:11px}
.service-time-entry-choice>div{display:flex;gap:5px}
.service-time-entry-choice button{border:1px solid #d7dadd;background:#fff;color:#53606c;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800}
.service-time-entry-choice button.active{background:#132536;color:#fff;border-color:#132536}
.close-page-head{margin-bottom:12px}.close-responsibility{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;background:#f5f7f8;border:1px solid #e2e6e8;border-radius:14px;margin-bottom:18px}.close-responsibility small,.close-money small{display:block;font-size:10px;font-weight:900;letter-spacing:.08em;color:#687581}.close-responsibility b{display:block;font-size:18px;color:#132536}.close-responsibility span{font-size:12px;color:#687581}.close-section{margin:18px 0 24px}.close-section-title{display:flex;align-items:center;gap:10px;margin-bottom:10px}.close-section-title>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#132536;color:#fff;font-weight:900}.close-section-title h3{margin:0;color:#132536}.close-section-title small{color:#6b7781}.close-attention-list{display:grid;gap:9px}.close-attention{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e0e4e6;border-radius:13px;padding:12px 14px;background:#fff}.close-attention div{display:grid;gap:2px}.close-attention b{color:#132536}.close-attention span{font-size:12px;color:#67737d}.close-attention.ok{border-color:#b9dfcd;background:#f4fbf7}.close-attention.warn{border-color:#ead8a2;background:#fffaf0}.close-attention.bad{border-color:#e7b9b9;background:#fff6f6}.close-transfer-card{margin-top:10px}.close-reconcile-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:12px}.close-cash-card,.close-digital-card{margin:0}.close-money{margin-bottom:12px}.close-money strong{font-size:32px;line-height:1;color:#132536}.close-cash-diff{margin-top:12px;border-radius:11px;padding:10px 12px;display:grid;gap:2px}.close-cash-diff span{font-weight:900}.close-cash-diff small{font-size:11px}.close-cash-diff.ok{background:#edf8f2;color:#1b6645}.close-cash-diff.warn{background:#fff7df;color:#755a00}.close-cash-diff.bad{background:#fff0f0;color:#8c3131}.close-final-card{margin:0}.close-shift-primary{min-height:52px;font-size:16px}.close-handoff-history summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px}.close-handoff-history summary span{font-size:12px;color:#6c7882}.close-open-card{display:grid;grid-template-columns:1fr minmax(300px,.8fr);gap:18px;align-items:end}.close-open-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.optional{font-size:11px;color:#7a858e;font-weight:400}
@media(max-width:760px){.close-responsibility{align-items:flex-start;flex-direction:column}.close-reconcile-grid,.close-open-card,.close-open-form{grid-template-columns:1fr}.close-attention{align-items:flex-start;flex-direction:column}.close-attention .btn{width:100%}.close-money strong{font-size:28px}}


/* UX19 · Registrar venta: mismos botones, ligeramente más grandes */
.sales-head-actions-ux13 .btn{min-width:132px;min-height:44px;padding:12px 16px;font-size:12px;box-sizing:border-box}
.sales-product-card-ux13{min-height:120px;box-sizing:border-box}
.sales-choice{min-height:50px;box-sizing:border-box}
.sales-flavor-grid-ux13 .flavor{min-height:44px;padding:10px 12px;box-sizing:border-box}
.sales-payment{min-height:58px;box-sizing:border-box}
.sales-submit-ux13{min-height:52px;font-size:13px}
@media(max-width:520px){.sales-head-actions-ux13 .btn{width:100%;min-width:0}}


/* UX20 · apertura de turno */
.open-shift-head{margin-bottom:14px}.open-shift-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:14px;align-items:start}.open-shift-main{margin:0;padding:22px}.open-shift-identity{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--line)}.open-shift-avatar{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#132536;color:#fff;font-size:24px;font-weight:900}.open-shift-identity small{display:block;font-size:10px;font-weight:900;letter-spacing:.08em;color:#73808a}.open-shift-identity h3{margin:2px 0 1px;font-size:22px}.open-shift-identity span{font-size:12px;color:var(--muted)}.open-shift-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:20px}.open-shift-form label{margin:0}.open-shift-primary{min-height:52px;font-size:15px;min-width:225px}.open-shift-foot{display:flex;gap:14px;flex-wrap:wrap;margin-top:15px;padding-top:13px;border-top:1px solid #edf0f1;color:#687581;font-size:11px}.open-shift-side{display:grid;gap:9px}.open-shift-side-item{display:grid;gap:3px;padding:14px 15px;background:#fff;border:1px solid var(--line);border-radius:13px}.open-shift-side-item b{color:#132536;font-size:14px}.open-shift-side-item span{color:#697680;font-size:12px;line-height:1.4}.shift-open-confirm{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.shift-open-confirm>div{padding:12px;border:1px solid var(--line);border-radius:11px;background:#f8faf9}.shift-open-confirm small{display:block;font-size:9px;font-weight:900;letter-spacing:.08em;color:#74818a}.shift-open-confirm b{display:block;margin-top:3px;color:#132536}.shift-open-confirm span{font-size:11px;color:#6e7a83}
@media(max-width:760px){.open-shift-layout,.open-shift-form,.shift-open-confirm{grid-template-columns:1fr}.open-shift-primary{width:100%;min-width:0}.open-shift-main{padding:17px}}


/* UX21 · Inventario + FEFO + Abastecimiento */
.supply-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}.supply-status-card{border:1px solid #e2e5e7;border-radius:14px;background:#fff;padding:14px 15px;box-shadow:0 4px 14px rgba(35,47,53,.035)}.supply-status-card small,.supply-status-card span{display:block}.supply-status-card small{font-size:9px;font-weight:900;letter-spacing:.08em;color:var(--muted)}.supply-status-card strong{display:block;font-size:27px;margin:4px 0}.supply-status-card span{font-size:11px;color:var(--muted)}.supply-status-card.ok{border-color:#cfe6d5;background:#f8fcf9}.supply-status-card.warn{border-color:#ecd79d;background:#fffaf0}.supply-status-card.danger{border-color:#edc0b9;background:#fff7f5}.supply-priority{border-top:4px solid var(--teal)}.supply-priority.danger{border-top-color:var(--red)}.supply-alert-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #eee}.supply-alert-row:first-of-type{border-top:0}.supply-alert-row b,.supply-alert-row small{display:block}.supply-alert-row small{color:var(--muted);margin-top:3px}.supply-more{display:block;margin-top:8px;color:var(--muted)}.supply-calm{margin-bottom:14px}.supply-details{padding:0;overflow:hidden}.supply-details>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 17px;cursor:pointer}.supply-details>summary::-webkit-details-marker{display:none}.supply-details>summary b,.supply-details>summary small{display:block}.supply-details>summary small{color:var(--muted);margin-top:3px}.supply-details>summary>span{transition:transform .15s ease}.supply-details[open]>summary>span{transform:rotate(180deg)}.supply-details-body{border-top:1px solid var(--line);padding:15px 17px 17px}.supply-details-body .trace-grid{margin-top:0}.fefo-focus{border-top:4px solid #d49a16}.home-mini-demo{background:#f8f6ff;border-color:#ddd6f1}.home-mini-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1100px){.supply-status-grid{grid-template-columns:1fr 1fr}.supply-status-grid .supply-status-card:last-child{grid-column:1/-1}.home-mini-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.supply-status-grid{grid-template-columns:1fr}.supply-status-grid .supply-status-card:last-child{grid-column:auto}.supply-alert-row{grid-template-columns:1fr}.home-mini-grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.home-mini-grid{grid-template-columns:1fr}}

/* UX22 · Producción operativa */
.production-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.production-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px}.production-status-card{border:1px solid var(--line);border-radius:15px;background:#fff;padding:12px 14px;display:flex;flex-direction:column;gap:2px}.production-status-card small{font-size:.72rem;font-weight:800;letter-spacing:.06em;color:var(--muted)}.production-status-card strong{font-size:1.75rem;line-height:1.05}.production-status-card span{font-size:.78rem;color:var(--muted)}.production-status-card.active{border-color:#7abbb4;background:#f3fbfa}.production-status-card.warn{border-color:#e4bc69;background:#fffaf0}.production-status-card.ok{border-color:#bdd9c4;background:#f6fbf7}.production-priority{border-top:4px solid var(--teal)}.production-work-card{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;margin:0 0 8px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:left;color:var(--ink);cursor:pointer}.production-work-card:hover{border-color:#a8c7c4;background:#fbfdfd}.production-work-card.active{border-left:5px solid var(--teal)}.production-work-card.qa{border-left:5px solid #d39a2c}.production-work-main{display:flex;flex-direction:column;min-width:0}.production-work-main>small{font-weight:800;color:var(--muted);letter-spacing:.03em}.production-work-main>b{font-size:1.05rem;margin:2px 0}.production-work-main>span{font-size:.82rem;color:var(--muted)}.production-work-action{display:flex;align-items:flex-end;flex-direction:column;gap:4px;white-space:nowrap}.production-work-action>b{font-size:.82rem;color:var(--teal)}.production-details{padding:0;overflow:hidden}.production-details>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:14px 16px}.production-details>summary::-webkit-details-marker{display:none}.production-details>summary div{display:flex;flex-direction:column;gap:2px}.production-details>summary small{color:var(--muted);font-weight:400}.production-details-body{padding:0 16px 16px;border-top:1px solid var(--line)}
@media(max-width:900px){.production-status-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.production-work-card{align-items:flex-start;flex-direction:column}.production-work-action{align-items:flex-start;white-space:normal}.production-head-actions{width:100%}.production-head-actions .btn{flex:1}}

/* UX23 · Laboratorio + Equipo y Mantenimiento + guías manuales */
.lab-v23-status-grid,.eqm-v23-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}.lab-v23-status,.eqm-v23-status{border:1px solid var(--line);border-radius:15px;background:#fff;padding:13px 14px;text-align:left;color:var(--ink)}button.eqm-v23-status{cursor:pointer}.lab-v23-status small,.eqm-v23-status small{display:block;font-size:.7rem;font-weight:900;letter-spacing:.07em;color:var(--muted)}.lab-v23-status strong,.eqm-v23-status strong{display:block;font-size:1.45rem;margin:3px 0}.lab-v23-status span,.eqm-v23-status span{display:block;font-size:.78rem;color:var(--muted)}.lab-v23-status.ok,.eqm-v23-status.ok{background:#f4fbf6;border-color:#c5dec9}.lab-v23-status.blocked,.eqm-v23-status.danger{background:#fff5f2;border-color:#e7b8ae}.lab-v23-status.pending,.eqm-v23-status.warn{background:#fffaf0;border-color:#e6cd94}.lab-v23-gate{margin-bottom:14px}.lab-v23-priority,.eqm-v23-priority{border-top:4px solid var(--teal)}.lab-v23-plan,.eqm-v23-more{padding:0;overflow:hidden}.lab-v23-plan>summary,.eqm-v23-more>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:15px 17px}.lab-v23-plan>summary::-webkit-details-marker,.eqm-v23-more>summary::-webkit-details-marker{display:none}.lab-v23-plan>summary div,.eqm-v23-more>summary div{display:flex;flex-direction:column;gap:3px}.lab-v23-plan>summary small,.eqm-v23-more>summary small{color:var(--muted);font-weight:400}.lab-v23-plan-body,.eqm-v23-more-body{border-top:1px solid var(--line);padding:16px}.lab-v23-tech{margin-top:12px}.lab-v23-tech>summary{cursor:pointer;color:var(--muted);font-weight:700}.manual-guide-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.manual-guide-row:first-of-type{border-top:0}.manual-guide-row b,.manual-guide-row small{display:block}.manual-guide-row small{color:var(--muted);margin-top:2px}.eqm-v23-primary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.eqm-v23-attention{width:100%;border:0;border-top:1px solid var(--line);background:#fff;padding:11px 2px;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;color:var(--ink);cursor:pointer}.eqm-v23-attention:first-of-type{border-top:0}.eqm-v23-attention b,.eqm-v23-attention small{display:block}.eqm-v23-attention small{color:var(--muted);margin-top:3px}.eqm-v23-admin{padding-top:12px;text-align:right}
@media(max-width:1000px){.lab-v23-status-grid,.eqm-v23-status-grid,.eqm-v23-primary-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.lab-v23-status-grid,.eqm-v23-status-grid,.eqm-v23-primary-grid{grid-template-columns:1fr}.manual-guide-row,.eqm-v23-attention{grid-template-columns:1fr;align-items:flex-start}.production-head-actions{width:100%}.production-head-actions .btn{flex:1}}


/* UX24 · cierre visual final */
.v24-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.v24-summary-card{background:var(--surface,#fff);border:1px solid var(--line,#dbe2e8);border-radius:16px;padding:15px 16px;min-height:108px;display:flex;flex-direction:column;gap:5px;box-shadow:0 5px 18px rgba(19,37,54,.05)}
.v24-summary-card small{font-size:11px;letter-spacing:.08em;font-weight:800;color:var(--muted,#677684)}
.v24-summary-card strong{font-size:22px;line-height:1.1;color:var(--ink,#132536);overflow-wrap:anywhere}
.v24-summary-card span{font-size:12px;color:var(--muted,#677684);line-height:1.35}
.v24-summary-card.calm{border-color:#b9ded2;background:#f4fbf8}.v24-summary-card.attention{border-color:#efd29a;background:#fffaf0}.v24-summary-card.muted{background:#f7f8f9}
.v24-secondary>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none}.v24-secondary>summary::-webkit-details-marker{display:none}.v24-secondary>summary div{display:flex;flex-direction:column;gap:3px}.v24-secondary>summary small{font-weight:400;color:var(--muted,#677684)}
.v24-details-body{padding-top:16px}.v24-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:16px}
.config-v24-summary{margin-bottom:16px}
.lab-v24-status-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.lab-v24-backlog{margin:14px 0 16px}.lab-v24-backlog-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px}.lab-v24-backlog-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid var(--line,#dbe2e8);border-radius:12px;background:#fff}.lab-v24-backlog-item>div{display:flex;flex-direction:column;gap:3px;min-width:0}.lab-v24-backlog-item small{color:var(--muted,#677684);line-height:1.3}
@media(max-width:1050px){.v24-summary-grid,.lab-v24-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.v24-summary-grid,.lab-v24-status-grid,.lab-v24-backlog-grid,.v24-rule-grid{grid-template-columns:1fr}.v24-summary-card{min-height:auto}.lab-v24-backlog-item{align-items:flex-start;flex-direction:column}}

/* UX25 · simplificación y lenguaje */
.side-nav button,.btn,.link-btn,.decision-actions button,.inventory-actions button{letter-spacing:normal}
.nav-group summary span:nth-child(2){font-weight:750}
@media (max-width:900px){.side-nav button{min-height:46px}.nav-pinned button{min-height:50px}}
/* UX25 FIX02: reporte de equipo es una acción operativa, no acceso al módulo EQM. */
.sidebar-report{width:100%;display:flex;align-items:center;gap:9px;border:1px solid rgba(247,194,28,.42);background:rgba(247,194,28,.10);color:#fff;border-radius:9px;padding:8px 10px;margin-bottom:6px;text-align:left;font-weight:760;min-height:38px}.sidebar-report:hover{background:rgba(247,194,28,.18)}

/* UX25 FIX03 · visible contract/degradation gate */
.admin-system-alert{display:none;padding:10px 28px 0;background:var(--page-bg,#f7f4ee)}
.admin-system-alert.show{display:block}
.admin-degraded-banner{margin:0;display:flex;align-items:center;justify-content:space-between;gap:16px}
.diagnostic-modules-fix03 .metric-line{padding:8px 0}
.diagnostic-module-detail{display:block;margin:-4px 0 8px;color:#7b5a17;overflow-wrap:anywhere}
.text-ok{color:#256b4a}.text-warn{color:#9b5d00}
@media(max-width:760px){.admin-system-alert{padding:8px 14px 0}.admin-degraded-banner{align-items:flex-start;flex-direction:column}}


/* PRE-RC A01 · Documentos inteligentes */
.cost-doc-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;border:0;border-top:1px solid rgba(19,37,54,.08);background:transparent;padding:12px 0;cursor:pointer;color:inherit}.cost-doc-row:first-of-type{border-top:0}.cost-doc-row span:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}.cost-doc-row small{color:var(--muted,#667085);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cost-doc-line-head,.cost-doc-line{display:grid;grid-template-columns:minmax(160px,2.2fr) minmax(54px,.65fr) minmax(62px,.75fr) minmax(76px,.85fr) minmax(76px,.85fr) minmax(150px,1.4fr) 72px;gap:7px;align-items:center}.cost-doc-line-head{font-size:11px;font-weight:800;color:var(--muted,#667085);padding:0 0 7px}.cost-doc-line-head>span{min-width:0;text-align:left}.cost-doc-line{padding:7px 0;border-top:1px solid rgba(19,37,54,.08)}.cost-doc-line input,.cost-doc-line select{min-width:0;width:100%}.cost-doc-line .cdl-remove{width:72px;min-width:72px;padding-left:6px;padding-right:6px}@media(max-width:900px){.cost-doc-line-head{display:none}.cost-doc-line{grid-template-columns:1fr 1fr}.cost-doc-line .cdl-desc,.cost-doc-line .cdl-item{grid-column:1/-1}.cost-doc-line .cdl-remove{grid-column:2;justify-self:end}}
.cost-doc-source-actions{display:flex;gap:8px;flex-wrap:wrap}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* PRE-RC A01 · Recepción asistida desde documento */
.doc-receipt-head,.doc-receipt-row{display:grid;grid-template-columns:82px minmax(180px,1.6fr) minmax(180px,1.4fr) minmax(150px,1fr) 110px;gap:8px;align-items:center}.doc-receipt-head{font-size:11px;font-weight:800;color:var(--muted);padding:0 0 7px}.doc-receipt-row{padding:9px 0;border-top:1px solid rgba(19,37,54,.08)}.doc-receipt-check{display:flex;gap:6px;align-items:center;font-weight:700}.doc-receipt-desc{min-width:0}.doc-receipt-desc b,.doc-receipt-desc small{display:block}.doc-receipt-desc small,.doc-receipt-row small{color:var(--muted);margin-top:3px}.doc-receipt-row select,.doc-receipt-row input{min-width:0;width:100%}@media(max-width:900px){.doc-receipt-head{display:none}.doc-receipt-row{grid-template-columns:1fr 1fr}.doc-receipt-desc,.doc-receipt-row [data-dr-item]{grid-column:1/-1}.doc-receipt-check{grid-column:1}.doc-receipt-row [data-dr-new]{grid-column:2;justify-self:end}}@media(max-width:600px){.doc-receipt-row{grid-template-columns:1fr}.doc-receipt-desc,.doc-receipt-row [data-dr-item],.doc-receipt-check,.doc-receipt-row [data-dr-new]{grid-column:1}.doc-receipt-row [data-dr-new]{justify-self:start}}

/* BROTHER-LABEL-V1 · FIX14: catálogo de previews raster reales */
.brother-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-top:14px}
.brother-template-card{border:1px solid var(--line,#d7d7d7);border-radius:14px;padding:10px;background:#fff;display:flex;flex-direction:column;gap:9px;min-width:0}
.brother-template-head{display:flex;gap:8px;justify-content:space-between;align-items:flex-start}.brother-template-head>div{display:flex;flex-direction:column;gap:2px}.brother-template-head b{font-size:14px}.brother-template-head span{font-size:12px;line-height:1.2}
.brother-length-chip{white-space:nowrap;border:1px solid #bbb;border-radius:999px;padding:3px 7px;font-size:11px!important;background:#f7f7f7}
.brother-preview-thumb{border:0;background:#f4f4f4;border-radius:10px;padding:8px;cursor:pointer;min-height:230px;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}
.brother-preview-thumb img{display:block;width:auto;max-width:100%;height:230px;object-fit:contain;image-rendering:auto}
.brother-template-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.brother-full-preview{background:#eee;border-radius:12px;padding:12px;display:flex;justify-content:center;max-height:70vh;overflow:auto}.brother-full-preview img{width:min(62mm,100%);height:auto;background:white;box-shadow:0 1px 8px #0002}
@media(max-width:620px){.brother-template-grid{grid-template-columns:1fr 1fr}.brother-template-actions{grid-template-columns:1fr}.brother-preview-thumb img{height:200px}}

/* FIX56 LAB READY matrix */
.lab-ready-matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:12px}.lab-ready-matrix>.card{margin:0}.lab-ready-matrix .muted{font-size:12px;line-height:1.35}

/* FIX61 · LAB Action First */
.lab-action-hero{border:1px solid var(--line,#d9e0e2);border-radius:16px;padding:18px;margin:12px 0;background:linear-gradient(180deg,#f7fbfb,#fff)}
.lab-action-hero h2{margin:4px 0 8px;font-size:24px;line-height:1.1}
.lab-action-hero p{margin:0 0 16px;color:var(--muted,#607078);line-height:1.45}
.lab-action-kicker{font-size:11px;font-weight:900;letter-spacing:.08em;color:var(--teal,#007f7b);text-transform:uppercase}
.lab-ops-readiness .service-standard-admin .btn-primary{font-size:15px;min-height:46px}
@media(max-width:700px){.lab-action-hero{padding:15px}.lab-action-hero h2{font-size:21px}.lab-ops-readiness .service-standard-admin .btn-primary{min-height:50px;font-size:16px}}
/* FIX67 · LAB READY Orchestrator */
.lab-orchestrator-v67{overflow:hidden}.lab-orch-next{border:2px solid #0b7f78;border-radius:18px;padding:18px;margin:14px 0;background:#f2fbfa;display:grid;gap:6px}.lab-orch-next small{font-weight:900;letter-spacing:.08em;color:#49666a}.lab-orch-next strong{font-size:22px}.lab-orch-next .btn{margin-top:8px;min-height:48px}.lab-orch-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.lab-orch-summary>div{border:1px solid #dce4e5;border-radius:14px;padding:12px;background:#fff}.lab-orch-summary b{display:block;font-size:22px}.lab-orch-summary span{font-size:12px;color:#607078}.lab-orch-group{margin-top:18px}.lab-orch-group-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:8px}.lab-orch-group-head h4{margin:0;font-size:18px}.lab-orch-group-head small{color:#607078}.lab-orch-group-head>b{font-size:20px}.lab-orch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lab-orch-card{border:1px solid #dce4e5;border-radius:14px;padding:13px;background:#fff}.lab-orch-card .card-head small{display:block;margin-top:3px}.lab-orch-card p{margin:9px 0;color:#43575d}.lab-orch-card .btn{width:100%;min-height:44px}.lab-orch-pill{font-size:10px;font-weight:900;padding:5px 8px;border-radius:999px;background:#eef2f3;white-space:nowrap}.tone-now{border-color:#8bcfc7;background:#f6fcfb}.tone-review{border-color:#b7d7f0;background:#f6faff}.tone-blocked{border-color:#ebc77b;background:#fffaf0}.tone-waiting{background:#fafbfb}.tone-done{border-color:#b7dbbf;background:#f7fcf8}.tone-now .lab-orch-pill{background:#dff5ef}.tone-review .lab-orch-pill{background:#e5f2fb}.tone-blocked .lab-orch-pill{background:#fff0c9}.tone-done .lab-orch-pill{background:#e4f5e8}@media(max-width:760px){.lab-orch-summary,.lab-orch-grid{grid-template-columns:1fr}.lab-orch-next strong{font-size:19px}}


/* v33.6 · FIX73 — ayuda operativa / guías */
.help-button-v73,.sidebar-help-v73{border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:800;cursor:pointer}
.help-button-v73{border-radius:999px;padding:9px 12px;white-space:nowrap}
.help-button-v73:hover,.sidebar-help-v73:hover{border-color:var(--teal);background:#f1fbfa}
.sidebar-help-v73{width:100%;border-radius:12px;padding:10px 12px;margin-bottom:8px;display:flex;align-items:center;gap:9px;text-align:left}
.mp73-help-head,.mp73-guide-modal-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}
.mp73-help-head h3,.mp73-guide-modal-head h3{margin:3px 0 5px}.mp73-help-head p,.mp73-guide-modal-head p{margin:0;color:var(--muted)}
.mp73-help-search{margin:10px 0 14px}.mp73-help-search input{width:100%;font-size:1rem}
.mp73-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mp73-guide-card{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:13px;display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;text-align:left;color:var(--ink);cursor:pointer}
.mp73-guide-card:hover{border-color:var(--teal);box-shadow:0 5px 16px rgba(0,0,0,.06)}
.mp73-guide-card.context{border-color:#8fcfca;background:#f2fbfa}
.mp73-guide-card b,.mp73-guide-card small,.mp73-guide-card em{display:block}.mp73-guide-card small{color:var(--muted);margin-top:3px;line-height:1.25}.mp73-guide-card em{font-size:.68rem;font-style:normal;font-weight:900;letter-spacing:.04em;color:var(--teal);margin-top:6px}
.mp73-guide-icon{font-size:1.75rem}.mp73-guide-section{border:1px solid var(--line);border-radius:14px;padding:13px 15px;margin:11px 0;background:#fff}.mp73-guide-section h4{margin:0 0 8px}.mp73-guide-section ol{margin:0;padding-left:22px}.mp73-guide-section li{margin:7px 0;line-height:1.35}
@media(max-width:760px){.mp73-guide-grid{grid-template-columns:1fr}.mp73-help-head,.mp73-guide-modal-head{display:block}.help-button-v73{padding:8px 10px}.top-meta .help-button-v73{font-size:.82rem}}


/* v34.3 FIX80 · Mapa Maestro LAB */
.lab80-master-card{overflow:hidden}.lab80-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:stretch;margin:14px 0}.lab80-node{border:1px solid #d9e1e4;border-radius:14px;padding:13px;background:#fff;display:flex;flex-direction:column;gap:7px;min-width:0}.lab80-node>small{font-weight:900;letter-spacing:.05em;color:#68777e}.lab80-node>b{font-size:15px}.lab80-node>span:last-child{font-size:12px;color:#68777e;line-height:1.35}.lab80-arrow{display:grid;place-items:center;font-size:22px;font-weight:900;color:#7b898f}.lab80-modal-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center;margin:12px 0 18px}.lab80-modal-flow>div:nth-child(odd){border:1px solid #d9e1e4;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:4px}.lab80-modal-flow small{color:#68777e;font-weight:800}.lab80-modal-flow span{font-size:12px;color:#68777e}.lab80-exp{border:1px solid #d9e1e4;border-radius:14px;padding:14px;background:#fff}.lab80-exp-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.lab80-exp-head small{font-weight:900;color:#68777e;letter-spacing:.04em}.lab80-exp h4{margin:3px 0}.lab80-exp p{margin:8px 0;line-height:1.45}.lab80-future{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #e7ecee}.lab80-future:last-child{border-bottom:0}.lab80-future>div{display:flex;flex-direction:column;gap:3px}.lab80-future small{color:#68777e;line-height:1.35}@media(max-width:900px){.lab80-flow,.lab80-modal-flow{grid-template-columns:1fr}.lab80-arrow,.lab80-modal-flow>div:nth-child(even){transform:rotate(90deg);min-height:22px}.lab80-exp-head,.lab80-future{align-items:flex-start;flex-direction:column}}


/* v34.4 FIX81 FIX01 · SOLO Incidencias EQM */
.eqm81-box{border:1px solid #d8e0e4;border-radius:14px;padding:12px;margin:12px 0;background:#fbfdfe}.eqm81-box h4{margin:4px 0}.eqm81-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:10px 0}.eqm81-draft,.eqm81-photo{border:1px solid #d8e0e4;border-radius:12px;background:#fff;overflow:hidden}.eqm81-draft{display:grid;grid-template-columns:96px 1fr;min-height:120px}.eqm81-draft>img{width:96px;height:100%;object-fit:cover;background:#eef3f5}.eqm81-draft>div{padding:8px;display:grid;gap:6px}.eqm81-photo{display:grid;grid-template-columns:105px 1fr;min-height:105px}.eqm81-photo>button{border:0;padding:0;background:#eef3f5;cursor:pointer;font-size:28px}.eqm81-photo>button img{display:block;width:105px;height:105px;object-fit:cover}.eqm81-photo>div{padding:9px;display:flex;flex-direction:column;gap:4px}.eqm81-photo small{color:#667780}.eqm81-photo.pending{border-style:dashed}.eqm81-analysis{border-top:1px solid #e3eaed;margin-top:12px;padding-top:12px}.eqm81-hyp{border:1px solid #dce4e7;border-radius:12px;padding:10px;margin:8px 0;background:#fff}.eqm81-hyp>div:first-child{display:flex;justify-content:space-between;gap:10px}.eqm81-hyp small{color:#667780;white-space:nowrap}.eqm81-hyp p,.eqm81-analysis li{font-size:13px}@media(max-width:620px){.eqm81-draft{grid-template-columns:82px 1fr}.eqm81-draft>img{width:82px}.eqm81-photo{grid-template-columns:88px 1fr}.eqm81-photo>button img{width:88px}.eqm81-hyp>div:first-child{display:block}}

/* FIX81 FIX02 · Checker archive V83 — scoped, additive */
.checker-device-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.checker-device-actions .btn{white-space:nowrap}.checker-archived-row-v83{opacity:.92}.checkbox-line{display:flex;align-items:flex-start;gap:8px}.checkbox-line input{width:auto;margin-top:3px}@media(max-width:820px){.checker-device-actions{grid-column:1/-1;justify-content:flex-start}}

/* v34.5 · FIX84 FIX01 — UX guiada de diagnóstico, scoped/no-loss */
.eqm84-guide{display:grid;gap:12px}
.eqm84-guide-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.eqm84-guide-head h3{margin:3px 0 5px;font-size:20px}.eqm84-guide-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.45;max-width:520px}
.eqm84-kicker{display:block;font-size:10px;font-weight:900;letter-spacing:.09em;color:var(--teal);text-transform:uppercase}
.eqm84-progress{border:1px solid #dce4e6;border-radius:13px;padding:11px 12px;background:#fff}.eqm84-progress>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px}.eqm84-progress>div:first-child span{color:var(--muted);font-weight:800}.eqm84-progress-track{height:8px!important;border-radius:999px;background:#edf1f2;margin-top:8px;overflow:hidden}.eqm84-progress-track i{display:block;height:100%;background:var(--teal);border-radius:999px;transition:width .2s ease}
.eqm84-safety{margin:0}.eqm84-next-card{border:2px solid #8fcfc9;border-radius:16px;padding:15px;background:#f5fcfb;box-shadow:0 4px 14px rgba(17,92,87,.05);display:grid;gap:11px}.eqm84-next-head h3{font-size:18px;line-height:1.2;margin:7px 0 0}.eqm84-step-chip{display:inline-flex;align-items:center;width:max-content;max-width:100%;border-radius:999px;padding:4px 8px;background:#eef2f3;color:#52646a;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.eqm84-step-chip.current{background:#dff4f0;color:#075f59}.eqm84-step-chip.done{background:#e6f5e9;color:#28633a}
.eqm84-task{border:1px solid #d7e7e5;border-radius:12px;padding:11px 12px;background:#fff}.eqm84-task.purpose{background:#f8fafb;border-color:#e3e8ea}.eqm84-task small{display:block;font-size:9px;font-weight:900;letter-spacing:.08em;color:#65757b}.eqm84-task p{margin:5px 0 0;line-height:1.5;font-size:13px;color:#24363d}.eqm84-action{min-height:46px;width:100%;font-size:13px}.eqm84-rule-ref{color:#7a888d;font-size:9px;text-align:right}
.eqm84-fold{border:1px solid #dce4e6;border-radius:13px;background:#fff;overflow:hidden}.eqm84-fold>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 13px}.eqm84-fold>summary::-webkit-details-marker{display:none}.eqm84-fold>summary div{display:grid;gap:2px}.eqm84-fold>summary b{font-size:13px}.eqm84-fold>summary small{font-size:10px;color:var(--muted)}.eqm84-fold>summary>span{font-size:16px;color:#75848a;transition:transform .15s ease}.eqm84-fold[open]>summary>span{transform:rotate(180deg)}.eqm84-fold-body{border-top:1px solid #e7ecee;padding:10px 12px;display:grid;gap:9px}
.eqm84-queue-row,.eqm84-done-row{border:1px solid #e2e8ea;border-radius:12px;padding:11px;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.eqm84-queue-row>div,.eqm84-done-row>div{display:grid;gap:5px}.eqm84-queue-row b,.eqm84-done-row b{font-size:13px}.eqm84-queue-row p,.eqm84-done-row p{margin:0;font-size:12px;line-height:1.4;color:#43555c}.eqm84-queue-row small{font-size:10px;color:var(--muted);line-height:1.35}.eqm84-queue-row .btn{align-self:center;white-space:nowrap}.eqm84-done-row{grid-template-columns:minmax(0,1fr) auto;background:#fbfdfb;border-color:#d4e6d7}.eqm84-done-row>small{color:#7a888d;font-size:9px}.eqm84-missing{margin:0;padding-left:20px}.eqm84-missing li{margin:5px 0;font-size:12px;line-height:1.4}.eqm84-technical .metric-line{padding:7px 0}.eqm84-complete{margin:0}
.eqm84-result-modal{display:grid;gap:12px}.eqm84-result-modal h3{margin:0;font-size:20px}.eqm84-result-modal textarea{min-height:110px;resize:vertical}.eqm84-result-modal .notice{margin:0}
@media(max-width:620px){.eqm84-guide-head{display:block}.eqm84-guide-head>.badge{display:inline-flex;margin-top:8px}.eqm84-next-card{padding:12px}.eqm84-next-head h3{font-size:17px}.eqm84-queue-row,.eqm84-done-row{grid-template-columns:1fr}.eqm84-queue-row .btn{width:100%}.eqm84-rule-ref{text-align:left}}
.eqm84-secondary{padding:0!important;overflow:hidden}.eqm84-secondary>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:12px}.eqm84-secondary>summary::-webkit-details-marker{display:none}.eqm84-secondary>summary h4{margin:0}.eqm84-secondary>summary small{display:block;color:var(--muted);margin-top:3px;line-height:1.35}.eqm84-chevron{font-size:16px;color:#75848a;transition:transform .15s ease}.eqm84-secondary[open] .eqm84-chevron{transform:rotate(180deg)}.eqm84-secondary-body{border-top:1px solid #e4eaec;padding:12px}.eqm84-secondary-body .decision-actions{margin-top:0}@media(max-width:620px){.eqm84-secondary>summary{grid-template-columns:minmax(0,1fr) auto}.eqm84-secondary>summary .badge{grid-row:2;grid-column:1/-1;width:max-content}.eqm84-chevron{grid-column:2;grid-row:1}}

/* FIX85 · OCR deterministic review · additive / scoped */
.ocr85-review{border:1px solid #cfdcdf;background:#fff;margin:10px 0 14px}
.ocr85-review.guided_review{border-color:#e3c77e;background:#fffdfa}
.ocr85-review.manual_required{border-color:#d7a0a0;background:#fffafa}
.ocr85-review.ready_review{border-color:#9dcdb0;background:#fbfffc}
.ocr85-review details{margin:8px 0}
.ocr85-review details summary{cursor:pointer;padding:7px 0}
.ocr85-list{margin:8px 0 4px;padding-left:20px}
.ocr85-list li{margin:5px 0;line-height:1.35}
.ocr85-next{margin:10px 0;padding:10px 12px;border-radius:10px;background:#eef7f7;border:1px solid #c4dddd}
.ocr85-next ol{margin:6px 0 0;padding-left:20px}
.ocr85-next li{margin:5px 0}


/* FIX85 FIX01 · revisión OCR de un vistazo; la lógica V85 no cambia */
.ocr85-quick{padding:14px 14px 12px;margin:10px 0 14px}
.ocr85-quick-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.ocr85-quick-head h4{font-size:1.14rem;margin:2px 0 5px;line-height:1.2}
.ocr85-quick-head p{margin:0;line-height:1.4;max-width:58ch}
.ocr85-eyebrow{font-weight:800;letter-spacing:.04em;font-size:.72rem}
.ocr85-good-grid{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 8px}
.ocr85-good-grid span{border:1px solid #b9d9c4;background:#f2fbf5;border-radius:999px;padding:6px 9px;font-size:.86rem;font-weight:700}
.ocr85-focus{margin:10px 0;padding:10px 11px;border:1px solid #e4c979;background:#fff9e8;border-radius:10px}
.ocr85-doubt-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:8px 0;border-top:1px solid rgba(0,0,0,.08)}
.ocr85-doubt-row:first-of-type{margin-top:6px}
.ocr85-doubt-row span{min-width:0}.ocr85-doubt-row small{display:block;margin-top:2px}
.ocr85-primary{width:100%;margin-top:10px;min-height:44px}
.ocr85-secondary{width:100%;margin-top:7px}
.ocr85-tech{margin-top:10px;border-top:1px solid #dde5e8;padding-top:8px}
.ocr85-tech summary{cursor:pointer;font-weight:700}
.ocr85-tech-body{padding:8px 2px 2px}
@media (max-width:640px){.ocr85-quick-head{display:block}.ocr85-quick-head .status-pill{margin-top:8px}.ocr85-good-grid{display:grid;grid-template-columns:1fr 1fr}.ocr85-doubt-row{display:block}.ocr85-doubt-row>b{display:block;margin-top:4px}}

/* FIX85 FIX02 · confirmación puntual OCR dentro de la app */
.ocr85-inline-photo{border:1px solid var(--line,#d8e1e3);border-radius:14px;padding:10px;background:#f8faf9;display:grid;gap:8px}.ocr85-inline-photo img{width:100%;max-height:46vh;object-fit:contain;border-radius:10px;background:#fff}.ocr85-inline-question{display:grid;grid-template-columns:1fr auto;gap:4px 12px;border:1px solid #e6c875;background:#fff8df;border-radius:14px;padding:14px}.ocr85-inline-question small{grid-column:1/-1;font-weight:800;letter-spacing:.04em}.ocr85-inline-question b{min-width:0}.ocr85-inline-question strong{font-size:1.15rem}.ocr85-inline-prompt{font-size:1.05rem;font-weight:800;text-align:center;margin:4px 0}.ocr85-inline-actions{grid-template-columns:1fr 1fr}.ocr85-inline-edit{border:1px solid var(--line,#d8e1e3);border-radius:14px;padding:12px;background:#fff}@media(max-width:640px){.ocr85-inline-actions{grid-template-columns:1fr}.ocr85-inline-photo img{max-height:42vh}.ocr85-inline-question{grid-template-columns:1fr}.ocr85-inline-question strong{justify-self:start}}

/* FIX85 FIX03: respect hidden state on the correction editor even though .stack sets display:grid. */
.ocr85-inline-edit[hidden]{display:none!important}

/* FIX86 · OCR missing-line guided review */
.ocr86-progress{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;margin:8px 0 12px;border:1px solid #d7e4e4;border-radius:12px;background:#f7fbfb}
.ocr86-progress span{font-size:.85rem;color:#50636a}.ocr86-progress b{font-size:1.05rem}
.ocr86-missing-form{border:1px solid #dbe4e8;border-radius:14px;padding:12px;background:#fff}
.ocr86-missing-photo img{max-height:310px;object-fit:contain;background:#fafafa}


/* FIX86 FIX01 — candidatos faltantes OCR */
.ocr86-candidates{display:grid;gap:8px;margin:10px 0 14px}.ocr86-candidates-head{display:grid;gap:2px}.ocr86-candidates-head small{color:var(--muted,#5d6b76)}.ocr86-candidate{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;border:1px solid #d8e1e5;background:#fff;border-radius:12px;padding:12px;cursor:pointer}.ocr86-candidate span{display:grid;gap:3px}.ocr86-candidate small{font-weight:500;color:#61717e}.ocr86-candidate strong{white-space:nowrap}.ocr86-candidate:hover,.ocr86-candidate:focus{border-color:#07847f;box-shadow:0 0 0 2px rgba(7,132,127,.08)}

/* FIX86 FIX04: cada candidato OCR muestra siempre una acción explícita de revisión. */
.ocr86-candidate-action{display:grid!important;gap:2px!important;text-align:right;justify-items:end;min-width:72px}.ocr86-candidate-action b{white-space:nowrap}.ocr86-candidate-action small{font-weight:800!important;color:#087d78!important;text-transform:uppercase;letter-spacing:.02em}


/* FIX91 FIX07 — decisión humana de hipótesis: rápida, legible, persistente */
.eqm81-hyp-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:16px}
.eqm81-hyp-title h4{margin:0}
.eqm81-auto-save-note{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#eef8f6;border:1px solid #bcded6;color:#174f47;font-size:11px}
.eqm81-auto-save-note b{font-size:11px}.eqm81-auto-save-note span{color:#48645f}
.eqm81-hyp{padding:13px;margin:10px 0;border-radius:14px}
.eqm81-hyp p{line-height:1.42;margin:10px 0}
.eqm81-verdict-box{margin-top:12px;border:2px solid #dce4e7;border-radius:14px;padding:10px;background:#f8fafb;transition:.15s ease}
.eqm81-verdict-current{display:grid;gap:2px;margin-bottom:9px}
.eqm81-verdict-current small{font-size:10px;font-weight:900;letter-spacing:.08em;color:#6b7880;white-space:normal}
.eqm81-verdict-current strong{font-size:15px;line-height:1.15;color:#1b2d37}
.eqm81-verdict-current span{font-size:11px;color:#667780;line-height:1.3}
.eqm81-verdict-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.eqm81-choice{min-height:46px;border:1px solid #cfd8dc;border-radius:11px;background:#fff;color:#21333e;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 7px;font:inherit;font-size:12px;cursor:pointer;transition:.12s ease;box-shadow:0 1px 2px rgba(17,34,45,.04)}
.eqm81-choice span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#edf1f3;font-size:12px;font-weight:900}
.eqm81-choice b{font-size:12px}.eqm81-choice:active{transform:scale(.98)}.eqm81-choice:disabled{cursor:wait;opacity:.72}
.eqm81-verdict-box.is-confirmed{border-color:#9fcdb0;background:#f2faf4}.eqm81-verdict-box.is-rejected{border-color:#b8c3ca;background:#f5f7f8}.eqm81-verdict-box.is-uncertain{border-color:#e5c76f;background:#fffaf0}
.eqm81-choice.is-confirmed.is-selected{background:#168246;border-color:#168246;color:#fff;box-shadow:0 0 0 3px rgba(22,130,70,.14)}
.eqm81-choice.is-confirmed.is-selected span{background:#fff;color:#168246}
.eqm81-choice.is-rejected.is-selected{background:#132536;border-color:#132536;color:#fff;box-shadow:0 0 0 3px rgba(19,37,54,.13)}
.eqm81-choice.is-rejected.is-selected span{background:#fff;color:#132536}
.eqm81-choice.is-uncertain.is-selected{background:#f2c94c;border-color:#d5ad31;color:#3f3300;box-shadow:0 0 0 3px rgba(242,201,76,.2)}
.eqm81-choice.is-uncertain.is-selected span{background:#fff7d8;color:#604c00}
.eqm81-verdict-box.is-saving{border-color:#73afd2;background:#f0f8fc;animation:eqm81Pulse 1s ease-in-out infinite alternate}
.eqm81-verdict-box.is-error{border-color:#d48f86;background:#fff4f2}.eqm81-verdict-box.is-error .eqm81-verdict-current strong{color:#9a261b}
@keyframes eqm81Pulse{from{box-shadow:0 0 0 0 rgba(53,131,177,0)}to{box-shadow:0 0 0 4px rgba(53,131,177,.10)}}
@media(max-width:620px){.eqm81-hyp-title{display:block}.eqm81-auto-save-note{margin-top:7px;width:max-content;max-width:100%;border-radius:10px}.eqm81-auto-save-note span{display:none}.eqm81-verdict-group{grid-template-columns:1fr}.eqm81-choice{min-height:44px;justify-content:flex-start;padding-left:14px;font-size:13px}.eqm81-choice b{font-size:13px}.eqm81-verdict-current strong{font-size:16px}}

/* v35.3 FIX95 · IA incidencias: estado/refresh/trazabilidad legible */
.eqm92-ai-state{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #d8e0e4;border-radius:13px;padding:11px 12px;margin:4px 0 8px;background:#f8fafb}
.eqm92-ai-state>div{display:grid;gap:2px}.eqm92-ai-state b{font-size:13px}.eqm92-ai-state span{font-size:11px;color:#62727b;line-height:1.35}.eqm92-ai-state>strong{font-size:11px;white-space:nowrap;border-radius:999px;padding:5px 8px}
.eqm92-ai-state.ready,.eqm92-ai-state.refresh{background:#f0f8fc;border-color:#a9d1e7}.eqm92-ai-state.ready>strong,.eqm92-ai-state.refresh>strong{background:#d9eef9;color:#174f6b}
.eqm92-ai-state.current{background:#f2faf4;border-color:#a9d0b4}.eqm92-ai-state.current>strong{background:#daf0df;color:#185c32}
.eqm92-ai-state.neutral>strong{background:#edf1f3;color:#53636b}
.eqm92-ai-trace{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:0 3px 9px;color:#64747c;font-size:10.5px;line-height:1.35}
.eqm92-ai-trace b{color:#314650}
@media(max-width:620px){.eqm92-ai-state{align-items:flex-start}.eqm92-ai-state>strong{margin-top:1px}.eqm92-ai-trace{display:grid;gap:2px}}

/* FIX96-FIX100 · IA advisory 5-en-1 · aditivo */
.ai96-card{border:1px solid #cfe0d4;background:#fbfffc}.ai96-inline{margin-top:10px;padding:10px;border:1px solid #dbe3e8;border-radius:12px;background:#f8fafb}.ai96-inline small{display:block;margin-top:6px;color:#5f6f7a}.ai96-result{margin-top:10px}.ai96-result .metric-line{align-items:flex-start}.ai96-result .metric-line>span{max-width:70%}

/* FIX101-FIX104 · OCR IA visible, rápida y legible */
.ai101-ocr-card{margin-top:12px;padding:12px;border:2px solid #b8d9c5;background:#f5fff8}.ai101-ocr-card .card-head{margin-bottom:9px}.ai101-ocr-card .card-head small{display:block;margin-top:4px;line-height:1.35}.ai101-ocr-btn{width:100%;min-height:46px;font-size:1rem}.ai101-ocr-card .ai96-result{margin-top:12px}@media(max-width:640px){.ai101-ocr-card{padding:11px}.ai101-ocr-btn{min-height:50px;font-size:1.02rem}}

/* FIX105-FIX108 · OCR IA prominente + actualización PWA */
.ai105-prominent{margin:0 0 14px!important;padding:16px!important;border:2px solid #0b7f78!important;background:#f0fbf9!important;border-radius:16px!important;box-shadow:0 2px 8px rgba(11,127,120,.08)}
.ai105-prominent .card-head b{font-size:17px!important;color:#0a514d}
.ai105-prominent .card-head small{font-size:13px;line-height:1.35;margin-top:4px}
.ai105-prominent .ai101-ocr-btn{width:100%;min-height:50px;font-size:16px;margin-top:10px}
@media(max-width:640px){.ai105-prominent{padding:14px!important}.ai105-prominent .ai101-ocr-btn{min-height:54px}}


/* FIX109-FIX112 · Progreso IA visible, sin porcentajes ficticios */
.ai-live-progress{margin:12px 0;padding:14px;border:1px solid #b9d9d5;border-radius:14px;background:#f3fbfa;box-shadow:0 2px 8px rgba(19,37,54,.06)}
.ai-live-progress-head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}
.ai-live-progress-head b{display:block;font-size:15px;line-height:1.25}
.ai-live-progress-head small{display:block;margin-top:3px;color:#50616f;line-height:1.35}
.ai-live-progress-head strong{font-variant-numeric:tabular-nums;min-width:38px;text-align:right;color:#132536}
.ai-live-spinner{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;font-size:22px;animation:aiSpin 1s linear infinite}
.ai-live-progress-track{height:9px;margin:12px 0 10px;border-radius:999px;overflow:hidden;background:#d9e6e5;position:relative}
.ai-live-progress-track i{position:absolute;top:0;bottom:0;width:38%;border-radius:999px;background:#0b817b;animation:aiSweep 1.25s ease-in-out infinite}
.ai-live-progress-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ai-live-progress-steps span{padding:6px 7px;border-radius:9px;background:#fff;border:1px solid #d7dee2;text-align:center;font-size:11px;font-weight:700;color:#667682}
.ai-live-progress-steps span.active{border-color:#0b817b;color:#0b635f;background:#eaf8f6}
.ai-live-progress-steps span.done{border-color:#b8dfc4;color:#246c37;background:#edf9f0}
.ai-live-progress-note{display:block;margin-top:9px;color:#667682}
button:disabled{cursor:wait}
@keyframes aiSweep{0%{left:-40%}50%{left:45%}100%{left:105%}}
@keyframes aiSpin{to{transform:rotate(360deg)}}
@media(max-width:600px){.ai-live-progress{padding:12px}.ai-live-progress-steps{grid-template-columns:1fr}.ai-live-progress-head{grid-template-columns:auto 1fr}.ai-live-progress-head strong{grid-column:2;text-align:left;font-size:12px}}
@media(prefers-reduced-motion:reduce){.ai-live-spinner,.ai-live-progress-track i{animation-duration:2.5s}}
/* v35.8 FIX120 · Point Smart 2 current contract */
.point-steps-v116{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0}.point-steps-v116 span{display:flex;align-items:center;gap:6px;border:1px solid #dce5ea;border-radius:12px;padding:8px;background:#f7fafb;font-size:11px}.point-steps-v116 span i{font-style:normal;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#e7edf0;font-weight:900}.point-steps-v116 span.done{border-color:#a9d7b9;background:#edf9f1}.point-steps-v116 span.done i{background:#d5f1de;color:#23633a}.point-steps-v116 span.active{outline:2px solid rgba(0,109,109,.22);background:#eef9f9}.point-live-progress-v116{border:1px solid #b8d8d8;background:#f2fbfb;border-radius:12px;padding:10px;margin-top:10px}.point-live-progress-v116 b,.point-live-progress-v116 small{display:block}.point-live-progress-v116 small{margin-top:4px;color:#60707a}.point-progress-bar-v116{height:7px;background:#dce7ea;border-radius:999px;overflow:hidden;margin-bottom:8px}.point-progress-bar-v116 i{display:block;height:100%;width:38%;background:currentColor;border-radius:999px;animation:pointSweepV116 1.1s ease-in-out infinite}@keyframes pointSweepV116{0%{transform:translateX(-110%)}100%{transform:translateX(320%)}}.point-reconcile-v113{margin-top:10px}.receipt-pay-ref{font-size:8px;overflow-wrap:anywhere;margin-top:1mm}.point-status-v45 .metric-line b{overflow-wrap:anywhere;max-width:62%;text-align:right}@media(max-width:650px){.point-steps-v116{grid-template-columns:1fr 1fr}.point-status-v45 .metric-line{align-items:flex-start}.point-status-v45 .metric-line b{max-width:58%}}

/* =========================================================
   v35.9 · FIX121–FIX128 — VENTA PRODUCCIÓN / UX REIMAGINADA
   ========================================================= */
.sales-shell-v128{max-width:1540px;margin:0 auto;padding:0 6px 18px;color:var(--nav)}
.sales-brandbar-v128{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 2px 14px;border-bottom:1px solid #e7eceb;margin-bottom:20px}
.sales-brand-v128{display:flex;align-items:center;gap:14px;min-width:280px}.sales-brand-v128 img{width:72px;height:72px;object-fit:cover;border-radius:50%;box-shadow:0 3px 12px rgba(20,37,53,.08)}.sales-brand-v128 div{display:grid;gap:3px}.sales-brand-v128 b{font-size:11px;letter-spacing:.13em;color:#087b78}.sales-brand-v128 span{font-size:11px;color:#728095}
.sales-brand-actions-v128{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.sales-online-v128{display:flex;align-items:center;gap:7px;border-radius:999px;padding:8px 13px;font-size:10px;font-weight:900;background:#eef8f2;color:#247947}.sales-online-v128 i{width:9px;height:9px;border-radius:50%;background:#15a653;box-shadow:0 0 0 3px rgba(21,166,83,.08)}.sales-online-v128.offline{background:#fff4e9;color:#9c5d20}.sales-online-v128.offline i{background:#e59135}
.sales-actor-v128{display:grid;grid-template-columns:28px auto;grid-template-rows:auto auto;column-gap:7px;align-items:center;padding:4px 10px;border-left:1px solid #e4e9e8;border-right:1px solid #e4e9e8}.sales-actor-v128 .avatar{grid-row:1/3;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eef3f7;color:#244768;font-size:9px}.sales-actor-v128 b{font-size:10px;line-height:1.1}.sales-actor-v128 small{font-size:9px;color:#7b8796}
.sales-utility-btn-v128{border:1px solid #dce4e3;background:#fff;border-radius:13px;min-height:43px;padding:9px 13px;color:#132d4d;font-weight:900;font-size:10px;display:flex;align-items:center;gap:7px;box-shadow:0 3px 10px rgba(19,45,77,.03);cursor:pointer}.sales-utility-btn-v128:hover{border-color:#b9cfcb;background:#fafffe}.sales-utility-btn-v128:disabled{opacity:.45;cursor:not-allowed}
.sales-more-v128{position:relative}.sales-more-v128>summary{list-style:none;width:43px;height:43px;border:0;border-radius:12px;display:grid;place-items:center;font-size:23px;font-weight:900;cursor:pointer;color:#173657;background:#fff}.sales-more-v128>summary::-webkit-details-marker{display:none}.sales-more-menu-v128{position:absolute;right:0;top:50px;z-index:20;width:275px;border:1px solid #dce4e3;background:#fff;border-radius:15px;padding:12px;box-shadow:0 18px 44px rgba(19,37,54,.16);display:grid;gap:8px}.sales-more-menu-v128>b{font-size:11px}.sales-more-menu-v128 small{font-size:8px;line-height:1.35;color:#75827d}.sales-more-menu-v128 .btn{width:100%;justify-content:flex-start}
.sales-title-v128{margin:0 0 22px;padding:0 4px}.sales-title-v128 h2{font-size:36px;line-height:1.05;letter-spacing:-.025em;margin:0 0 6px;color:#0e2d50}.sales-title-v128 p{font-size:16px;margin:0;color:#6f7e96}
.sales-workspace-v128{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,.9fr);gap:22px;align-items:start}.sales-products-panel-v128,.sales-order-panel-v128{background:#fff;border:1px solid #e6ebe9;border-radius:22px;box-shadow:0 10px 28px rgba(22,46,64,.045)}.sales-products-panel-v128{padding:18px}.sales-order-panel-v128{padding:18px;position:sticky;top:80px}
.sales-panel-heading-v128{display:flex;align-items:center;gap:10px;margin:0 0 14px}.sales-panel-heading-v128 h3{font-size:17px;margin:0;color:#102f53}.sales-grid-icon-v128,.sales-receipt-icon-v128,.sales-pay-icon-v128{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#e9f8f6;color:#0b8884;font-size:18px;font-weight:950}
.sales-product-grid-v128{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sales-product-card-v128{position:relative;overflow:hidden;border:1px solid #dfe6e4;background:#fff;border-radius:16px;padding:0;min-height:246px;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease}.sales-product-card-v128:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(16,48,68,.07)}.sales-product-card-v128.featured,.sales-product-card-v128.selected{background:linear-gradient(145deg,#098c89,#007d7a);border-color:#078985}.sales-product-photo-v128{height:154px;display:flex;align-items:end;justify-content:center;padding:0 7px;overflow:hidden}.sales-product-photo-v128 img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block}.sales-product-text-v128{display:grid;gap:4px;padding:8px 20px 17px}.sales-product-text-v128 strong{font-size:17px;color:#102f53}.sales-product-text-v128 span{font-size:10px;line-height:1.45;color:#61758e}.sales-product-card-v128.featured .sales-product-text-v128 strong,.sales-product-card-v128.selected .sales-product-text-v128 strong{color:#fff}.sales-product-card-v128.featured .sales-product-text-v128 span,.sales-product-card-v128.selected .sales-product-text-v128 span{color:#e8fffd}.sales-product-arrow-v128{position:absolute;right:17px;bottom:25px;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #dfe6e4;color:#476069;font-size:28px;line-height:1;box-shadow:0 3px 9px rgba(0,0,0,.05)}
.sales-config-zone-v128{margin-top:14px;min-height:276px;border:1px dashed #d3e0df;border-radius:18px;background:linear-gradient(180deg,#fcfefe,#f9fcfc);position:relative;overflow:hidden}.sales-config-zone-v128.has-product{border-style:solid;background:#fbfdfd}.sales-empty-v128{min-height:276px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;position:relative}.sales-empty-art-v128{color:#97b9bd;margin-bottom:3px}.sales-empty-svg-v128{width:142px;height:100px;display:block}.sales-empty-v128 h3{font-size:17px;margin:0;color:#102f53}.sales-empty-v128 p{font-size:10px;line-height:1.55;color:#718197;margin:0}.sales-hand-note-v128{position:absolute;right:7%;top:38%;display:flex;align-items:flex-start;gap:7px;color:#6f83ac;transform:rotate(-3deg)}.sales-hand-note-v128 span{font-size:38px;font-family:cursive;transform:rotate(18deg);line-height:1}.sales-hand-note-v128 em{font-family:"Comic Sans MS","Segoe Print",cursive;font-size:12px;line-height:1.45;font-style:italic;text-align:left}.sales-config-inner-v128{padding:17px}.sales-config-title-v128{display:flex;justify-content:space-between;align-items:start;gap:12px}.sales-config-title-v128 small{font-size:8px;font-weight:950;letter-spacing:.12em;color:#788686}.sales-config-title-v128 h3{font-size:18px;margin:3px 0 0}.sales-options-v128{margin-top:13px;padding-top:12px}
.sales-order-head-v128{display:flex;align-items:center;justify-content:space-between;gap:10px}.sales-order-head-v128>div{display:flex;align-items:center;gap:9px}.sales-order-head-v128 h3{font-size:19px;margin:0;color:#102f53}.sales-eta-v128{border-radius:999px;padding:8px 11px;font-size:9px;font-weight:900;white-space:nowrap}.sales-eta-v128.pending{background:#fff3ec;color:#e15e2d;border:1px solid #ffd1bd}.sales-eta-v128.ready{background:#edf8f2;color:#2b7850;border:1px solid #cde6d7}
.sales-order-empty-v128{min-height:183px;margin-top:13px;border-radius:13px;background:linear-gradient(180deg,#fbfdfd,#f8fbfb);display:grid;place-items:center;align-content:center;gap:5px;text-align:center;border-bottom:1px solid #edf1f1}.sales-order-empty-icon-v128{font-size:55px;line-height:1;color:#c8d6d9}.sales-order-empty-v128 b{font-size:13px;color:#133052}.sales-order-empty-v128 small{font-size:10px;color:#8793a5}.sales-order-summary-v128{margin-top:13px;padding:13px 0;border-bottom:1px solid #edf1f1;display:grid;gap:7px}.sales-order-summary-v128>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px}.sales-order-summary-v128 span{color:#738298}.sales-order-summary-v128 b{color:#173252}.sales-order-product-v128 b{font-size:15px}.sales-order-product-v128 strong{font-size:19px;color:#0d2c4d}
.sales-notes-v128{display:block;margin-top:14px;font-size:9px;font-weight:850;color:#596b7e}.sales-notes-v128>small{font-weight:700;color:#8793a5}.sales-notes-v128>div{display:grid;grid-template-columns:23px 1fr auto;align-items:start;gap:6px;margin-top:5px;border:1px solid #d9e3e6;border-radius:11px;padding:9px 10px;background:#fff}.sales-notes-v128 textarea{min-height:38px;max-height:70px;resize:vertical;border:0;padding:0;font-size:10px;outline:none;background:transparent;box-shadow:none}.sales-notes-v128>div>span{font-size:17px;color:#a9b6c1}.sales-notes-v128 em{font-size:8px;color:#9aa6b2;font-style:normal;align-self:end;padding-bottom:2px}
.sales-payment-head-v128{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:17px}.sales-payment-head-v128>div:first-child{display:flex;align-items:center;gap:8px}.sales-payment-head-v128 h3{font-size:18px;margin:0}.sales-payment-head-v128>div:last-child{display:grid;text-align:right}.sales-payment-head-v128 small{font-size:9px;color:#7e8b9d}.sales-payment-head-v128 strong{font-size:24px;line-height:1.1;color:#102f53}.sales-payment-grid-v128{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.sales-payment-v128{min-height:78px;border:1px solid #dbe4e5;border-radius:13px;background:#fff;display:grid;place-items:center;align-content:center;gap:5px;color:#173252;cursor:pointer}.sales-payment-v128 b{font-size:11px}.sales-payment-emoji-v128{font-size:25px;color:#0b8c88}.sales-payment-v128.selected{border:2px solid #148c8b;background:#f1fbfa}.sales-payment-v128:disabled{opacity:.38;cursor:not-allowed}
.sales-terminal-row-v128{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;border-radius:12px;background:#eef9f8;margin-top:10px;padding:10px 12px;color:#14324f}.sales-terminal-row-v128.pending{background:#fff9ed}.sales-terminal-row-v128.warn{background:#fff0eb}.sales-terminal-icon-v128{width:38px;height:38px;border-radius:9px;background:#173b5b;color:#fff;display:grid;place-items:center;font-size:20px}.sales-terminal-row-v128 div{display:grid;gap:1px}.sales-terminal-row-v128 small{font-size:8px;color:#78899b}.sales-terminal-row-v128 b{font-size:10px}.sales-terminal-row-v128 div>span{font-size:8px;color:#4e7d66}.sales-terminal-row-v128 div>span i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#18a756;margin-right:4px}.sales-terminal-state-v128{font-size:8px;font-weight:950;color:#4b705d}
.sales-charge-v128,.sales-send-v128{width:100%;min-height:49px;border:0;border-radius:11px;margin-top:10px;font-size:12px;font-weight:950;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.sales-charge-v128{background:linear-gradient(90deg,#087e7b,#008f8b);color:#fff;box-shadow:0 5px 12px rgba(0,126,123,.16)}.sales-charge-v128:disabled{background:#91a0aa;box-shadow:none;cursor:not-allowed}.sales-send-v128{background:#e8eef1;color:#aebac2;margin-top:7px;cursor:not-allowed}.sales-order-foot-v128{display:flex;justify-content:space-between;gap:8px;margin-top:11px;padding-top:10px;border-top:1px solid #edf1f1;color:#8190a1;font-size:8px}
@media(max-width:1180px){.sales-brand-v128 span{display:none}.sales-utility-btn-v128 span{display:none}.sales-utility-btn-v128{width:43px;padding:0;justify-content:center}.sales-workspace-v128{grid-template-columns:minmax(0,1fr) 330px}.sales-product-card-v128{min-height:230px}.sales-product-text-v128{padding-left:14px;padding-right:14px}.sales-product-arrow-v128{width:34px;height:34px;right:10px}}
@media(max-width:900px){.sales-brandbar-v128{align-items:flex-start}.sales-brand-actions-v128{max-width:60%}.sales-workspace-v128{grid-template-columns:1fr}.sales-order-panel-v128{position:static}.sales-product-grid-v128{grid-template-columns:repeat(3,1fr)}.sales-title-v128 h2{font-size:31px}}
@media(max-width:680px){.sales-brandbar-v128{display:grid}.sales-brand-actions-v128{max-width:none;justify-content:flex-start}.sales-brand-v128 img{width:58px;height:58px}.sales-product-grid-v128{grid-template-columns:1fr}.sales-product-card-v128{min-height:205px}.sales-product-photo-v128{height:125px}.sales-hand-note-v128{display:none}.sales-payment-grid-v128{grid-template-columns:repeat(3,1fr)}.sales-title-v128 h2{font-size:27px}.sales-products-panel-v128,.sales-order-panel-v128{border-radius:16px}.sales-order-panel-v128{padding:14px}.sales-products-panel-v128{padding:14px}}


/* =========================================================
   v36.0 · FIX129–FIX132 — VENTA EN PRIMERA VISTA
   Objetivo: vender sin bajar scroll en desktop operativo.
   ========================================================= */
body.sales-pos-focus .topbar{height:72px;padding:8px 22px}
body.sales-pos-focus .greeting h1{font-size:22px;line-height:1.05}
body.sales-pos-focus .greeting p{display:none}
body.sales-pos-focus .datebox{display:none}
body.sales-pos-focus .top-meta{gap:10px}
body.sales-pos-focus .content{padding:10px 18px 12px;overflow:visible}
body.sales-pos-focus #adminSystemAlert:not(.show){display:none}

.sales-shell-v128{max-width:1540px;padding:0 4px 8px}
.sales-pos-head-v132{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 8px;padding:0 2px}
.sales-pos-head-v132 .sales-title-v128{margin:0;padding:0}
.sales-title-v128 h2{font-size:28px;line-height:1.02;margin:0 0 3px}
.sales-title-v128 p{font-size:13px;line-height:1.2}
.sales-brand-actions-v128{gap:8px;flex-wrap:nowrap}
.sales-utility-btn-v128{min-height:40px;padding:8px 13px;font-size:13px;border-radius:12px;white-space:nowrap}
.sales-more-v128>summary{width:40px;height:40px;font-size:22px}
.sales-more-menu-v128{top:45px}

.sales-workspace-v128{grid-template-columns:minmax(0,1.62fr) minmax(330px,.88fr);gap:14px;align-items:start}
.sales-products-panel-v128,.sales-order-panel-v128{border-radius:18px}
.sales-products-panel-v128{padding:12px}
.sales-order-panel-v128{padding:12px;position:sticky;top:82px}
.sales-panel-heading-v128{margin-bottom:8px;gap:8px}
.sales-panel-heading-v128 h3{font-size:16px}
.sales-grid-icon-v128,.sales-receipt-icon-v128,.sales-pay-icon-v128{width:29px;height:29px;font-size:16px;border-radius:8px}

.sales-product-grid-v128{gap:9px}
.sales-product-card-v128{min-height:158px;border-radius:14px}
.sales-product-photo-v128{height:96px;padding:0 5px}
.sales-product-text-v128{gap:2px;padding:5px 13px 8px}
.sales-product-text-v128 strong{font-size:16px;line-height:1.05}
.sales-product-text-v128 span{font-size:11px;line-height:1.2;max-width:82%}
.sales-product-arrow-v128{right:10px;bottom:9px;width:31px;height:31px;font-size:22px}

.sales-config-zone-v128{margin-top:9px;min-height:168px;border-radius:14px}
.sales-empty-v128{min-height:168px;gap:1px}
.sales-empty-art-v128{height:72px;margin:0 0 1px;display:grid;place-items:center}
.sales-empty-approved-v132{width:128px;height:auto;display:block;object-fit:contain}
.sales-empty-v128 h3{font-size:16px}
.sales-empty-v128 p{font-size:10px;line-height:1.35}
.sales-hand-note-v128{right:5%;top:34%}
.sales-hand-note-v128 span{font-size:31px}
.sales-hand-note-v128 em{font-size:11px}
.sales-config-inner-v128{padding:10px 12px}
.sales-config-title-v128 h3{font-size:16px;margin-top:1px}
.sales-config-title-v128 small{font-size:7px}
.sales-options-v128{margin-top:6px!important;padding-top:6px!important;gap:7px!important}
.sales-option-block{gap:5px}
.sales-option-title b{font-size:12px}.sales-option-title small{font-size:10px}
.sales-choice-grid{gap:7px}
.sales-choice{min-height:42px;padding:8px 10px;border-radius:10px}
.sales-choice span{font-size:13px}.sales-choice b{font-size:11px}
.sales-choice.selected{padding:7px 9px}
.sales-flavor-grid-ux13{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sales-flavor-grid-ux13 .flavor{min-height:52px;padding:8px 10px;font-size:11px}
.sales-flavor-grid-ux13 .flavor.flavor-rich-v137{display:flex;align-items:center;justify-content:flex-start;gap:10px;text-align:left;border:1px solid #d7dee8;background:#fff;border-radius:12px;font-weight:800;line-height:1.1;box-shadow:0 1px 0 rgba(11,34,74,.03)}
.sales-flavor-grid-ux13 .flavor.flavor-rich-v137 .flavor-name-v137{display:block;font-size:11px;color:#18345c;white-space:normal;word-break:break-word;max-width:100%}
.sales-flavor-grid-ux13 .flavor.flavor-rich-v137 .flavor-illustration-v138{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;color:#4e6f96}
.sales-flavor-grid-ux13 .flavor.flavor-rich-v137 .flavor-svg-v138{width:24px;height:24px;display:block}
.sales-flavor-grid-ux13 .flavor.flavor-rich-v137.tone-bayou .flavor-illustration-v138{color:#188b90}
.sales-flavor-grid-ux13 .flavor.flavor-rich-v137.tone-ranch .flavor-illustration-v138{color:#6e8f74}
.sales-flavor-grid-ux13 .flavor.flavor-rich-v137.tone-honey .flavor-illustration-v138{color:#dc9a1b}
.sales-flavor-grid-ux13 .flavor.flavor-rich-v137.tone-buffalo .flavor-illustration-v138{color:#d85a25}
.sales-flavor-grid-ux13 .flavor.flavor-rich-v137.tone-bbq .flavor-illustration-v138{color:#8d5732}
.sales-flavor-grid-ux13 .flavor.flavor-rich-v137.tone-garlic .flavor-illustration-v138{color:#b19856}
.sales-flavor-grid-ux13 .flavor.flavor-rich-v137.tone-chipotle .flavor-illustration-v138{color:#b04338}
.sales-flavor-grid-ux13 .flavor.flavor-rich-v137.tone-parmesan .flavor-illustration-v138{color:#b59a45}
.sales-flavor-grid-ux13 .flavor.flavor-rich-v137.tone-generic .flavor-illustration-v138{color:#517db0}
.sales-flavor-grid-ux13 .flavor.flavor-rich-v137.selected{border:2px solid #0f8f8e;background:#eff9f7;padding:7px 9px;box-shadow:0 0 0 2px rgba(15,143,142,.08)}
.sales-flavor-grid-ux13 .flavor.flavor-rich-v137.selected .flavor-name-v137{color:#0f3558}
.sales-flavor-grid-ux13 .flavor.flavor-rich-v137.selected .flavor-illustration-v138{color:#0f8f8e}

.sales-order-head-v128{gap:7px}
.sales-order-head-v128 h3{font-size:18px}
.sales-eta-v128{padding:6px 8px;font-size:9px;max-width:48%;overflow:hidden;text-overflow:ellipsis}
.sales-order-empty-v128{min-height:82px;margin-top:8px;gap:1px;border-radius:11px}
.sales-order-empty-icon-v128{font-size:35px}
.sales-order-empty-v128 b{font-size:13px}.sales-order-empty-v128 small{font-size:10px}
.sales-order-summary-v128{margin-top:7px;padding:7px 0;gap:4px}
.sales-order-summary-v128>div{font-size:11px;line-height:1.15}
.sales-order-product-v128 b{font-size:15px}.sales-order-product-v128 strong{font-size:18px}
.sales-notes-v128{margin-top:8px;font-size:10px}
.sales-notes-v128>div{margin-top:4px;padding:6px 8px;grid-template-columns:21px 1fr auto;border-radius:10px}
.sales-notes-v128 textarea{min-height:30px;max-height:42px;resize:none;font-size:11px;line-height:1.2}
.sales-notes-v128>div>span{font-size:15px}.sales-notes-v128 em{font-size:9px}
.sales-payment-head-v128{margin-top:9px;align-items:center}
.sales-payment-head-v128 h3{font-size:17px}.sales-payment-head-v128 strong{font-size:22px}.sales-payment-head-v128 small{font-size:10px}
.sales-payment-grid-v128{gap:7px;margin-top:7px}
.sales-payment-v128{min-height:55px;border-radius:11px;gap:2px}
.sales-payment-v128 b{font-size:14px}
.sales-payment-emoji-v128{font-size:20px}
.sales-terminal-row-v128{grid-template-columns:34px minmax(0,1fr) auto;gap:7px;margin-top:7px;padding:7px 9px;border-radius:10px}
.sales-terminal-icon-v128{width:32px;height:32px;font-size:17px;border-radius:8px}
.sales-terminal-row-v128 small{font-size:9px}.sales-terminal-row-v128 b{font-size:11px}.sales-terminal-row-v128 div>span{font-size:9px}.sales-terminal-state-v128{font-size:8px}
.sales-charge-v128,.sales-send-v128{min-height:42px;margin-top:7px;font-size:15px;border-radius:10px}
.sales-send-v128{margin-top:5px}
.sales-order-foot-v128{display:none!important}

/* Desktop operativo: todo el flujo crítico debe quedar arriba del fold. */
@media(min-width:901px) and (max-height:760px){
  body.sales-pos-focus .topbar{height:64px;padding-top:6px;padding-bottom:6px}
  body.sales-pos-focus .greeting h1{font-size:20px}
  body.sales-pos-focus .content{padding-top:7px;padding-bottom:7px}
  .sales-pos-head-v132{margin-bottom:6px}
  .sales-title-v128 h2{font-size:25px}.sales-title-v128 p{font-size:12px}
  .sales-utility-btn-v128{min-height:36px;font-size:12px;padding:6px 10px}
  .sales-more-v128>summary{width:36px;height:36px}
  .sales-product-card-v128{min-height:146px}.sales-product-photo-v128{height:86px}
  .sales-product-text-v128{padding-bottom:7px}.sales-product-text-v128 strong{font-size:15px}
  .sales-config-zone-v128,.sales-empty-v128{min-height:152px}
  .sales-empty-art-v128{height:63px}.sales-empty-approved-v132{width:114px}
  .sales-order-panel-v128{padding:10px}
  .sales-order-empty-v128{min-height:70px}
  .sales-notes-v128{margin-top:6px}.sales-payment-head-v128{margin-top:7px}
  .sales-payment-v128{min-height:50px}.sales-terminal-row-v128{margin-top:6px;padding-top:6px;padding-bottom:6px}
  .sales-charge-v128,.sales-send-v128{min-height:39px;font-size:14px}
}

@media(max-width:1180px) and (min-width:901px){
  .sales-utility-btn-v128 span{display:inline}
  .sales-utility-btn-v128{width:auto;padding:7px 10px}
  .sales-workspace-v128{grid-template-columns:minmax(0,1fr) 320px}
  .sales-product-card-v128{min-height:150px}
  .sales-product-text-v128{padding-left:10px;padding-right:10px}
}
@media(max-width:900px){
  body.sales-pos-focus .topbar{height:auto}
  body.sales-pos-focus .content{overflow:visible;padding:15px}
  .sales-pos-head-v132{align-items:flex-start;flex-direction:column}
  .sales-brand-actions-v128{flex-wrap:wrap}
  .sales-workspace-v128{grid-template-columns:1fr}
  .sales-order-panel-v128{position:static}
}

/* =========================================================
   v36.1 · FIX133–FIX136 — PANEL DE VENTA COMO MOCKUP APROBADO
   Sólo presentación del panel derecho; lógica de venta intacta.
   ========================================================= */
.sales-icon-v136{width:1em;height:1em;display:block}
.sales-order-panel-v136{padding:15px!important;border-radius:18px!important;background:#fff;box-shadow:0 8px 22px rgba(15,44,63,.045);overflow:hidden}
.sales-order-panel-v136 .sales-order-head-v128{min-height:38px;margin-bottom:9px}
.sales-order-panel-v136 .sales-order-head-v128>div{gap:9px}
.sales-order-panel-v136 .sales-receipt-icon-v128,.sales-order-panel-v136 .sales-pay-icon-v128{width:30px;height:30px;border-radius:8px;background:#e8f8f6;color:#0a8984;display:grid;place-items:center;padding:6px}
.sales-order-panel-v136 .sales-receipt-icon-v128 .sales-icon-v136,.sales-order-panel-v136 .sales-pay-icon-v128 .sales-icon-v136{width:18px;height:18px}
.sales-order-panel-v136 .sales-order-head-v128 h3{font-size:18px;line-height:1;margin:0}
.sales-order-panel-v136 .sales-eta-v128{font-size:8px;padding:6px 9px;max-width:none;overflow:visible}

.sales-order-hero-v136{height:122px;border-radius:12px;background:linear-gradient(180deg,#fbfdfd,#f7fbfb);border-bottom:1px solid #eef2f2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#133052;position:relative;overflow:hidden}
.sales-order-hero-v136.empty{gap:2px}
.sales-order-receipt-art-v136{width:54px;height:54px;color:#c9d7da;position:relative;display:grid;place-items:center;margin-bottom:1px}
.sales-order-receipt-art-v136 .sales-icon-v136{width:42px;height:42px;stroke-width:1.45}
.sales-order-receipt-art-v136 i{position:absolute;width:11px;height:2px;border-radius:99px;background:#9ac4c4;opacity:.8}
.sales-order-receipt-art-v136 .r1{left:-6px;top:17px;transform:rotate(18deg)}.sales-order-receipt-art-v136 .r2{right:-6px;top:17px;transform:rotate(-18deg)}.sales-order-receipt-art-v136 .r3{left:-3px;bottom:12px;transform:rotate(-18deg)}.sales-order-receipt-art-v136 .r4{right:-3px;bottom:12px;transform:rotate(18deg)}
.sales-order-hero-v136.empty>b{font-size:12px;line-height:1.15}.sales-order-hero-v136.empty>small{font-size:10px;color:#8793a5}
.sales-order-hero-v136.selected{align-items:stretch;justify-content:flex-start;text-align:left;padding:13px 14px 10px;gap:8px}
.sales-order-selected-top-v136{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.sales-order-selected-top-v136>div{display:grid;gap:2px}.sales-order-selected-top-v136 small{font-size:7px;letter-spacing:.13em;font-weight:950;color:#7d8998}.sales-order-selected-top-v136 b{font-size:16px;color:#102f53}.sales-order-selected-top-v136 strong{font-size:21px;color:#102f53;white-space:nowrap}
.sales-order-detail-grid-v136{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.sales-order-detail-grid-v136 span{display:grid;gap:1px;padding:6px 7px;border-radius:8px;background:#fff;border:1px solid #e8eeee;min-width:0}.sales-order-detail-grid-v136 small{font-size:7px;color:#8491a0}.sales-order-detail-grid-v136 b{font-size:10px;color:#173252;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sales-order-inline-alert-v136{margin-top:auto;border-radius:7px;background:#fff5dc;color:#8b5c00;font-size:8px;font-weight:800;padding:5px 7px;text-align:left}

.sales-notes-v136{margin-top:10px!important;font-size:9px!important}
.sales-notes-v136>div{height:48px;margin-top:5px!important;padding:8px 9px!important;grid-template-columns:22px 1fr auto!important;align-items:center!important}
.sales-notes-v136 textarea{height:28px!important;min-height:28px!important;max-height:28px!important;resize:none!important;align-self:center;font-size:10px!important;line-height:1.25!important}
.sales-notes-v136 em{align-self:end!important;font-size:8px!important;padding-bottom:1px!important}

.sales-compact-alert-v136{margin-top:7px;border:1px solid #f1d58c;background:#fff7df;color:#77550d;border-radius:9px;padding:6px 8px;font-size:8px;line-height:1.25}
.sales-order-panel-v136 .sales-payment-head-v128{margin-top:11px!important;padding-top:0;align-items:center!important}
.sales-order-panel-v136 .sales-payment-head-v128>div:first-child{gap:8px}
.sales-order-panel-v136 .sales-payment-head-v128 h3{font-size:18px!important}
.sales-order-panel-v136 .sales-payment-head-v128 small{font-size:9px!important}.sales-order-panel-v136 .sales-payment-head-v128 strong{font-size:23px!important}
.sales-order-panel-v136 .sales-payment-grid-v128{gap:8px;margin-top:8px}
.sales-order-panel-v136 .sales-payment-v128{min-height:62px;border-radius:11px;gap:4px;padding:6px 3px}
.sales-order-panel-v136 .sales-payment-v128 b{font-size:13px!important;line-height:1}
.sales-order-panel-v136 .sales-payment-emoji-v128{width:26px;height:23px;display:grid;place-items:center;color:#078e89;font-size:24px}
.sales-order-panel-v136 .sales-payment-emoji-v128 .sales-icon-v136{width:24px;height:24px}
.sales-order-panel-v136 .sales-payment-v128.selected{border:2px solid #0a8e8a;background:#eefaf9;box-shadow:inset 0 0 0 1px rgba(10,142,138,.06)}

.sales-order-panel-v136 .sales-terminal-row-v128,.sales-payment-status-v136{min-height:51px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;border-radius:10px;background:#edf8f7;margin-top:8px;padding:7px 9px;color:#14324f}
.sales-order-panel-v136 .sales-terminal-row-v128.pending{background:#fff8e9}.sales-order-panel-v136 .sales-terminal-row-v128.warn{background:#fff0eb}
.sales-order-panel-v136 .sales-terminal-icon-v128{width:38px;height:38px;border-radius:8px;background:#173b5b;color:#fff;display:grid;place-items:center;padding:7px}
.sales-order-panel-v136 .sales-terminal-icon-v128 .sales-icon-v136{width:24px;height:24px}
.sales-order-panel-v136 .sales-terminal-row-v128>div,.sales-payment-status-v136>div{display:grid;gap:1px;min-width:0}
.sales-order-panel-v136 .sales-terminal-row-v128 small,.sales-payment-status-v136 small{font-size:8px;color:#718599;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sales-order-panel-v136 .sales-terminal-row-v128 small b{font-size:9px;color:#163150}.sales-order-panel-v136 .sales-terminal-row-v128 div>span,.sales-payment-status-v136 div>span{font-size:8px;color:#3d7b5c}.sales-order-panel-v136 .sales-terminal-row-v128 div>span i,.sales-payment-status-v136 div>span i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#18a756;margin-right:4px}
.sales-payment-status-v136.cash .sales-terminal-icon-v128{background:#16865a}.sales-payment-status-v136.transfer .sales-terminal-icon-v128{background:#1873ba}.sales-payment-status-v136.transfer{background:#eef6fb}

.sales-order-panel-v136 .sales-charge-v128,.sales-order-panel-v136 .sales-send-v128{height:46px;min-height:46px;border-radius:9px;font-size:14px!important;margin-top:8px!important;gap:8px}
.sales-order-panel-v136 .sales-charge-v128 .sales-icon-v136,.sales-order-panel-v136 .sales-send-v128 .sales-icon-v136{width:18px;height:18px}
.sales-order-panel-v136 .sales-charge-v128{background:linear-gradient(90deg,#087e7b,#008f8b)!important;color:#fff!important;box-shadow:0 4px 9px rgba(0,126,123,.17)}
.sales-order-panel-v136 .sales-charge-v128:disabled{opacity:.58!important;background:linear-gradient(90deg,#087e7b,#008f8b)!important;color:#fff!important;cursor:not-allowed}
.sales-order-panel-v136 .sales-send-v128{background:#e7edf0!important;color:#a8b5be!important;margin-top:7px!important}

@media(min-width:901px){.sales-workspace-v128{grid-template-columns:minmax(0,1.58fr) minmax(355px,.92fr)}.sales-order-panel-v136{top:78px}}
@media(min-width:901px) and (max-height:760px){
  .sales-order-panel-v136{padding:12px!important}.sales-order-panel-v136 .sales-order-head-v128{min-height:32px;margin-bottom:6px}.sales-order-hero-v136{height:104px}.sales-order-hero-v136.selected{padding:9px 11px 7px;gap:5px}.sales-order-selected-top-v136 b{font-size:14px}.sales-order-selected-top-v136 strong{font-size:18px}.sales-order-detail-grid-v136 span{padding:4px 5px}.sales-notes-v136{margin-top:7px!important}.sales-notes-v136>div{height:42px}.sales-order-panel-v136 .sales-payment-head-v128{margin-top:7px!important}.sales-order-panel-v136 .sales-payment-v128{min-height:52px}.sales-order-panel-v136 .sales-terminal-row-v128,.sales-payment-status-v136{min-height:44px;padding-top:5px;padding-bottom:5px}.sales-order-panel-v136 .sales-terminal-icon-v128{width:33px;height:33px}.sales-order-panel-v136 .sales-charge-v128,.sales-order-panel-v136 .sales-send-v128{height:40px;min-height:40px;margin-top:6px!important;font-size:13px!important}
}
@media(max-width:900px){.sales-order-panel-v136{overflow:visible}.sales-order-hero-v136{height:132px}}

@media(max-width:1180px){.sales-flavor-grid-ux13{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.sales-flavor-grid-ux13{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-flavor-grid-ux13 .flavor.flavor-rich-v137{min-height:56px}}

/* FIX146 · supply + real cost center */
.supply-cost-center-v139{border:1px solid #cfe4df;background:linear-gradient(180deg,#fbfffe,#fff);margin-bottom:16px}
.supply-cost-center-v139>.decision-actions{margin:10px 0 12px}.supply-cost-center-v139 details.supply-details{margin-top:10px}
.supply-cost-center-v139 .kpi-grid{margin-top:10px}.supply-cost-center-v139 .data-table td{vertical-align:top}
@media(max-width:1080px){.supply-cost-center-v139 .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* FIX155 · cierre de software + tarjeta externa */
.manual-card-confirm-v148{padding:12px 14px;border:1px solid #c6d9d5;border-radius:12px;background:#f4fbf9;font-size:14px;align-items:flex-start}
.manual-card-confirm-v148 input{margin-top:2px}
.software-closure-v155{border-top:4px solid var(--teal);margin:14px 0}
.software-block-grid-v155{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}
.software-block-v155{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff}
.software-block-v155>span{width:25px;height:25px;border-radius:999px;display:grid;place-items:center;font-weight:900;flex:0 0 25px}
.software-block-v155.ready>span{background:#e5f6ef;color:#167653}.software-block-v155.pending>span{background:#fff0dc;color:#a45b00}
.software-block-v155 b{display:block;font-size:12px}.software-block-v155 small{display:block;margin-top:3px;font-size:10px;line-height:1.3;color:var(--muted)}
.software-closure-columns-v155{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.software-closure-columns-v155>div{border:1px solid var(--line);border-radius:12px;padding:12px}.software-closure-columns-v155 h4{margin:0 0 7px;font-size:13px}
@media(max-width:1100px){.software-block-grid-v155{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.software-block-grid-v155,.software-closure-columns-v155{grid-template-columns:1fr}}


/* =========================================================
   v37.6 · FIX168 — TARJETA DE OPERADOR CONTENIDA EN TOPBAR DE VENTAS
   Sólo afecta Registrar venta (sales-pos-focus).
   ========================================================= */
body.sales-pos-focus .top-meta{
  height:100%;
  align-items:center;
}
body.sales-pos-focus .operator-button{
  height:52px;
  max-height:52px;
  min-height:0;
  padding:4px 8px;
  align-self:center;
  border-radius:12px;
  overflow:hidden;
}
body.sales-pos-focus .operator-button .avatar{
  width:40px;
  height:40px;
  flex:0 0 40px;
}
body.sales-pos-focus .operator-button>div:not(.avatar){
  min-width:0;
  display:grid;
  align-content:center;
  gap:1px;
}
body.sales-pos-focus .operator-button small,
body.sales-pos-focus .operator-button b{
  white-space:nowrap;
}
body.sales-pos-focus .operator-button small{
  font-size:10px;
  line-height:1.05;
}
body.sales-pos-focus .operator-button b{
  font-size:13px;
  line-height:1.05;
}
body.sales-pos-focus .operator-caret{
  font-size:11px;
}
@media(min-width:901px) and (max-height:760px){
  body.sales-pos-focus .operator-button{
    height:48px;
    max-height:48px;
    padding:3px 7px;
  }
  body.sales-pos-focus .operator-button .avatar{
    width:36px;
    height:36px;
    flex-basis:36px;
  }
  body.sales-pos-focus .operator-button small{font-size:9px}
  body.sales-pos-focus .operator-button b{font-size:12px}
}


/* v38.0 FIX176 · Costeo por porción */
.menu-cost-page-head-v175{align-items:flex-start}
.menu-cost-kpis-v175{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
.menu-cost-kpis-v175>div{background:#fff;border:1px solid #d9e2e3;border-radius:16px;padding:16px;display:grid;gap:5px}
.menu-cost-kpis-v175 small{font-size:10px;font-weight:900;letter-spacing:.08em;color:#53666d}
.menu-cost-kpis-v175 strong{font-size:27px;color:#10283a}
.menu-cost-kpis-v175 span{font-size:12px;color:#63747a}
.menu-cost-section-v175{margin-top:18px}
.menu-cost-grid-v175{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.menu-cost-sauce-v175{background:#fff;border:1px solid #d7e1e3;border-radius:18px;padding:17px;box-shadow:0 4px 18px #0b2b3610}
.menu-cost-sauce-head-v175{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.menu-cost-sauce-head-v175 small{font-size:10px;font-weight:900;letter-spacing:.08em;color:#05847d}
.menu-cost-sauce-head-v175 h3{font-size:21px;margin:3px 0}
.menu-cost-big-v175{background:#f3faf9;border-radius:14px;padding:15px;margin:12px 0;display:grid;gap:3px}
.menu-cost-big-v175 span{font-size:12px;color:#607177}.menu-cost-big-v175 strong{font-size:29px;color:#087e79}.menu-cost-big-v175 small{color:#607177}
.menu-cost-mini-v175{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.menu-cost-mini-v175>div,.menu-cost-portion-grid-v175>div{border:1px solid #e0e6e7;border-radius:12px;padding:10px;display:grid;gap:4px}.menu-cost-mini-v175 span,.menu-cost-portion-grid-v175 span{font-size:11px;color:#66767c}
.menu-cost-sauce-v175 details{border-top:1px solid #e4e8e9;margin-top:12px;padding-top:10px}.menu-cost-sauce-v175 summary{display:flex;justify-content:space-between;cursor:pointer}
.menu-cost-ings-v175{margin-top:10px}.menu-cost-ing-v175{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eef1f2}.menu-cost-ing-v175>div{display:grid;gap:3px}.menu-cost-ing-v175>div:last-child{text-align:right;justify-items:end}.menu-cost-ing-v175 small{color:#68777d}
.menu-cost-two-v175{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.menu-cost-feature-v175{min-height:280px}.menu-cost-portion-grid-v175{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.menu-cost-feature-v175.fries .menu-cost-big-v175 strong{font-size:42px}
.notice.compact{padding:10px 12px;font-size:12px}

/* v38.0 FIX176 · LAB guiado */
.lab-guide-v176{background:linear-gradient(135deg,#f7fbfa,#fff9eb);border:1px solid #d8e4df;border-radius:20px;padding:18px;margin:14px 0 18px}
.lab-guide-hero-v176{display:flex;justify-content:space-between;gap:20px;align-items:center}.lab-guide-hero-v176 h2{font-size:27px;margin:4px 0}.lab-guide-hero-v176 p{max-width:700px;margin:0;color:#5d6d73}
.lab-guide-score-v176{min-width:130px;text-align:center;background:#fff;border:1px solid #d8e4df;border-radius:16px;padding:13px}.lab-guide-score-v176 strong{font-size:31px;display:block;color:#087e79}.lab-guide-score-v176 span{font-size:11px;color:#65757a}
.lab-guide-next-v176{background:#10314a;color:#fff;border-radius:15px;padding:14px 16px;margin:12px 0;display:grid;gap:3px}.lab-guide-next-v176 small{font-weight:900;letter-spacing:.09em;color:#9dded8}.lab-guide-next-v176 strong{font-size:19px}.lab-guide-next-v176 span{color:#dce8ed}
.lab-guide-steps-v176{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.lab-guide-step-v176{background:#fff;border:1px solid #dce4e5;border-radius:14px;padding:12px;display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:start}.lab-guide-step-v176.done{border-color:#b8dfcf;background:#f5fbf8}.lab-guide-step-v176.next{border-color:#e6bd51;background:#fffaf0}.lab-guide-step-v176.locked{opacity:.72}.lab-guide-num-v176{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#edf3f3;font-weight:900}.lab-guide-step-v176.done .lab-guide-num-v176{background:#daf2e6;color:#087e79}.lab-guide-step-v176>div:nth-child(2){display:grid;gap:3px}.lab-guide-step-v176>div:nth-child(2)>small{font-size:10px;font-weight:900;color:#758287}.lab-guide-step-v176>div:nth-child(2)>b{font-size:14px}.lab-guide-step-v176>div:nth-child(2)>span{font-size:11px;color:#66767d}.lab-guide-help-v176{margin-top:12px}.lab-guide-help-v176 summary{cursor:pointer}
@media(max-width:900px){.menu-cost-kpis-v175{grid-template-columns:1fr 1fr}.menu-cost-grid-v175,.menu-cost-two-v175{grid-template-columns:1fr}.lab-guide-steps-v176{grid-template-columns:1fr}.lab-guide-hero-v176{align-items:flex-start}.menu-cost-portion-grid-v175{grid-template-columns:1fr 1fr}}


/* v38.1 FIX177 · costeo exacto/compacto */
.menu-cost-grid-v175{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.menu-cost-sauce-v175{padding:13px;border-radius:15px;height:auto;align-self:start}
.menu-cost-sauce-head-v175 h3{font-size:18px}
.menu-cost-big-v175{padding:11px;margin:9px 0}.menu-cost-big-v175 strong{font-size:23px;overflow-wrap:anywhere}
.menu-cost-mini-v175{gap:6px}.menu-cost-mini-v175>div{padding:8px}.menu-cost-mini-v175 b{font-size:12px;overflow-wrap:anywhere}
.menu-cost-recipe-link-v177{border:0;background:transparent;padding:2px 0;color:#087e79;font-size:11px;font-weight:800;text-decoration:underline;cursor:pointer}
.menu-cost-details-v177[open]{grid-column:1/-1}
.menu-cost-ings-v175{max-width:100%}
.menu-cost-two-v175{align-items:start}.menu-cost-feature-v175{min-height:0;height:auto}
.lab-compact-status-v177{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}.lab-compact-status-v177>div{background:#fff;border:1px solid #dbe3e5;border-radius:12px;padding:10px 12px}.lab-compact-status-v177 small{display:block;font-size:10px;font-weight:900;color:#6f7d82}.lab-compact-status-v177 b{font-size:16px;color:#10283a}
@media(max-width:1100px){.menu-cost-grid-v175{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.menu-cost-grid-v175{grid-template-columns:1fr}.lab-compact-status-v177{grid-template-columns:1fr 1fr 1fr}}


/* v38.2 FIX178 · costeo compacto y centrado */
.cost-portion-entry-v178{
  margin:14px 0 16px;
  padding:13px 15px;
  border:1px solid #a9d9d4;
  background:#f1fbf9;
  border-radius:15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.cost-portion-entry-v178 h3{margin:2px 0 3px;font-size:18px}
.cost-portion-entry-v178 p{margin:0;font-size:12px;color:#5d6e74;max-width:760px}
.cost-portion-entry-btn-v178{min-height:42px;padding-inline:18px;white-space:nowrap}

/* 7 tarjetas se acomodan centradas (por ejemplo 4+3), sin tarjeta huérfana. */
.menu-cost-grid-v175{
  display:flex !important;
  flex-wrap:wrap;
  justify-content:center;
  align-items:flex-start;
  gap:9px;
}
.menu-cost-sauce-v175{
  flex:0 1 264px;
  width:264px;
  max-width:264px;
  min-height:0 !important;
  padding:9px !important;
  border-radius:12px !important;
  align-self:flex-start;
}
.menu-cost-sauce-head-v175{gap:7px}
.menu-cost-sauce-head-v175 h3{font-size:16px !important;margin:1px 0 !important}
.menu-cost-sauce-head-v175 small{font-size:8px !important}
.menu-cost-sauce-v175 .recipe-link-v177{font-size:10px !important;margin-top:1px}
.menu-cost-big-v175{
  padding:7px 9px !important;
  margin:6px 0 !important;
  border-radius:9px !important;
  min-height:0 !important;
}
.menu-cost-big-v175 span,.menu-cost-big-v175 small{font-size:10px !important}
.menu-cost-big-v175 strong{font-size:18px !important;line-height:1.12 !important}
.menu-cost-mini-v175{gap:4px !important;margin-bottom:5px !important}
.menu-cost-mini-v175>div{padding:5px 6px !important;border-radius:8px !important;min-width:0}
.menu-cost-mini-v175 span{font-size:8.5px !important}
.menu-cost-mini-v175 b{font-size:10.5px !important}
.menu-cost-sauce-v175 .notice.compact{
  margin:5px 0 !important;
  padding:6px 7px !important;
  font-size:9.2px !important;
  line-height:1.18 !important;
}
.menu-cost-sauce-v175 details{margin-top:5px !important;padding-top:5px !important}
.menu-cost-sauce-v175 summary{font-size:11px !important}
.menu-cost-ings-v175{margin-top:5px !important}
.menu-cost-ing-v175{padding:5px 0 !important}
.menu-cost-ing-v175 b{font-size:10.5px !important}
.menu-cost-ing-v175 small{font-size:9px !important}

@media(max-width:700px){
  .cost-portion-entry-v178{align-items:flex-start;flex-direction:column}
  .cost-portion-entry-btn-v178{width:100%}
  .menu-cost-sauce-v175{flex-basis:100%;width:100%;max-width:none}
}


/* v38.3 FIX179 · Todos los costos por porción juntos y alineados a la izquierda */
.menu-cost-grid-v175{
  justify-content:flex-start !important;
}
.menu-cost-general-card-v179{
  align-self:flex-start;
}
.menu-cost-note-v179{
  display:block;
  margin-top:1px;
  font-size:9.5px;
  color:#68787d;
}
.menu-cost-portion-grid-v179{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  margin:5px 0;
}
.menu-cost-portion-grid-v179>div{
  border:1px solid #e0e6e7;
  border-radius:8px;
  padding:5px 6px;
  display:grid;
  gap:2px;
}
.menu-cost-portion-grid-v179 span{font-size:8.5px;color:#69787e}
.menu-cost-portion-grid-v179 b{font-size:10.5px}
.menu-cost-missing-v179{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  padding-top:6px;
}
.menu-cost-missing-v179 span{
  font-size:9px;
  background:#f3f6f7;
  border:1px solid #e1e7e8;
  border-radius:999px;
  padding:3px 6px;
}


/* v38.4 FIX180 · LAB simple / no técnico */
.lab-simple-page-head-v180{align-items:center}
.lab-simple-v180{display:grid;gap:12px;margin-bottom:14px}
.lab-simple-intro-v180{
  display:flex;justify-content:space-between;gap:16px;align-items:center;
  background:#fff;border:1px solid #d8e2e3;border-radius:18px;padding:15px 17px;
}
.lab-simple-intro-v180 h2{margin:3px 0;font-size:24px}
.lab-simple-intro-v180 p{margin:0;color:#627278;max-width:720px}
.lab-simple-phases-v180{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.lab-simple-phase-v180{
  display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;
  background:#fff;border:1px solid #dde5e6;border-radius:14px;padding:10px 11px;
}
.lab-simple-phase-v180>small{
  width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  background:#eef3f4;font-weight:900
}
.lab-simple-phase-v180>div{display:grid;gap:2px}
.lab-simple-phase-v180>div>b{font-size:14px}
.lab-simple-phase-v180>div>span{font-size:11px;color:#69787e}
.lab-simple-phase-v180.active{border-color:#a9d9d4;background:#f7fcfb}
.lab-simple-phase-v180.locked{opacity:.67}
.lab-simple-next-v180{
  display:flex;justify-content:space-between;align-items:center;gap:18px;
  background:#10314a;color:#fff;border-radius:18px;padding:17px 18px
}
.lab-simple-next-v180.done{background:#0b736f}
.lab-simple-next-v180>div{display:grid;gap:4px}
.lab-simple-next-v180 small{font-size:10px;font-weight:900;letter-spacing:.09em;color:#9ee2dc}
.lab-simple-next-v180 h2{margin:0;font-size:22px}
.lab-simple-next-v180 p{margin:0;color:#e0ebef;max-width:760px}
.lab-simple-next-v180 span{font-size:10px;color:#a8bbc4}
.lab-simple-next-v180 .btn{min-width:170px}
.lab-simple-section-v180{
  background:#fff;border:1px solid #dce4e5;border-radius:16px;padding:13px
}
.lab-simple-section-head-v180{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}
.lab-simple-section-head-v180 h3{margin:0;font-size:16px}
.lab-simple-section-head-v180>span{font-size:11px;color:#6b7a80}
.lab-simple-pending-list-v180{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.lab-simple-pending-v180{
  display:flex;justify-content:space-between;align-items:flex-start;gap:9px;
  border:1px solid #e1e7e8;border-radius:12px;padding:9px 10px;background:#fbfcfc
}
.lab-simple-pending-v180>div{display:grid;gap:2px}
.lab-simple-pending-v180 b{font-size:13px}
.lab-simple-pending-v180 span{font-size:10.5px;color:#68777d}
.lab-simple-pending-v180 small{font-size:9px;color:#9aa4a8}
.lab-simple-done-v180{
  background:#f6fbf8;border:1px solid #cfe5d9;border-radius:14px;padding:10px 12px
}
.lab-simple-done-v180 summary{display:flex;justify-content:space-between;cursor:pointer}
.lab-simple-done-v180>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.lab-simple-done-v180>div>span{font-size:10.5px;background:#fff;border:1px solid #d7e8df;border-radius:999px;padding:4px 7px}
.lab-simple-locked-v180,.lab-simple-ready-v180{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  border-radius:12px;padding:12px;background:#f6f8f8
}
.lab-simple-locked-v180>span,.lab-simple-ready-v180 span{font-size:11px;color:#68777d}
.lab-simple-ready-v180>div{display:grid;gap:3px}
.lab-simple-runs-head-v180{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px}
.lab-simple-runs-head-v180 span{font-size:11px;color:#69787e}
.lab-simple-runs-v180{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.lab-simple-run-v180{border:1px solid #dfe6e7;border-radius:12px;padding:9px;background:#fbfcfc;display:grid;gap:6px}
.lab-simple-run-v180 .card-head{margin:0}
.lab-simple-run-v180>div:not(.card-head){display:grid;gap:1px}
.lab-simple-run-v180>div>span{font-size:9px;color:#738087}
.lab-simple-run-v180>div>strong{font-size:11px}
.lab-tools-v180,.lab-advanced-v180{margin-top:10px}
.lab-tools-v180>summary,.lab-advanced-v180>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.lab-tools-v180>summary>div,.lab-advanced-v180>summary>div{display:grid;gap:2px}
.lab-tools-v180>summary small,.lab-advanced-v180>summary small{color:#68777d}
.lab-tools-body-v180{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}
.lab-advanced-body-v180{padding-top:12px}

@media(max-width:900px){
  .lab-simple-phases-v180{grid-template-columns:1fr}
  .lab-simple-pending-list-v180{grid-template-columns:1fr}
  .lab-simple-runs-v180{grid-template-columns:1fr 1fr}
  .lab-simple-next-v180{align-items:flex-start;flex-direction:column}
  .lab-simple-next-v180 .btn{width:100%}
}
@media(max-width:600px){
  .lab-simple-intro-v180{align-items:flex-start;flex-direction:column}
  .lab-simple-runs-v180{grid-template-columns:1fr}
}


/* v38.5 FIX181 · prueba de congelador en lenguaje simple */
.lab-friendly-modal-v181{display:grid;gap:12px}
.lab-friendly-title-v181{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.lab-friendly-title-v181 small{font-size:10px;font-weight:900;letter-spacing:.08em;color:#087e79}
.lab-friendly-title-v181 h2{margin:3px 0 0;font-size:24px}
.lab-friendly-modal-v181>p{margin:0;color:#65757c;line-height:1.45}
.lab-friendly-summary-v181{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.lab-friendly-summary-v181>div{border:1px solid #e0e6e7;border-radius:11px;padding:9px;display:grid;gap:3px}
.lab-friendly-summary-v181 span{font-size:10px;color:#6c7b81}
.lab-friendly-summary-v181 b{font-size:13px}
.lab-friendly-ref-v181{display:block;text-align:center;color:#89969b;font-size:9.5px}
@media(max-width:600px){.lab-friendly-summary-v181{grid-template-columns:1fr}}


/* v38.7 FIX183 · distingue checker tinas vs checker congelador */
.lab-checkers-v183{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.lab-checkers-v183>div{
  background:#fff;
  border:1px solid #dce4e5;
  border-radius:13px;
  padding:10px 12px;
  display:grid;
  gap:2px;
}
.lab-checkers-v183>div.waiting{
  background:#f7f8f8;
  border-style:dashed;
}
.lab-checkers-v183>div.ready{
  background:#f4fbf8;
  border-color:#c8e4d7;
}
.lab-checkers-v183 span{
  font-size:9.5px;
  font-weight:900;
  letter-spacing:.04em;
  color:#65757b;
}
.lab-checkers-v183 b{font-size:14px}
.lab-checkers-v183 small{font-size:10.5px;color:#6a797f;line-height:1.35}
.lab-simple-pending-v180.waiting-checker-v183{
  background:#f7f8f8;
  border-style:dashed;
}
@media(max-width:700px){.lab-checkers-v183{grid-template-columns:1fr}}


/* v38.9 FIX185 · LR-06 visual compacto */
.lr06-simple-intro-v185{display:grid;gap:12px}.lr06-simple-intro-v185>div:first-child small,.lr06-top-v185 small{font-size:10px;font-weight:900;letter-spacing:.08em;color:#087e79}.lr06-simple-intro-v185 h2,.lr06-top-v185 h2{margin:3px 0 0}.lr06-simple-intro-v185 p{margin:4px 0 0;color:#66767d}.lr06-ref-v185{display:block;text-align:center;color:#89969b;font-size:9.5px}.lr06-modal-v185{display:grid;gap:10px}.lr06-top-v185{display:flex;justify-content:space-between;align-items:center;gap:12px}.lr06-progress-v185{min-width:88px;border:1px solid #d9e4e5;background:#f6faf9;border-radius:14px;padding:8px 10px;text-align:center;display:grid;gap:0}.lr06-progress-v185 strong{font-size:20px;color:#087e79}.lr06-progress-v185 span{font-size:9px;color:#6a797e}.lr06-help-v185{margin:0!important}.lr06-form-v185{display:grid;gap:10px}.lr06-grid-v185{display:grid;grid-template-columns:1fr 1fr;gap:9px}.lr06-card-v185{border:1px solid #dce4e5;background:#fff;border-radius:14px;min-height:78px;padding:10px 11px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:9px;text-align:left;cursor:pointer;transition:.15s ease}.lr06-card-v185:hover{border-color:#a9d9d4;transform:translateY(-1px)}.lr06-card-v185.is-on{background:#eff9f7;border-color:#55aaa4;box-shadow:0 0 0 2px rgba(8,126,121,.06) inset}.lr06-icon-v185{width:40px;height:40px;border-radius:11px;background:#f5f7f8;display:grid;place-items:center;font-size:21px}.lr06-card-v185.is-on .lr06-icon-v185{background:#dff2ee}.lr06-label-v185{font-size:13px;font-weight:900;line-height:1.2;color:#10283a}.lr06-state-v185{font-size:9.5px;font-weight:900;border-radius:999px;background:#f1f4f5;color:#6d7b80;padding:4px 7px;white-space:nowrap}.lr06-card-v185.is-on .lr06-state-v185{background:#d9efe5;color:#1a6b44}.lr06-confirm-v185{border:1px solid #dce4e5;background:#fff;border-radius:14px;padding:10px 11px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;text-align:left;cursor:pointer}.lr06-confirm-v185.is-on{background:#f3fbf7;border-color:#8bc9ad}.lr06-confirm-icon-v185{width:36px;height:36px;border-radius:10px;background:#eef3f3;display:grid;place-items:center;font-weight:900;color:#748187}.lr06-confirm-v185.is-on .lr06-confirm-icon-v185{background:#d8f0e3;color:#14714a}.lr06-confirm-v185>span:nth-child(2){display:grid;gap:2px}.lr06-confirm-v185 b{font-size:12.5px}.lr06-confirm-v185 small{font-size:9.5px;color:#6a797f}.lr06-confirm-state-v185{font-size:9.5px;font-weight:900;white-space:nowrap}.lr06-notes-v185 textarea{min-height:72px}.lr06-footer-v185{position:sticky;bottom:-20px;z-index:3;background:#fff;border-top:1px solid #e3e8e9;margin:2px -20px -20px;padding:10px 20px 14px;display:grid;grid-template-columns:1fr 1fr;gap:10px;box-shadow:0 -8px 16px rgba(18,40,58,.05)}.lr06-footer-v185 .btn{min-height:44px}@media(max-width:620px){.lr06-grid-v185{grid-template-columns:1fr}.lr06-card-v185{min-height:70px}.lr06-footer-v185{grid-template-columns:1fr 1fr}}

/* v39.0 FIX186 · LR-08 lote real simple y visual */
.lr08-intro-v186{display:grid;gap:12px}.lr08-intro-v186>div:first-child small,.lr08-top-v186 small{font-size:10px;font-weight:900;letter-spacing:.08em;color:#087e79}.lr08-intro-v186 h2,.lr08-top-v186 h2{margin:3px 0 0}.lr08-intro-v186 p{margin:4px 0 0;color:#66767d}.lr08-ref-v186{display:block;text-align:center;color:#89969b;font-size:9.5px}.lr08-modal-v186{display:grid;gap:10px}.lr08-top-v186{display:flex;justify-content:space-between;align-items:center;gap:12px}.lr08-condition-progress-v186{min-width:92px;border:1px solid #d9e4e5;background:#f6faf9;border-radius:14px;padding:8px 10px;text-align:center;display:grid;gap:0}.lr08-condition-progress-v186 strong{font-size:20px;color:#087e79}.lr08-condition-progress-v186 span{font-size:9px;color:#6a797e}.lr08-help-v186{margin:0!important}.lr08-form-v186{display:grid;gap:12px}.lr08-section-v186{border:1px solid #dce4e5;border-radius:16px;padding:13px;background:#fff;display:grid;gap:11px}.lr08-section-title-v186{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:start}.lr08-section-title-v186>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eaf5f3;color:#087e79;font-weight:900}.lr08-section-title-v186 h3{margin:0;font-size:16px}.lr08-section-title-v186 p{margin:2px 0 0;font-size:10.5px;color:#68777d}.lr08-fields-v186{display:grid;grid-template-columns:1fr 1fr;gap:9px}.lr08-fields-v186 label{margin:0}.lr08-wide-v186{grid-column:1/-1}.lr08-existing-v186,.lr08-more-v186{border:1px solid #e1e7e8;border-radius:12px;padding:10px}.lr08-existing-v186 summary,.lr08-more-v186 summary{display:flex;justify-content:space-between;cursor:pointer}.lr08-existing-v186 summary span,.lr08-more-v186 summary span{font-size:10px;color:#7b898e}.lr08-existing-v186 label,.lr08-more-v186 .lr08-fields-v186{margin-top:9px}.lr08-weight-row-v186{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:10px;align-items:end}.lr08-weight-row-v186 label{margin:0}.lr08-weight-row-v186 input{font-size:22px;font-weight:900}.lr08-weight-status-v186{border:1px solid #dde5e6;border-radius:13px;padding:9px 11px;display:grid;gap:1px;background:#f7f9f9}.lr08-weight-status-v186.enough{background:#f3faf6;border-color:#bfe0ce}.lr08-weight-status-v186.short{background:#fff8eb;border-color:#efd38d}.lr08-weight-status-v186 span{font-size:9.5px;color:#6b7a80}.lr08-weight-status-v186 b{font-size:19px}.lr08-weight-status-v186 small{font-size:10px;color:#65757b}.lr08-target-note-v186{color:#748187;font-size:9.5px}.lr08-condition-grid-v186{display:grid;grid-template-columns:1fr 1fr;gap:9px}.lr08-condition-card-v186{border:1px solid #dce4e5;background:#fff;border-radius:14px;min-height:76px;padding:10px 11px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:9px;text-align:left;cursor:pointer;transition:.15s ease}.lr08-condition-card-v186:hover{border-color:#a9d9d4;transform:translateY(-1px)}.lr08-condition-card-v186.is-on{background:#eff9f7;border-color:#55aaa4;box-shadow:0 0 0 2px rgba(8,126,121,.06) inset}.lr08-condition-icon-v186{width:40px;height:40px;border-radius:11px;background:#f5f7f8;display:grid;place-items:center;font-size:21px}.lr08-condition-card-v186.is-on .lr08-condition-icon-v186{background:#dff2ee}.lr08-condition-copy-v186{display:grid;gap:2px}.lr08-condition-copy-v186 b{font-size:12.5px;line-height:1.15}.lr08-condition-copy-v186 small{font-size:9.5px;color:#6a797f;line-height:1.2}.lr08-condition-state-v186{font-size:9.5px;font-weight:900;border-radius:999px;background:#f1f4f5;color:#6d7b80;padding:4px 7px;white-space:nowrap}.lr08-condition-card-v186.is-on .lr08-condition-state-v186{background:#d9efe5;color:#1a6b44}.lr08-notes-v186 textarea{min-height:72px}.lr08-footer-v186{position:sticky;bottom:-20px;z-index:3;background:#fff;border-top:1px solid #e3e8e9;margin:2px -20px -20px;padding:10px 20px 14px;display:grid;grid-template-columns:1fr 1fr;gap:10px;box-shadow:0 -8px 16px rgba(18,40,58,.05)}.lr08-footer-v186 .btn{min-height:44px}
@media(max-width:680px){.lr08-fields-v186,.lr08-condition-grid-v186,.lr08-weight-row-v186{grid-template-columns:1fr}.lr08-wide-v186{grid-column:auto}.lr08-footer-v186{grid-template-columns:1fr 1fr}}


/* v39.1 FIX187 · ayuda LAB sencilla */
.lab-help-simple-v187{display:grid;gap:14px}
.lab-help-simple-head-v187 h2{margin:4px 0 3px;font-size:26px}
.lab-help-simple-head-v187 p{margin:0;color:#66767c}
.lab-help-now-v187{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#10314a;color:#fff;border-radius:18px;padding:16px 18px}
.lab-help-now-v187>div{display:grid;gap:3px}
.lab-help-now-v187 small{font-size:10px;font-weight:900;letter-spacing:.08em;color:#9fe3dc}
.lab-help-now-v187 h3{margin:0;font-size:20px}
.lab-help-now-v187 p{margin:0;color:#e1ebef;max-width:680px;font-size:13px}
.lab-help-now-v187 .btn{min-width:165px}
.lab-help-three-v187{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lab-help-three-v187 article{border:1px solid #dce4e5;border-radius:15px;padding:13px;background:#fff;display:grid;gap:5px}
.lab-help-icon-v187{width:42px;height:42px;border-radius:12px;background:#f2f7f7;display:grid;place-items:center;font-size:21px}
.lab-help-three-v187 small{font-size:9px;font-weight:900;letter-spacing:.08em;color:#087e79}
.lab-help-three-v187 h3{margin:0;font-size:16px}
.lab-help-three-v187 p{margin:0;color:#5f7076;font-size:12px;line-height:1.42}
.lab-help-advanced-v187{border:1px solid #dde4e5;border-radius:14px;background:#fafbfb;padding:10px 12px}
.lab-help-advanced-v187>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.lab-help-advanced-v187>summary>div{display:grid;gap:2px}
.lab-help-advanced-v187>summary small{color:#748187;font-size:11px}
.lab-help-advanced-body-v187{padding-top:10px}
@media(max-width:850px){.lab-help-three-v187{grid-template-columns:1fr}.lab-help-now-v187{align-items:flex-start;flex-direction:column}.lab-help-now-v187 .btn{width:100%}}

/* v39.2 FIX188 · 11 pruebas LAB visuales + asistente */
.lab-tests-intro-v188{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:9px}.lab-tests-intro-v188>div{display:grid;gap:2px}.lab-tests-intro-v188 b{font-size:15px}.lab-tests-intro-v188 span{font-size:11px;color:#68777d}.lab-tests-progress-summary-v188{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:end;margin:8px 0 10px}.lab-tests-progress-summary-v188 strong{font-size:24px;color:#087e79}.lab-tests-progress-summary-v188>span{font-size:11px;color:#68777d}.lab-tests-progress-summary-v188>div{grid-column:1/-1;height:7px;border-radius:999px;background:#e7eeee;overflow:hidden}.lab-tests-progress-summary-v188>div>i{display:block;height:100%;background:#0b817c;border-radius:999px}.lab-tests-grid-v188{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lab-test-card-v188{background:#fff;border:1px solid #dce5e6;border-radius:14px;padding:10px;display:grid;gap:8px;min-width:0}.lab-test-card-v188.locked{background:#fafafa}.lab-test-card-v188.done{border-color:#b9dfcf;background:#f6fbf8}.lab-test-card-top-v188{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.lab-test-card-top-v188>div{display:grid;gap:2px}.lab-test-card-top-v188 small{font-size:9px;font-weight:900;letter-spacing:.07em;color:#66767c}.lab-test-card-top-v188 b{font-size:13px}.lab-test-load-v188{font-size:10px;color:#66767c}.lab-test-flow-v188{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center}.lab-test-flow-v188>div{background:#f5f9f9;border-radius:10px;padding:7px;display:grid;gap:1px}.lab-test-flow-v188>div span{font-size:9px;color:#68777d}.lab-test-flow-v188>div strong{font-size:14px;color:#10283a}.lab-test-flow-v188>div b{font-size:11px}.lab-test-flow-v188>i{font-style:normal;color:#91a0a5;font-weight:900}.lab-test-progress-v188{height:5px;background:#e9eeee;border-radius:999px;overflow:hidden}.lab-test-progress-v188>span{display:block;height:100%;background:#0b817c;border-radius:999px}.lab-run-simple-modal-v188{display:grid;gap:12px}.lab-run-simple-head-v188{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.lab-run-simple-head-v188 small{font-size:10px;font-weight:900;letter-spacing:.08em;color:#087e79}.lab-run-simple-head-v188 h2{margin:3px 0 0}.lab-run-simple-recipe-v188,.lab-run-simple-condition-v188{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.lab-run-simple-recipe-v188>div,.lab-run-simple-condition-v188>div{border:1px solid #e0e6e7;border-radius:11px;padding:10px;display:grid;gap:3px}.lab-run-simple-recipe-v188 span,.lab-run-simple-condition-v188 span{font-size:10px;color:#68777d}.lab-run-simple-recipe-v188 strong,.lab-run-simple-condition-v188 b{font-size:15px}.lab-run-simple-recipe-v188>div>b{font-size:12px}.lab-run-steps-v188{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.lab-run-step-v188{border:1px solid #dfe6e7;border-radius:10px;padding:7px;display:grid;gap:4px;min-width:0}.lab-run-step-v188>span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#eef3f4;font-size:10px;font-weight:900}.lab-run-step-v188>b{font-size:9.5px;line-height:1.2}.lab-run-step-v188.done{background:#f4fbf8;border-color:#cbe3d7}.lab-run-step-v188.done>span{background:#d8f0e4;color:#176a45}.lab-run-step-v188.active{background:#fff9eb;border-color:#e4bf61}.lab-run-step-v188.future{opacity:.58}.lab-run-next-v188{background:#10314a;color:#fff;border-radius:14px;padding:12px;display:grid;gap:3px}.lab-run-next-v188 small{font-size:9px;font-weight:900;letter-spacing:.08em;color:#9edfd9}.lab-run-next-v188 b{font-size:17px}.lab-run-next-v188 span{font-size:11px;color:#dfe9ed}.lab-run-result-v188{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.lab-run-result-v188>div{border:1px solid #dfe6e7;border-radius:10px;padding:9px;display:grid;gap:2px}.lab-run-result-v188 span{font-size:9.5px;color:#68777d}.lab-run-result-v188 b{font-size:17px}.lab-run-tech-v188{font-size:11px}.lab-compare-list-v188{display:grid;gap:6px;max-height:55vh;overflow:auto}.lab-compare-list-v188>div{border:1px solid #e0e6e7;border-radius:10px;padding:9px;display:grid;grid-template-columns:100px 1fr 1fr;gap:8px}.lab-compare-list-v188 span{font-size:11px;color:#5f7076}@media(max-width:900px){.lab-tests-grid-v188{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-run-steps-v188{grid-template-columns:repeat(3,1fr)}.lab-run-result-v188{grid-template-columns:1fr 1fr}}@media(max-width:600px){.lab-tests-grid-v188{grid-template-columns:1fr}.lab-tests-intro-v188{align-items:flex-start;flex-direction:column}.lab-run-simple-recipe-v188,.lab-run-simple-condition-v188{grid-template-columns:1fr}.lab-compare-list-v188>div{grid-template-columns:1fr}.lab-run-steps-v188{grid-template-columns:1fr 1fr}}

/* v39.3 FIX189 · vista previa segura del asistente LAB */
.lab-preview-modal-v189{display:grid;gap:12px}
.lab-preview-strip-v189{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.lab-preview-step-v189{border:1px solid #dde5e6;background:#fff;border-radius:12px;padding:9px;display:grid;grid-template-columns:30px 1fr;gap:3px 8px;text-align:left;cursor:pointer}
.lab-preview-step-v189>span{grid-row:1/3;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#f1f5f5;font-size:15px}
.lab-preview-step-v189>b{font-size:11.5px;align-self:end}
.lab-preview-step-v189>small{font-size:9px;color:#748188}
.lab-preview-step-v189.active{border-color:#0b827c;background:#f2fbf9;box-shadow:0 0 0 2px rgba(11,130,124,.07) inset}
.lab-preview-step-v189.active>span{background:#dff3ef}
.lab-preview-step-v189.seen>span{background:#e2f3e9;color:#176743}
.lab-preview-now-v189{display:grid;grid-template-columns:58px 1fr;gap:13px;align-items:start;background:#f7faf9;border:1px solid #dce5e4;border-radius:16px;padding:14px}
.lab-preview-now-icon-v189{width:54px;height:54px;border-radius:15px;background:#e8f5f3;display:grid;place-items:center;font-size:28px}
.lab-preview-now-v189 small{font-size:9.5px;font-weight:900;letter-spacing:.08em;color:#087e79}
.lab-preview-now-v189 h3{margin:2px 0 5px;font-size:20px}
.lab-preview-now-v189 b{font-size:13px}
.lab-preview-now-v189 p{margin:6px 0 0;color:#65757b;line-height:1.4;font-size:12px}
.lab-preview-footer-v189{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}
.lab-preview-footer-v189 button:last-child{justify-self:stretch}
@media(max-width:720px){.lab-preview-strip-v189{grid-template-columns:1fr 1fr}.lab-preview-footer-v189{grid-template-columns:1fr 1fr}.lab-preview-footer-v189 #labPreviewCloseV189{order:3;grid-column:1/3}.lab-preview-now-v189{grid-template-columns:46px 1fr}.lab-preview-now-icon-v189{width:44px;height:44px;font-size:23px}}

/* ==========================================================
   FIX190 · LAB reconciliado · NO-LOSS
   ========================================================== */
.lab-live-lanes-v190{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 10px}.lab-live-lane-v190{border:1px solid #dce5e6;border-radius:12px;padding:9px 11px;display:grid;gap:2px;background:#f8fbfb}.lab-live-lane-v190.busy{background:#fff9eb;border-color:#e5c674}.lab-live-lane-v190.free{background:#f3faf7;border-color:#cbe4d7}.lab-live-lane-v190>span{font-size:9px;font-weight:900;letter-spacing:.07em;color:#607178;text-transform:uppercase}.lab-live-lane-v190>b{font-size:14px}.lab-live-lane-v190>small{font-size:10px;color:#68777d}.lab-live-lane-v190>strong{font-size:13px;color:#9a5a00;margin-top:3px}.lab-test-context-v190{display:grid;gap:2px;padding:7px 8px;background:#f7faf9;border-radius:9px;border:1px solid #e1e8e7}.lab-test-context-v190 span{font-size:9.5px;color:#5f7076}.lab-test-context-v190 span:first-child{color:#17384a}.lab-inline-vat-v190{border:1px solid #dbe5e5;border-radius:15px;padding:12px;background:#f8fbfb;display:grid;gap:9px}.lab-inline-vat-v190.blocked{border-color:#e8b9b9;background:#fff7f7}.lab-inline-vat-head-v190{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.lab-inline-vat-head-v190 small{font-size:9px;font-weight:900;color:#087e79;letter-spacing:.08em}.lab-inline-vat-head-v190 h3{margin:1px 0 0;font-size:21px}.lab-inline-vat-grid-v190{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.lab-inline-vat-grid-v190>div{background:#fff;border:1px solid #e2e8e8;border-radius:10px;padding:9px;display:grid;gap:2px}.lab-inline-vat-grid-v190 span{font-size:9px;color:#6c7a80}.lab-inline-vat-grid-v190 strong{font-size:19px;color:#15384b}.lab-inline-vat-grid-v190 small{font-size:9.5px;color:#63737a}.lab-inline-timer-v190{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#11354d;color:#fff;border-radius:10px;padding:9px 11px}.lab-inline-timer-v190 span{font-size:10px}.lab-inline-timer-v190 b{font-size:18px}.lab-inline-timer-v190 b.danger{color:#ffd6d6}.lab-thermal-summary-v190{display:grid;gap:3px;border-top:1px solid #dde6e6;padding-top:8px}.lab-thermal-summary-v190>span{font-size:9px;font-weight:900;color:#087e79;letter-spacing:.06em}.lab-thermal-summary-v190>b{font-size:11px}.lab-thermal-summary-v190>small{font-size:10px;color:#63747a}.lab-thermal-summary-v190.muted{opacity:.72}.lab-cold-context-v190,.lab-preview-cap-v190,.lab-eval-cap-v190,.lab-ready-auto-v190{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lab-cold-context-v190>div,.lab-preview-cap-v190>div,.lab-eval-cap-v190>div,.lab-ready-auto-v190>div{border:1px solid #dfe7e7;border-radius:11px;padding:10px;display:grid;gap:3px;background:#f8fbfb}.lab-cold-context-v190 small,.lab-preview-cap-v190 small,.lab-ready-auto-v190 small{font-size:9px;font-weight:900;letter-spacing:.06em;color:#63747a}.lab-cold-context-v190 b,.lab-preview-cap-v190 b,.lab-eval-cap-v190 b,.lab-ready-auto-v190 b{font-size:14px}.lab-cold-context-v190 span,.lab-preview-cap-v190 span,.lab-eval-cap-v190 span,.lab-ready-auto-v190 span{font-size:10.5px;color:#66767d}.lab-cold-context-v190 .ready,.lab-ready-auto-v190 .ready{background:#f3faf7;border-color:#c9e1d5}.lab-cold-context-v190 .waiting,.lab-ready-auto-v190 .waiting{background:#fff9eb;border-color:#e4ca85}.lab-why-v190{border:1px solid #dfe7e7;border-radius:11px;background:#fff;padding:0 10px}.lab-why-v190 summary{display:flex;justify-content:space-between;gap:8px;padding:9px 0;cursor:pointer;font-size:11px}.lab-why-v190 p{margin:0 0 10px;color:#62737a;font-size:11px;line-height:1.45}.lab-run-actions-v190{display:flex;gap:8px;flex-wrap:wrap}.lab-run-actions-v190 .btn-primary{flex:1;min-width:190px}.lab-color-panel-v190{border:1px solid #d9e4e4;border-radius:14px;padding:12px;display:grid;gap:9px;background:#f8fbfb}.lab-color-panel-v190 .card-head{margin:0}.lab-color-actions-v190{display:flex;gap:8px;flex-wrap:wrap}.lab-color-result-v190{border:1px dashed #cbdada;border-radius:11px;padding:10px;background:#fff;display:grid;gap:6px}.lab-color-result-v190>span{font-size:11px;color:#69797f}.lab-color-result-v190>small{font-size:9.5px;color:#68777d;line-height:1.35}.lab-color-metrics-v190{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.lab-color-metrics-v190>div{border:1px solid #e1e8e8;border-radius:9px;padding:8px;display:grid;gap:2px}.lab-color-metrics-v190 span{font-size:8.5px;color:#68777d}.lab-color-metrics-v190 b{font-size:15px}.text-danger{color:#a52222!important}.lab-compare-list-v188>div.valid{background:#f5fbf8;border-color:#cce3d8}.lab-compare-list-v188>div.pending{background:#fffaf0}
@media(max-width:760px){.lab-live-lanes-v190,.lab-inline-vat-grid-v190,.lab-cold-context-v190,.lab-preview-cap-v190,.lab-eval-cap-v190,.lab-ready-auto-v190{grid-template-columns:1fr}.lab-color-metrics-v190{grid-template-columns:1fr 1fr}.lab-run-actions-v190{display:grid}.lab-run-actions-v190 .btn-primary{min-width:0}}


/* FIX191 · cierre software LAB */
.lab-validity-evidence-v191{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.lab-validity-evidence-v191>div,.lab-decision-steps-v191>div,.lab-decision-candidate-v191,.lab-front-v191{border:1px solid var(--line,#dce4e7);border-radius:14px;padding:12px;background:#fff}.lab-validity-evidence-v191 small,.lab-validity-evidence-v191 b,.lab-validity-evidence-v191 span,.lab-decision-candidate-v191 small,.lab-decision-candidate-v191 b,.lab-decision-candidate-v191 span,.lab-front-v191 small,.lab-front-v191 b,.lab-front-v191 span{display:block}.lab-validity-evidence-v191 span,.lab-decision-candidate-v191 span,.lab-front-v191 span{margin-top:4px;font-size:12px;color:var(--muted,#66777d)}
.lab-adaptive-v191{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #cfdcdf;border-radius:16px;padding:14px 16px;margin:14px 0;background:#f7fbfb}.lab-adaptive-v191>div{min-width:0}.lab-adaptive-v191 small,.lab-adaptive-v191 b,.lab-adaptive-v191 span{display:block}.lab-adaptive-v191 b{font-size:17px;margin:2px 0 4px}.lab-adaptive-v191 span{font-size:13px;color:#53666d}.lab-adaptive-v191.warn{background:#fff9e8;border-color:#e8cf82}.lab-adaptive-v191.done{background:#eff9f3;border-color:#a9d4b7}.lab-adaptive-v191.blue{background:#eef7fb;border-color:#bfd6e3}
.lab-decision-v191{margin-top:16px}.lab-decision-steps-v191{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0 14px}.lab-decision-steps-v191>div b,.lab-decision-steps-v191>div span{display:block}.lab-decision-steps-v191>div b{font-size:22px}.lab-decision-steps-v191>div span{font-size:12px;color:#67777d}.lab-decision-steps-v191>div.done{background:#eff9f3;border-color:#a9d4b7}.lab-decision-candidate-v191,.lab-front-v191{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0}.lab-decision-actions-v191,.lab-compare-actions-v191{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.lab-front-v191>div{flex:1}.lab-compare-list-v188>div.front-v191{outline:2px solid rgba(0,128,122,.25);background:#f2fbfa}.lab-compare-list-v188>div small{display:block;margin-top:4px;color:#68787e}.lab-compare-v191 .lab-adaptive-v191{margin:12px 0}
@media(max-width:760px){.lab-validity-evidence-v191,.lab-decision-steps-v191{grid-template-columns:1fr 1fr}.lab-adaptive-v191,.lab-decision-candidate-v191,.lab-front-v191{align-items:stretch;flex-direction:column}.lab-decision-actions-v191,.lab-compare-actions-v191{justify-content:stretch}.lab-decision-actions-v191 .btn,.lab-compare-actions-v191 .btn{width:100%}}
/* v41.0 · CIERRE LAB REAL */
.lab-global-v193{margin:14px 0}.lab-global-grid-v193{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.lab-global-card-v193{display:flex;flex-direction:column;gap:4px;text-align:left;border:1px solid #d7dee2;border-radius:12px;background:#fff;padding:12px;cursor:pointer}.lab-global-card-v193 strong.danger,.lab-global-card-v193 .danger{color:#a82323}.lab-cold-monitor-v193{margin-top:14px}.lab-color-metrics-v190{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.lab-color-metrics-v190 div{min-width:0}.lab-color-metrics-v190 b{word-break:break-word}fieldset{border:1px solid #d7dee2;border-radius:12px;padding:12px}fieldset legend{font-weight:800;padding:0 6px}

/* FIX02 · Estación de Frío V196 */
.cold-station-v196{display:grid;gap:14px}.cold-hero-v196{background:linear-gradient(135deg,#f4fbff,#fff);border:1px solid #cfe2ea;border-radius:20px;padding:18px;box-shadow:0 6px 20px rgba(24,58,74,.06)}.cold-hero-head-v196{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.cold-hero-head-v196 h3{font-size:1.45rem;margin:3px 0 5px}.cold-hero-head-v196 p{margin:0;color:var(--muted);max-width:720px}.cold-badges-v196{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.cold-temp-v196{display:grid;grid-template-columns:minmax(220px,.8fr) 1.6fr;gap:14px;margin:18px 0 12px}.cold-temp-v196>div:first-child{background:#132536;color:#fff;border-radius:18px;padding:18px}.cold-temp-v196 small,.cold-temp-v196 span{display:block}.cold-temp-v196 strong{display:block;font-size:3rem;line-height:1;margin:7px 0}.cold-temp-v196>div:first-child span{font-size:.78rem;opacity:.78}.cold-live-meta-v196{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cold-live-meta-v196 span{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px;color:var(--muted);font-size:.78rem}.cold-live-meta-v196 b{display:block;color:var(--ink);font-size:1rem;margin-top:3px}.cold-state-note-v196{border-top:1px solid #dce8ed;border-bottom:1px solid #dce8ed;padding:11px 0;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center}.cold-state-note-v196 b{font-size:1rem}.cold-state-note-v196 span{color:var(--muted)}.cold-state-note-v196 small{grid-column:1/-1;color:var(--muted)}.cold-spark-v196{margin-top:12px}.cold-spark-v196 svg{display:block;width:100%;height:110px;border-radius:12px;background:linear-gradient(#f9fcfd,#fff);border:1px solid #e0eaee}.cold-spark-v196 polyline{stroke:currentColor;stroke-width:2;color:#087f84}.cold-spark-v196>div{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem;margin-top:4px}.cold-spark-empty-v196{padding:18px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);text-align:center}.cold-actions-v196{margin-top:12px}.cold-grid-v196{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cold-flow-v196{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px;align-items:center;margin:12px 0}.cold-flow-v196>div{border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center;background:#f8fafb}.cold-flow-v196 b,.cold-flow-v196 small{display:block}.cold-flow-v196 small{color:var(--muted);margin-top:3px}.cold-flow-v196>span{font-weight:900;color:var(--teal);font-size:1.2rem}.cold-levels-v196{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.cold-level-v196{border:1px solid var(--line);border-radius:13px;padding:11px;background:#fff}.cold-level-top-v196{display:flex;justify-content:space-between;gap:8px}.cold-level-bar-v196{height:8px;background:#edf2f4;border-radius:999px;overflow:hidden;margin:9px 0}.cold-level-bar-v196 i{display:block;height:100%;background:currentColor;color:#087f84;border-radius:inherit}.cold-level-v196 small{color:var(--muted);display:block;font-size:.72rem}.cold-samples-v196{display:grid;gap:8px}.cold-sample-row-v196{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--line);padding:10px 0}.cold-sample-row-v196:first-child{border-top:0}.cold-sample-row-v196 b,.cold-sample-row-v196 small{display:block}.cold-sample-row-v196 small{color:var(--muted);margin-top:3px}
@media(max-width:900px){.cold-grid-v196{grid-template-columns:1fr}.cold-levels-v196{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.cold-hero-head-v196{flex-direction:column}.cold-badges-v196{justify-content:flex-start}.cold-temp-v196{grid-template-columns:1fr}.cold-live-meta-v196{grid-template-columns:1fr 1fr}.cold-levels-v196{grid-template-columns:1fr 1fr}.cold-flow-v196{grid-template-columns:1fr}.cold-flow-v196>span{transform:rotate(90deg);text-align:center}.cold-sample-row-v196{align-items:flex-start;flex-direction:column}.cold-temp-v196 strong{font-size:2.6rem}}

/* FIX03 · Estación de Frío V197 · niveles seleccionables */
.cold-level-select-v197{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.cold-level-select-v197:hover,.cold-level-select-v197:focus-visible{border-color:#0a8589;box-shadow:0 5px 16px rgba(8,127,132,.12);transform:translateY(-1px);outline:none}.cold-level-open-v197{display:block;margin-top:8px;color:#087f84;font-weight:800;font-size:.75rem}.cold-level-summary-v197{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.cold-level-summary-v197>div{border:1px solid var(--line);border-radius:12px;padding:11px;background:#f8fafb}.cold-level-summary-v197 small,.cold-level-summary-v197 strong{display:block}.cold-level-summary-v197 small{color:var(--muted);font-size:.7rem}.cold-level-summary-v197 strong{font-size:1.15rem;margin-top:4px}.cold-level-sample-v197{border:1px solid var(--line);border-radius:14px;padding:12px;margin:9px 0;background:#fff}.cold-level-sample-v197 h4{margin:0}.cold-level-detail-grid-v197{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}.cold-level-detail-grid-v197>div{border-top:1px solid var(--line);padding-top:7px}.cold-level-detail-grid-v197 span,.cold-level-detail-grid-v197 b{display:block}.cold-level-detail-grid-v197 span{font-size:.72rem;color:var(--muted)}.cold-level-detail-grid-v197 b{font-size:.86rem;margin-top:2px}
@media(max-width:620px){.cold-level-summary-v197{grid-template-columns:1fr 1fr}.cold-level-detail-grid-v197{grid-template-columns:1fr}}
/* Copiloto operativo de Tinas · FIX04 */
.vat-copilot-v194{border:2px solid #1d2a32;margin-bottom:16px}.copilot-context-v194{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 14px}.copilot-context-v194 span{background:#f4f6f7;border-radius:999px;padding:7px 10px;font-size:12px}.copilot-vats-v194{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.copilot-vat-v194{border:1px solid #d9e0e4;border-radius:14px;padding:14px;background:#fff}.copilot-vat-v194.active{border-color:#f0b23d;background:#fffaf0}.copilot-vat-v194.ready{border-color:#71a77e;background:#f4fbf5}.copilot-vat-v194.warn{border-color:#d39150;background:#fff8f1}.copilot-vat-head-v194{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.copilot-vat-head-v194 small{display:block;color:#66727a;font-weight:700}.copilot-vat-head-v194 strong{display:block;margin-top:4px;font-size:19px}.copilot-vat-v194 p{margin:10px 0;color:#3e4a51;line-height:1.35}.copilot-config-v194{max-width:900px}.copilot-config-v194 .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.copilot-vats-v194,.copilot-config-v194 .form-grid{grid-template-columns:1fr}.copilot-vat-head-v194{display:block}.copilot-vat-head-v194 .pill{margin-top:8px}}

.notice.compact{padding:10px 12px;margin:8px 0;font-size:13px}
/* FIX06 · Copiloto integrado dentro de las tarjetas existentes de Tina 1 / Tina 2 */
.vat-copilot-inline-v196{margin:7px 0 6px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:#fafbfc;display:grid;gap:6px}
.vat-copilot-inline-v196.active{border-color:#d6a900;background:#fffaf0}.vat-copilot-inline-v196.ready{border-color:#79b992;background:#f5fbf7}.vat-copilot-inline-v196.warn{border-color:#d99b62;background:#fff9f3}
.vat-copilot-command-v196{display:flex;align-items:baseline;gap:8px;min-width:0}.vat-copilot-command-v196 small{font-size:9px;font-weight:900;letter-spacing:.11em;color:var(--muted)}.vat-copilot-command-v196 strong{font-size:20px;line-height:1;font-weight:950;letter-spacing:-.02em}.vat-copilot-command-v196 span{margin-left:auto;font-size:11px;font-weight:900;white-space:nowrap}
.vat-copilot-reason-v196{font-size:11px;line-height:1.25;color:#4c5965}.vat-copilot-actions-v196{display:flex;gap:6px;align-items:center}.vat-copilot-actions-v196 .btn{padding:7px 10px;font-size:10px}.vat-copilot-confirm-v196{width:100%;padding:8px 10px;font-size:11px}
.vat-copilot-detail-v196{border-top:1px solid #e8ecef;padding-top:5px}.vat-copilot-detail-v196 summary{cursor:pointer;font-size:10px;font-weight:850;color:var(--muted)}.vat-copilot-detail-v196 .metric-line{font-size:10px;padding:4px 0}.vat-copilot-detail-v196 .btn{margin-top:4px}
.vat-copilot-admin-actions-v196{margin-top:8px;padding-top:8px;border-top:1px solid var(--line);align-items:center}.vat-copilot-admin-actions-v196 .muted{margin-right:auto;font-size:11px}
@media(max-width:760px){.vat-copilot-command-v196 strong{font-size:19px}.vat-copilot-reason-v196{font-size:10.5px}}

/* =============================================================
   v41.0 FIX08 · VISTA OPERADOR DE TINAS
   Basada en la vista visual aprobada por el usuario.
   Sólo cambia presentación/UX de Servicio para Operación/Apoyo
   y agrega entrada explícita desde Administración.
   ============================================================= */
body.tinas-operator-v198{background:#fbf6e9;overflow-x:hidden}
body.tinas-operator-v198 .app{grid-template-columns:1fr;min-height:100vh;background:#fbf6e9}
body.tinas-operator-v198 .sidebar,
body.tinas-operator-v198 .topbar,
body.tinas-operator-v198 #adminSystemAlert,
body.tinas-operator-v198 .tinas-fab{display:none!important}
body.tinas-operator-v198 .workspace{min-width:0;width:100%}
body.tinas-operator-v198 .content{padding:0;max-width:none;width:100%;margin:0}
body.tinas-operator-v198 #page-servicio{margin:0;padding:0;background:#fbf6e9;min-height:100vh}
.op-shell-v198{--op-teal:#006b65;--op-teal-deep:#00534f;--op-cream:#fffaf0;--op-paper:#fbf6e9;--op-ink:#102338;--op-green:#15924a;--op-orange:#f08a00;--op-yellow:#fbbb13;color:var(--op-ink);background:radial-gradient(circle at 14% 0%,rgba(255,255,255,.86),transparent 28%),linear-gradient(180deg,#fffdf7 0,#fbf6e9 100%);min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif;padding-bottom:10px;position:relative}
.op-shell-v198:before{content:"";position:absolute;inset:130px 0 0;pointer-events:none;opacity:.055;background-image:radial-gradient(circle at 20px 20px,#8b7656 0 2px,transparent 2.5px),radial-gradient(circle at 54px 48px,#8b7656 0 1.5px,transparent 2px);background-size:84px 84px}
.op-top-v198{height:130px;background:linear-gradient(180deg,#006f69 0%,#00625d 100%);display:grid;grid-template-columns:430px minmax(460px,1fr) auto auto;align-items:center;gap:22px;padding:0 28px 0 0;color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.08);position:relative;z-index:2}
.op-brand-v198{width:430px;height:130px;object-fit:cover;display:block}
.op-nav-v198{display:flex;align-items:center;justify-content:center;gap:18px;height:100%}
.op-nav-v198 button{border:0;background:transparent;color:#fff;display:grid;place-items:center;gap:4px;min-width:112px;padding:14px 18px;border-radius:15px;font-weight:900;font-size:17px}
.op-nav-v198 button span{font-size:27px;line-height:1}.op-nav-v198 button.active{background:#ffe67d;color:#11323a;box-shadow:inset 0 0 0 2px rgba(255,200,30,.8),0 4px 10px rgba(0,0,0,.1)}
.op-time-v198{border-left:1px solid rgba(255,255,255,.28);border-right:1px solid rgba(255,255,255,.28);padding:0 28px;text-align:center;min-width:176px}.op-time-v198 small{display:block;font-size:13px;opacity:.95}.op-time-v198 strong{display:block;font-size:33px;line-height:1.05;margin-top:2px;letter-spacing:-.03em}
.op-user-v198{border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:12px;padding:10px 2px 10px 12px;text-align:left;min-width:150px}.op-user-v198>span{width:52px;height:52px;border-radius:50%;background:#fff;color:#0c6661;display:grid;place-items:center;font-size:19px}.op-user-v198 small,.op-user-v198 b{display:block}.op-user-v198 small{font-size:12px;opacity:.9}.op-user-v198 b{font-size:18px;margin-top:2px}.op-user-v198 i{font-style:normal;margin-left:auto}
.op-general-v198{margin:18px 28px 20px;border:2px solid #f1cf6a;background:rgba(255,253,248,.96);border-radius:20px;min-height:128px;display:grid;grid-template-columns:minmax(330px,.8fr) minmax(520px,1.45fr) 250px;align-items:center;box-shadow:0 4px 12px rgba(87,63,16,.06);position:relative;z-index:1;overflow:hidden}
.op-shift-v198{display:flex;align-items:center;gap:20px;padding:20px 28px;border-right:1px solid #b8b3a6}.op-shift-v198>span{width:51px;height:51px;border-radius:50%;display:block;box-shadow:inset 0 -4px 8px rgba(0,0,0,.12),0 0 0 10px rgba(34,177,76,.08)}.op-shift-v198>span.on{background:linear-gradient(145deg,#22c45c,#028c38)}.op-shift-v198>span.off{background:linear-gradient(145deg,#e0a42a,#a96a00)}.op-shift-v198 b{font-size:24px;display:block;color:#155c43}.op-shift-v198 small{display:block;font-size:16px;color:#2f4b54;margin-top:4px}
.op-general-copy-v198{display:flex;align-items:center;gap:20px;padding:14px 34px}.op-chef-v198{width:60px;height:60px;border-radius:50%;background:#ffd743;display:grid;place-items:center;font-size:28px;color:#1a2f34;border:3px solid #ffe980}.op-general-copy-v198 small{font-size:15px;font-weight:750;display:block}.op-general-copy-v198 strong{font-size:28px;display:block;line-height:1.08;margin:4px 0}.op-general-copy-v198 div>span{font-size:17px;color:#314c58;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:680px}
.op-slogan-v198{width:250px;height:116px;object-fit:cover;justify-self:end;mix-blend-mode:multiply}
.op-vats-v198{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:0 28px;position:relative;z-index:1}
.op-vat-card-v198{border-radius:20px;background:#fff;border:5px solid #3db85a;overflow:hidden;box-shadow:0 8px 20px rgba(66,49,10,.10)}.op-vat-card-v198.heating{border-color:#ff9a1a}.op-vat-card-v198.neutral{border-color:#bac3c8}
.op-vat-head-v198{height:106px;background:linear-gradient(135deg,#006d67,#004f4c);display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:0 28px;color:#fff}.op-vat-head-v198 h2{font-size:54px;line-height:1;margin:0;letter-spacing:-.045em}.op-vat-slogan-v198{justify-self:center;text-align:center;font-weight:850;font-size:15px;letter-spacing:.08em;line-height:1.28}.op-vat-slogan-v198 span{color:#ffc11b;font-size:25px;margin-left:8px}.op-basket-mark-v198{font-size:42px;opacity:.35;filter:grayscale(1) brightness(2)}
.op-vat-body-v198{padding:24px 22px 20px;background:#fff}.op-thermal-v198{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(240px,.97fr);gap:18px;align-items:center;min-height:154px}.op-temp-v198{padding-right:22px;border-right:1px solid #bcc3c7}.op-temp-v198 small{display:block;font-size:16px;color:#394852;margin-bottom:2px}.op-temp-v198 strong{display:block;font-size:68px;line-height:.98;letter-spacing:-.055em;color:#08233d;font-weight:950}.op-temp-v198 strong sup{font-size:.48em;vertical-align:.48em;margin-left:5px}.op-temp-v198>span{display:block;font-size:17px;color:#384a55;margin-top:7px}
.op-status-v198{display:flex;align-items:center;gap:16px;border-radius:32px;padding:15px 22px;background:#eaf8ed;min-height:92px}.op-status-v198.heating{background:#fff0de}.op-status-v198.off,.op-status-v198.nodata,.op-status-v198.idle{background:#f0f3f4}.op-status-v198.active{background:#eaf8ed}.op-status-icon-v198{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#18a34c;color:#fff;font-size:31px;font-weight:950;flex:none}.op-status-v198.heating .op-status-icon-v198{background:#ed6700}.op-status-v198.off .op-status-icon-v198,.op-status-v198.nodata .op-status-icon-v198,.op-status-v198.idle .op-status-icon-v198{background:#77848d}.op-status-v198 b{display:block;font-size:28px;color:#0f6a31}.op-status-v198.heating b{color:#c94b00}.op-status-v198.off b,.op-status-v198.nodata b,.op-status-v198.idle b{color:#4e5960}.op-status-v198 small{display:block;font-size:16px;margin-top:2px;color:#30454c}
.op-queue-v198{margin-top:10px;background:#f7f6f3;border-radius:24px;min-height:110px;display:grid;grid-template-columns:135px minmax(0,1fr) auto;align-items:center;padding:8px 22px;gap:18px}.op-kraft-v198{position:relative;width:92px;height:92px;display:block;margin:auto}.op-kraft-v198>i{position:absolute;width:12px;height:51px;background:linear-gradient(#ffce2e,#ff9913);border:2px solid #f59210;border-radius:5px 5px 2px 2px;top:3px;left:32px;transform-origin:bottom}.op-kraft-v198>i:nth-child(1){transform:rotate(-16deg);left:14px}.op-kraft-v198>i:nth-child(2){transform:rotate(-8deg);left:26px;top:0}.op-kraft-v198>i:nth-child(3){left:39px;top:-4px}.op-kraft-v198>i:nth-child(4){transform:rotate(8deg);left:53px;top:0}.op-kraft-v198>i:nth-child(5){transform:rotate(16deg);left:65px;top:5px}.op-kraft-v198>b{position:absolute;left:10px;right:8px;bottom:2px;height:57px;background:linear-gradient(145deg,#d9a96c,#b97d3f);clip-path:polygon(4% 0,96% 0,85% 100%,15% 100%);box-shadow:inset 0 0 0 2px rgba(111,62,20,.16);display:grid;place-items:center}.op-kraft-v198 img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid rgba(73,39,15,.25)}
.op-queue-copy-v198 strong{font-size:28px;line-height:1.1;display:block}.op-queue-copy-v198 span{display:block;font-size:17px;color:#245366;margin-top:5px}.op-eta-v198{border-left:1px solid #babfc3;display:grid;grid-template-columns:46px auto;grid-template-rows:auto auto;align-items:center;padding-left:28px;min-width:160px}.op-eta-v198>span{grid-row:1/3;font-size:43px;color:#e76c00}.op-eta-v198 small{font-size:14px;color:#3a4a56}.op-eta-v198 strong{font-size:32px;line-height:1}
.op-rec-v198{margin-top:16px;border-radius:20px;min-height:118px;display:grid;grid-template-columns:132px 1fr;align-items:center;padding:8px 18px;border:2px solid #8bd4f7;background:linear-gradient(100deg,#eefaff,#e5f5ff)}.op-rec-v198.gold{border-color:#f2d47f;background:linear-gradient(100deg,#fff8df,#fff1c7)}.op-rec-v198 img{width:120px;height:110px;object-fit:cover;border-radius:18px;mix-blend-mode:multiply}.op-rec-v198 small{display:block;font-size:14px;font-weight:800;color:#1364cb}.op-rec-v198.gold small{color:#a45f00}.op-rec-v198 strong{display:block;font-size:24px;color:#0c318d;margin:4px 0;line-height:1.1}.op-rec-v198.gold strong{color:#5b2a00}.op-rec-v198 span{display:block;font-size:16px;color:#3c4d55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.op-actions-v198{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}.op-actions-v198 button{min-height:76px;border-radius:12px;font-weight:900;font-size:22px;display:flex;align-items:center;justify-content:center;gap:18px}.op-done-v198{border:0}.op-done-v198.teal{background:linear-gradient(135deg,#08756e,#005e59);color:#fff}.op-done-v198.yellow{background:linear-gradient(135deg,#ffc21a,#ffad0c);color:#3b2d00}.op-done-v198 span{font-size:34px}.op-detail-v198{background:#fff;border:2px solid #aeb3b6;color:#172336}.op-detail-icon-v198{width:44px;height:34px;display:flex;align-items:flex-end;gap:5px;position:relative}.op-detail-icon-v198 i{display:block;width:7px;background:#16263c;border-radius:3px 3px 0 0}.op-detail-icon-v198 i:nth-child(1){height:18px}.op-detail-icon-v198 i:nth-child(2){height:29px}.op-detail-icon-v198 i:nth-child(3){height:23px}.op-detail-icon-v198:after{content:"";width:12px;height:12px;border:3px solid #16263c;border-radius:50%;position:absolute;right:-5px;bottom:-3px;background:#fff}.op-detail-icon-v198:before{content:"";width:9px;height:3px;background:#16263c;position:absolute;right:-10px;bottom:-7px;transform:rotate(44deg);border-radius:2px}
.op-footer-v198{height:91px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:relative;z-index:1}.op-footer-v198 img:first-child{width:250px;height:72px;object-fit:cover;mix-blend-mode:multiply}.op-footer-v198 img:last-child{width:365px;height:66px;object-fit:cover;mix-blend-mode:multiply}
.op-empty-v198{grid-column:1/-1;background:#fff;border:2px solid #e5ddca;border-radius:18px;padding:50px;text-align:center;font-weight:850}
@media(max-width:1180px){.op-top-v198{grid-template-columns:310px 1fr auto}.op-brand-v198{width:310px;object-fit:cover;object-position:left}.op-user-v198{display:none}.op-nav-v198{gap:8px}.op-nav-v198 button{min-width:90px;padding:12px 10px}.op-general-v198{grid-template-columns:1fr 1.4fr}.op-slogan-v198{display:none}.op-vats-v198{grid-template-columns:1fr}.op-vat-card-v198{max-width:900px;width:100%;margin:auto}}
@media(max-width:760px){.op-top-v198{height:auto;grid-template-columns:1fr;padding:0 10px}.op-brand-v198{width:100%;height:98px;object-fit:cover;object-position:left}.op-nav-v198{overflow:auto;justify-content:flex-start;padding:8px 0}.op-nav-v198 button{min-width:92px}.op-time-v198{display:none}.op-general-v198{margin:12px;grid-template-columns:1fr}.op-shift-v198{border-right:0;border-bottom:1px solid #d7d0bf}.op-general-copy-v198{padding:16px 22px}.op-general-copy-v198 strong{font-size:22px}.op-vats-v198{padding:0 12px;gap:12px}.op-vat-head-v198{height:82px;padding:0 16px}.op-vat-head-v198 h2{font-size:38px}.op-vat-slogan-v198{font-size:11px}.op-vat-body-v198{padding:16px 14px}.op-thermal-v198{grid-template-columns:1fr}.op-temp-v198{border-right:0;border-bottom:1px solid #d7d7d7;padding:0 0 15px}.op-temp-v198 strong{font-size:56px}.op-status-v198{min-height:74px}.op-queue-v198{grid-template-columns:90px 1fr}.op-eta-v198{grid-column:1/-1;border-left:0;border-top:1px solid #c8c8c8;padding:10px 0 0}.op-rec-v198{grid-template-columns:90px 1fr}.op-rec-v198 img{width:80px;height:74px}.op-rec-v198 strong{font-size:19px}.op-actions-v198 button{font-size:18px;min-height:62px}.op-footer-v198{display:none}}
.op-detail-controls-v198{margin:14px 0 12px}.op-detail-controls-v198 h3{margin:0 0 10px}.op-detail-controls-v198>small{display:block;margin-top:7px;color:var(--muted)}.op-detail-assign-v198{display:grid;gap:8px}.op-detail-assign-v198>div{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:10px;padding:9px 10px}.op-detail-assign-v198>div>span{font-size:12px;font-weight:750}


/* FIX09 · operador: una sola vista, sin PNG recortados y sin variantes de mascota. */
.op-top-v198{grid-template-columns:360px minmax(460px,1fr) auto auto;height:124px}
.op-brand-v198{display:none!important}
.op-brand-v199{height:124px;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 20px;overflow:hidden;color:#fff}
.op-brand-v199>img{width:106px;height:106px;object-fit:contain;border-radius:50%;flex:none;background:#fff6e7;box-shadow:0 2px 8px rgba(0,0,0,.14)}
.op-brand-v199>div{display:grid;line-height:.92;text-align:center;min-width:190px}
.op-brand-v199 b{font-size:28px;color:#f24b2f;text-shadow:-1px -1px 0 #fff3c9,1px 1px 0 #52251b;font-weight:950;letter-spacing:-.04em}
.op-brand-v199 strong{font-size:36px;color:#fff0b7;text-shadow:0 2px 0 #3d2317;font-family:Georgia,serif;letter-spacing:-.03em}
.op-brand-v199 small{font-size:10px;color:#ffd94c;letter-spacing:.08em;margin-top:5px;font-weight:900}
.op-general-v198{margin-top:16px;margin-bottom:16px;min-height:118px;grid-template-columns:minmax(330px,.8fr) minmax(520px,1.45fr) 230px}
.op-slogan-v198{display:none!important}
.op-slogan-text-v199{justify-self:end;text-align:center;padding:4px 24px 4px 8px;font-family:"Segoe Print","Comic Sans MS",cursive;font-style:italic;font-weight:900;font-size:24px;line-height:.92;color:#142238;position:relative;transform:rotate(-2deg)}
.op-slogan-text-v199:before,.op-slogan-text-v199:after{content:"";position:absolute;width:24px;height:5px;background:#f8b700;border-radius:3px;left:-10px;transform:rotate(25deg)}
.op-slogan-text-v199:before{top:38px}.op-slogan-text-v199:after{top:56px;transform:rotate(-8deg)}
.op-slogan-text-v199 span{display:block;width:90px;height:6px;background:#e52d23;border-radius:4px;transform:rotate(-8deg);margin:8px auto 0 34px}
.op-vat-body-v198{padding-bottom:12px}
.op-kraft-v198>b{background:linear-gradient(145deg,#d9a96c,#b97d3f)}
.op-kraft-v198>b em{font-style:normal;font-family:Georgia,serif;font-weight:950;font-size:18px;color:#5b2d12;letter-spacing:-.06em;text-shadow:0 1px #efd2a2}
.op-kraft-v198 img{display:none!important}
.op-rec-v198{grid-template-columns:106px 1fr;min-height:112px;padding:7px 16px}
.op-rec-v198 img{width:92px;height:92px;object-fit:contain;border-radius:50%;mix-blend-mode:normal;background:#fff8e8;border:2px solid rgba(217,169,108,.45)}
.op-actions-v198{margin-top:12px}
.op-actions-v198 button{min-height:70px}
.op-done-v198{display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important}
.op-done-check-v199{font-size:32px!important;line-height:1;flex:none}
.op-done-copy-v199{display:grid;gap:2px;text-align:left}
.op-done-copy-v199 b{font-size:22px;line-height:1}
.op-done-copy-v199 small{font-size:12px;font-weight:700;opacity:.92}
.op-next-v199{min-height:24px;padding:6px 12px 0;font-size:12px;color:#37536a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.op-next-v199 b{color:#1767c6}.op-vat-card-v198.heating .op-next-v199 b{color:#8a5a00}
.op-footer-v198{height:60px;padding:0 42px}
.op-footer-v198 img{display:none!important}
.op-footer-script-v199{font-family:"Segoe Print","Comic Sans MS",cursive;font-weight:900;font-style:italic;font-size:21px;color:#102338;position:relative;padding-bottom:7px}
.op-footer-script-v199 span{position:absolute;left:84px;bottom:2px;width:92px;height:5px;background:#f7b800;border-radius:4px;transform:rotate(-5deg)}
.op-footer-caps-v199{font-weight:850;letter-spacing:.14em;font-size:12px;color:#172235;position:relative;padding-right:24px}
.op-footer-caps-v199 i{position:absolute;right:0;top:3px;width:18px;height:5px;background:#f7b800;border-radius:4px;box-shadow:0 9px 0 #f7b800;transform:rotate(-9deg)}
@media(max-width:1180px){.op-top-v198{grid-template-columns:270px 1fr auto}.op-brand-v199{padding-left:10px}.op-brand-v199>img{width:90px;height:90px}.op-brand-v199>div{display:none}.op-slogan-text-v199{display:none}.op-general-v198{grid-template-columns:1fr 1.4fr}.op-rec-v198{grid-template-columns:90px 1fr}.op-rec-v198 img{width:78px;height:78px}}
@media(max-width:760px){.op-top-v198{height:auto;grid-template-columns:1fr}.op-brand-v199{height:96px}.op-brand-v199>img{width:82px;height:82px}.op-general-v198{grid-template-columns:1fr}.op-next-v199{white-space:normal}.op-footer-v198{display:none}}

/* =============================================================
   FIX12 · VISTA OPERADOR TINAS · ONE-SCREEN APROBADA
   - Ajustada a la composición visual aprobada.
   - Todo cabe en el primer viewport en tablet/desktop landscape.
   - Mascota NO se recolorea: se reutiliza el encabezado aprobado.
   - Caja de papas usa exactamente el recurso kraft aprobado.
   ============================================================= */
@media (min-width:901px){
  html:has(body.tinas-operator-v198),
  body.tinas-operator-v198{height:100dvh;min-height:0;overflow:hidden!important}
  body.tinas-operator-v198 .app,
  body.tinas-operator-v198 .workspace,
  body.tinas-operator-v198 .content,
  body.tinas-operator-v198 #page-servicio{height:100%;min-height:0;overflow:hidden!important}

  .op-shell-v198{
    height:100dvh;min-height:0;overflow:hidden;padding:0;
    display:grid;
    grid-template-rows:clamp(86px,11.5vh,124px) auto minmax(0,1fr) clamp(40px,5.6vh,60px);
  }
  .op-shell-v198:before{inset:clamp(86px,11.5vh,124px) 0 0}

  .op-top-v198{
    height:auto;min-height:0;
    grid-template-columns:clamp(255px,25vw,360px) minmax(360px,1fr) auto auto;
    gap:clamp(8px,1.4vw,20px);
    padding:0 clamp(14px,1.8vw,28px) 0 clamp(8px,.8vw,12px);
  }
  .op-brand-v199{height:100%;padding:0;display:flex;align-items:center;overflow:visible}
  .op-brand-v199>img{
    display:block;width:clamp(245px,24vw,345px);height:auto;max-height:96%;
    object-fit:contain;object-position:left center;border:0;border-radius:0;background:transparent;box-shadow:none;
  }
  .op-brand-v199>div{display:none!important}

  .op-nav-v198{gap:clamp(6px,1.1vw,18px)}
  .op-nav-v198 button{
    min-width:clamp(82px,8vw,112px);
    padding:clamp(8px,1.1vh,13px) clamp(8px,1vw,16px);
    border-radius:clamp(10px,1.2vh,15px);
    font-size:clamp(13px,1.55vh,17px);
    gap:2px;
  }
  .op-nav-v198 button span{font-size:clamp(20px,2.5vh,27px)}
  .op-time-v198{padding:0 clamp(13px,1.8vw,26px);min-width:clamp(120px,12vw,176px)}
  .op-time-v198 small{font-size:clamp(10px,1.2vh,13px)}
  .op-time-v198 strong{font-size:clamp(24px,3.05vh,33px)}
  .op-user-v198{min-width:clamp(118px,11vw,150px);gap:clamp(6px,.9vw,12px)}
  .op-user-v198>span{width:clamp(38px,4.6vh,52px);height:clamp(38px,4.6vh,52px)}
  .op-user-v198 b{font-size:clamp(14px,1.7vh,18px)}

  .op-general-v198{
    margin:clamp(8px,1.35vh,16px) clamp(14px,1.9vw,28px);
    min-height:0;height:clamp(84px,11.7vh,126px);
    grid-template-columns:minmax(250px,.78fr) minmax(410px,1.45fr) clamp(170px,17vw,230px);
    border-radius:clamp(14px,1.7vh,20px);
  }
  .op-shift-v198{gap:clamp(10px,1.4vw,20px);padding:clamp(10px,1.7vh,20px) clamp(16px,2vw,28px)}
  .op-shift-v198>span{width:clamp(36px,4.7vh,51px);height:clamp(36px,4.7vh,51px)}
  .op-shift-v198 b{font-size:clamp(17px,2.2vh,24px)}
  .op-shift-v198 small{font-size:clamp(11px,1.5vh,16px);margin-top:2px}
  .op-general-copy-v198{gap:clamp(10px,1.4vw,20px);padding:clamp(7px,1.3vh,14px) clamp(18px,2.4vw,34px)}
  .op-chef-v198{width:clamp(42px,5.5vh,60px);height:clamp(42px,5.5vh,60px);font-size:clamp(19px,2.6vh,28px)}
  .op-general-copy-v198 small{font-size:clamp(11px,1.35vh,15px)}
  .op-general-copy-v198 strong{font-size:clamp(20px,2.6vh,28px);margin:2px 0}
  .op-general-copy-v198 div>span{font-size:clamp(12px,1.55vh,17px);max-width:56vw}
  .op-slogan-text-v199{font-size:clamp(17px,2.2vh,24px);padding-right:clamp(12px,1.8vw,24px)}
  .op-slogan-text-v199 span{width:clamp(64px,6.3vw,90px);height:clamp(4px,.55vh,6px);margin-top:4px}

  .op-vats-v198{
    min-height:0;height:100%;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:clamp(12px,1.7vw,24px);
    padding:0 clamp(14px,1.9vw,28px);
    align-items:stretch;
  }
  .op-vat-card-v198{
    height:100%;min-height:0;overflow:hidden;
    display:grid;grid-template-rows:clamp(70px,9.8vh,106px) minmax(0,1fr);
    border-width:clamp(3px,.45vh,5px);
    border-radius:clamp(14px,1.8vh,20px);
  }
  .op-vat-head-v198{
    height:auto;min-height:0;
    padding:0 clamp(16px,2vw,28px);
  }
  .op-vat-head-v198 h2{font-size:clamp(38px,5vh,54px)}
  .op-vat-slogan-v198{font-size:clamp(10px,1.35vh,15px);line-height:1.2}
  .op-vat-slogan-v198 span{font-size:clamp(18px,2.25vh,25px)}
  .op-basket-mark-v198{
    position:relative;width:clamp(42px,5.1vh,56px);height:clamp(34px,4.2vh,46px);font-size:0!important;opacity:.35;filter:none;
    border:3px solid #d7efeb;border-top-width:2px;border-radius:4px 4px 8px 8px;transform:skew(-4deg)
  }
  .op-basket-mark-v198:before{content:"";position:absolute;width:65%;height:18px;border:3px solid #d7efeb;border-bottom:0;border-radius:18px 18px 0 0;left:16%;top:-16px;transform:skew(4deg)}
  .op-basket-mark-v198:after{content:"";position:absolute;inset:7px 7px;background:repeating-linear-gradient(90deg,transparent 0 7px,#d7efeb 7px 9px);opacity:.8}

  .op-vat-body-v198{
    min-height:0;overflow:hidden;
    display:grid;
    grid-template-rows:minmax(102px,1.55fr) minmax(72px,.92fr) minmax(72px,.9fr) minmax(56px,.68fr) auto;
    gap:clamp(6px,.75vh,10px);
    padding:clamp(10px,1.45vh,18px) clamp(12px,1.55vw,22px) clamp(7px,.9vh,11px);
  }
  .op-thermal-v198{min-height:0;height:100%;gap:clamp(10px,1.3vw,18px);grid-template-columns:minmax(0,1.03fr) minmax(180px,.97fr)}
  .op-temp-v198{padding-right:clamp(12px,1.5vw,22px)}
  .op-temp-v198 small{font-size:clamp(12px,1.45vh,16px);margin-bottom:0}
  .op-temp-v198 strong{font-size:clamp(49px,6.25vh,68px)}
  .op-temp-v198>span{font-size:clamp(12px,1.55vh,17px);margin-top:3px}
  .op-status-v198{height:auto;min-height:clamp(68px,8.6vh,92px);gap:clamp(9px,1.1vw,16px);padding:clamp(8px,1.25vh,15px) clamp(12px,1.5vw,22px);border-radius:clamp(23px,3vh,32px)}
  .op-status-icon-v198{width:clamp(44px,5.7vh,62px);height:clamp(44px,5.7vh,62px);font-size:clamp(22px,2.85vh,31px)}
  .op-status-v198 b{font-size:clamp(20px,2.55vh,28px)}
  .op-status-v198 small{font-size:clamp(11px,1.45vh,16px)}

  .op-queue-v198{
    margin:0;min-height:0;height:100%;border-radius:clamp(14px,2.2vh,24px);
    grid-template-columns:clamp(82px,8vw,112px) minmax(0,1fr) auto;
    padding:clamp(4px,.7vh,8px) clamp(12px,1.5vw,22px);gap:clamp(9px,1.25vw,18px)
  }
  .op-kraft-v198{width:clamp(72px,8.2vh,92px);height:clamp(57px,6.8vh,76px);display:block;overflow:hidden;margin:auto;position:relative}
  .op-kraft-v198>i,.op-kraft-v198>b{display:none!important}
  .op-kraft-v198>img{
    display:block!important;position:absolute;max-width:none;
    width:clamp(84px,9.8vh,110px);height:auto;
    left:50%;top:50%;transform:translate(-50%,-50%);
    border:0;border-radius:0;object-fit:contain;background:transparent
  }
  .op-queue-copy-v198 strong{font-size:clamp(20px,2.55vh,28px)}
  .op-queue-copy-v198 span{font-size:clamp(12px,1.55vh,17px);margin-top:2px}
  .op-eta-v198{grid-template-columns:clamp(32px,3.8vh,46px) auto;padding-left:clamp(14px,2vw,28px);min-width:clamp(115px,11vw,160px)}
  .op-eta-v198>span{font-size:clamp(28px,3.8vh,43px)}
  .op-eta-v198 small{font-size:clamp(10px,1.25vh,14px)}
  .op-eta-v198 strong{font-size:clamp(23px,2.95vh,32px)}

  .op-rec-v198{
    margin:0;min-height:0;height:100%;
    grid-template-columns:clamp(82px,8.6vw,106px) minmax(0,1fr);
    padding:clamp(4px,.65vh,7px) clamp(10px,1.2vw,16px);
    border-radius:clamp(13px,1.8vh,20px)
  }
  .op-rec-mascot-v12{
    width:clamp(76px,8.4vh,92px);height:clamp(65px,7.7vh,84px);overflow:hidden;display:block;position:relative;justify-self:center;border:0;background:transparent;border-radius:0;
  }
  .op-rec-mascot-v12>img{
    position:absolute!important;display:block!important;max-width:none!important;
    width:clamp(181px,20vh,233px)!important;height:auto!important;
    left:0!important;top:50%!important;transform:translateY(-50%)!important;
    object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important;mix-blend-mode:normal!important;
  }
  .op-rec-v198>img{display:none!important}
  .op-rec-v198 small{font-size:clamp(10px,1.25vh,14px)}
  .op-rec-v198 strong{font-size:clamp(18px,2.15vh,24px);margin:2px 0}
  .op-rec-v198 span{font-size:clamp(11px,1.45vh,16px)}

  .op-actions-v198{height:100%;min-height:0;margin:0;gap:clamp(8px,1.1vw,16px)}
  .op-actions-v198 button{min-height:0;height:100%;border-radius:clamp(9px,1.15vh,12px);font-size:clamp(17px,2vh,22px);gap:clamp(9px,1.1vw,16px)}
  .op-done-check-v199{font-size:clamp(24px,2.95vh,32px)!important}
  .op-done-copy-v199 b{font-size:clamp(17px,2vh,22px)}
  .op-done-copy-v199 small{font-size:clamp(9px,1.05vh,11px)}
  .op-detail-icon-v198{width:clamp(32px,3.8vh,44px);height:clamp(26px,3.15vh,34px)}

  .op-next-v199{
    min-height:0;height:auto;padding:0 clamp(8px,.9vw,12px);
    font-size:clamp(9px,1.05vh,11px);line-height:1.1;align-self:center
  }
  .op-footer-v198{height:auto;min-height:0;padding:0 clamp(20px,2.8vw,42px)}
  .op-footer-script-v199{font-size:clamp(16px,1.95vh,21px);padding-bottom:4px}
  .op-footer-caps-v199{font-size:clamp(9px,1.1vh,12px)}
}

/* Landscape compact: mantiene DOS tinas visibles y evita scroll vertical en tablets 10". */
@media (min-width:901px) and (max-height:900px){
  .op-shell-v198{grid-template-rows:clamp(78px,11.8vh,102px) auto minmax(0,1fr) clamp(34px,5.2vh,46px)}
  .op-general-v198{height:clamp(78px,11.6vh,98px);margin-top:clamp(6px,1.1vh,10px);margin-bottom:clamp(6px,1.1vh,10px)}
  .op-vat-card-v198{grid-template-rows:clamp(64px,9.5vh,80px) minmax(0,1fr)}
  .op-vat-body-v198{grid-template-rows:minmax(92px,1.5fr) minmax(64px,.9fr) minmax(65px,.88fr) minmax(50px,.66fr) auto;gap:5px;padding-top:8px;padding-bottom:5px}
  .op-vat-head-v198 h2{font-size:clamp(36px,4.8vh,44px)}
  .op-temp-v198 strong{font-size:clamp(46px,6.1vh,56px)}
  .op-rec-v198 strong{font-size:clamp(17px,2.2vh,20px)}
  .op-footer-script-v199{font-size:16px}.op-footer-caps-v199{font-size:9px}
}

/* Sólo en pantallas angostas reales se permite apilar; la tablet/desktop landscape permanece one-screen. */
@media (min-width:901px) and (max-width:1180px){
  .op-top-v198{grid-template-columns:clamp(220px,25vw,285px) 1fr auto;gap:6px}
  .op-brand-v199>img{width:clamp(215px,24vw,275px)}
  .op-user-v198{display:none}
  .op-nav-v198{gap:4px}.op-nav-v198 button{min-width:74px;padding-left:6px;padding-right:6px}
  .op-general-v198{grid-template-columns:minmax(220px,.8fr) minmax(350px,1.45fr) minmax(140px,.55fr)}
  .op-slogan-text-v199{display:block;font-size:16px}
  .op-vats-v198{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .op-vat-card-v198{max-width:none!important;width:auto!important;margin:0!important}
  .op-thermal-v198{grid-template-columns:minmax(0,1fr) minmax(150px,.9fr)}
  .op-status-v198{padding-left:9px;padding-right:9px}.op-status-v198 b{font-size:18px}.op-status-v198 small{font-size:10px}
  .op-queue-v198{grid-template-columns:68px minmax(0,1fr) auto;padding-left:8px;padding-right:8px}.op-kraft-v198{width:62px}.op-queue-copy-v198 strong{font-size:18px}
  .op-rec-v198{grid-template-columns:70px minmax(0,1fr);padding-left:6px}.op-rec-mascot-v12{width:64px}.op-rec-mascot-v12>img{width:178px!important}
  .op-actions-v198{gap:6px}.op-actions-v198 button{font-size:16px}.op-detail-icon-v198{transform:scale(.85)}
}

/* FIX12 visual lock: las dos recomendaciones usan la misma tarjeta crema aprobada. */
@media (min-width:901px){
  .op-rec-v198,.op-rec-v198.blue,.op-rec-v198.gold{
    border-color:#efcf75!important;
    background:linear-gradient(100deg,#fffaf0,#fff5dc)!important;
  }
  .op-rec-v198 small,.op-rec-v198.blue small,.op-rec-v198.gold small{color:#a45f00!important}
  .op-rec-v198 strong,.op-rec-v198.blue strong,.op-rec-v198.gold strong{color:#4e270d!important}
  .op-chef-v198{font-size:0;position:relative;background:#ffd743}
  .op-chef-v198:before{content:"";position:absolute;left:50%;top:48%;width:24px;height:22px;transform:translate(-50%,-50%);border:3px solid #172b34;border-radius:6px 6px 4px 4px;background:#fff7d6;box-sizing:border-box}
  .op-chef-v198:after{content:"";position:absolute;left:50%;top:31%;width:31px;height:18px;transform:translate(-50%,-50%);border:3px solid #172b34;border-bottom:0;border-radius:18px 18px 5px 5px;background:#fff7d6;box-sizing:border-box}
}

/* =============================================================
   FIX13 · VISTA OPERADOR TINAS · MATCH PROPUESTA APROBADA
   Ajuste VISUAL sobre la misma vista existente; sin nueva página.
   Objetivo: parecerse mucho más a la propuesta y seguir one-screen.
   ============================================================= */
body.tinas-operator-v198{background:#fbf6e9}

/* Navegación: iconos dibujados por CSS para acercarse a la propuesta. */
.op-nav-ico-v13{width:28px;height:28px;display:block;position:relative;box-sizing:border-box;color:currentColor}
.op-nav-tina-v13{border:2px solid currentColor;border-radius:4px;width:24px;height:20px;margin-top:3px}
.op-nav-tina-v13:before{content:"";position:absolute;left:5px;right:5px;top:-6px;height:5px;border:2px solid currentColor;border-bottom:0;border-radius:4px 4px 0 0}
.op-nav-tina-v13:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:currentColor;left:5px;top:5px;box-shadow:6px 0 0 currentColor,12px 0 0 currentColor}
.op-nav-orders-v13{width:20px;height:24px;border:2px solid currentColor;border-radius:3px;margin-top:1px}
.op-nav-orders-v13:before{content:"";position:absolute;width:8px;height:5px;border:2px solid currentColor;border-bottom:0;border-radius:3px 3px 0 0;left:4px;top:-6px}
.op-nav-orders-v13:after{content:"";position:absolute;left:4px;right:4px;top:7px;height:2px;background:currentColor;box-shadow:0 5px 0 currentColor,0 10px 0 currentColor}
.op-nav-reports-v13{display:flex!important;align-items:flex-end!important;justify-content:center!important;gap:3px;width:25px;height:24px}
.op-nav-reports-v13 i{display:block;width:5px;border-radius:2px 2px 0 0;background:currentColor}
.op-nav-reports-v13 i:nth-child(1){height:10px}.op-nav-reports-v13 i:nth-child(2){height:18px}.op-nav-reports-v13 i:nth-child(3){height:24px}

/* Chef hat simple, sin emoji. */
.op-chef-v198{position:relative;overflow:hidden}
.op-chef-hat-v13{position:relative;width:27px;height:19px;border:3px solid #102338;border-radius:8px 8px 5px 5px;background:#fff;display:block;box-sizing:border-box;margin-top:8px}
.op-chef-hat-v13:before{content:"";position:absolute;width:12px;height:12px;border:3px solid #102338;border-radius:50%;background:#fff;left:4px;top:-11px;box-shadow:-7px 3px 0 -1px #fff,7px 3px 0 -1px #fff}
.op-chef-hat-v13:after{content:"";position:absolute;left:3px;right:3px;bottom:3px;height:2px;background:#102338;border-radius:2px}

@media (min-width:901px){
  body.tinas-operator-v198,
  body.tinas-operator-v198 .app,
  body.tinas-operator-v198 .workspace,
  body.tinas-operator-v198 .content,
  body.tinas-operator-v198 #page-servicio{height:100dvh!important;min-height:0!important;overflow:hidden!important}

  .op-shell-v198{
    height:100dvh!important;min-height:0!important;overflow:hidden!important;padding:0!important;
    display:grid!important;
    grid-template-rows:clamp(86px,13.5vh,108px) clamp(78px,12.6vh,106px) minmax(0,1fr) clamp(28px,4.9vh,48px)!important;
    background:radial-gradient(circle at 14% 0%,rgba(255,255,255,.88),transparent 27%),linear-gradient(180deg,#fffdf7 0,#fbf6e9 100%)!important;
  }
  .op-shell-v198:before{inset:clamp(86px,13.5vh,108px) 0 0!important;opacity:.045!important}

  /* HEADER */
  .op-top-v198{
    height:100%!important;min-height:0!important;
    grid-template-columns:clamp(300px,25.3vw,365px) minmax(350px,1fr) clamp(138px,12.2vw,170px) clamp(128px,10.7vw,150px)!important;
    gap:clamp(7px,1vw,15px)!important;
    padding:0 clamp(12px,1.5vw,22px) 0 clamp(4px,.65vw,10px)!important;
    background:linear-gradient(180deg,#00726c 0%,#00605b 100%)!important;
    box-shadow:0 2px 7px rgba(0,0,0,.12)!important;
  }
  .op-brand-v199{height:100%!important;padding:0!important;display:flex!important;align-items:center!important;overflow:visible!important}
  .op-brand-v199>img{width:clamp(294px,24.6vw,356px)!important;height:auto!important;max-height:96%!important;object-fit:contain!important;object-position:left center!important;display:block!important}
  .op-nav-v198{gap:clamp(7px,1.4vw,18px)!important;height:100%!important}
  .op-nav-v198 button{min-width:clamp(92px,8.7vw,116px)!important;height:clamp(58px,9vh,80px)!important;padding:7px 12px!important;border-radius:14px!important;display:flex!important;flex-direction:column!important;gap:3px!important;font-size:clamp(13px,1.9vh,17px)!important;line-height:1!important}
  .op-nav-v198 button.active{background:linear-gradient(180deg,#fff1a6,#ffe374)!important;box-shadow:inset 0 0 0 2px #f1c33a,0 4px 9px rgba(0,0,0,.11)!important}
  .op-nav-v198 button>span{font-size:0!important}
  .op-time-v198{height:62%;align-self:center;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:0 clamp(12px,1.7vw,24px)!important;min-width:0!important}
  .op-time-v198 small{font-size:clamp(9px,1.35vh,12px)!important;white-space:nowrap}.op-time-v198 strong{font-size:clamp(25px,4.2vh,34px)!important;margin-top:2px!important}
  .op-user-v198{height:62%;align-self:center!important;min-width:0!important;padding:0 0 0 clamp(8px,1vw,13px)!important;gap:clamp(7px,1vw,12px)!important}
  .op-user-v198>span{width:clamp(38px,5.5vh,50px)!important;height:clamp(38px,5.5vh,50px)!important;background:#fff!important;color:#0b6964!important;font-size:0!important;position:relative}
  .op-user-v198>span:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#0b6964;top:9px;left:50%;transform:translateX(-50%)}
  .op-user-v198>span:after{content:"";position:absolute;width:23px;height:12px;border-radius:12px 12px 5px 5px;background:#0b6964;bottom:8px;left:50%;transform:translateX(-50%)}
  .op-user-v198 small{font-size:clamp(9px,1.25vh,11px)!important}.op-user-v198 b{font-size:clamp(14px,2vh,18px)!important}.op-user-v198 i{font-size:20px!important}

  /* RECOMENDACIÓN GENERAL */
  .op-general-v198{
    width:auto!important;height:auto!important;min-height:0!important;
    margin:clamp(5px,.9vh,9px) clamp(18px,2.1vw,30px)!important;
    border:2px solid #f1cf6a!important;border-radius:clamp(14px,2vh,20px)!important;
    grid-template-columns:minmax(285px,.82fr) minmax(450px,1.55fr) clamp(190px,18.2vw,255px)!important;
    box-shadow:0 3px 9px rgba(87,63,16,.06)!important;overflow:hidden!important
  }
  .op-shift-v198{height:100%!important;box-sizing:border-box!important;align-items:center!important;gap:clamp(12px,1.4vw,20px)!important;padding:8px clamp(16px,2.2vw,30px)!important}
  .op-shift-v198>span{width:clamp(38px,5.4vh,50px)!important;height:clamp(38px,5.4vh,50px)!important;box-shadow:inset 0 -4px 8px rgba(0,0,0,.12),0 0 0 8px rgba(34,177,76,.08)!important;flex:none}
  .op-shift-v198 b{font-size:clamp(18px,2.8vh,25px)!important;line-height:1.05!important;white-space:nowrap!important;margin:0!important;padding:0!important}
  .op-shift-v198 small{font-size:clamp(11px,1.75vh,16px)!important;line-height:1.15!important;margin-top:4px!important;white-space:nowrap!important}
  .op-general-copy-v198{height:100%!important;box-sizing:border-box!important;gap:clamp(12px,1.6vw,20px)!important;padding:7px clamp(18px,2.2vw,32px)!important}
  .op-chef-v198{width:clamp(48px,6.6vh,60px)!important;height:clamp(48px,6.6vh,60px)!important;border-radius:50%!important;flex:none!important}
  .op-general-copy-v198 small{font-size:clamp(11px,1.6vh,15px)!important;line-height:1.05!important}.op-general-copy-v198 strong{font-size:clamp(21px,3.2vh,28px)!important;line-height:1.05!important;margin:3px 0!important}.op-general-copy-v198 div>span{font-size:clamp(12px,1.9vh,17px)!important;line-height:1.12!important;max-width:50vw!important}
  .op-slogan-text-v199{font-size:clamp(18px,2.8vh,25px)!important;line-height:.9!important;padding:2px clamp(12px,1.8vw,24px) 2px 4px!important;transform:rotate(-2deg)!important}
  .op-slogan-text-v199:before,.op-slogan-text-v199:after{height:4px!important;width:22px!important}.op-slogan-text-v199 span{height:5px!important;margin-top:5px!important}

  /* DOS TINAS */
  .op-vats-v198{height:100%!important;min-height:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(14px,1.8vw,24px)!important;padding:0 clamp(18px,2.1vw,30px)!important;align-items:stretch!important;overflow:hidden!important}
  .op-vat-card-v198{height:100%!important;min-height:0!important;max-width:none!important;width:auto!important;margin:0!important;display:grid!important;grid-template-rows:clamp(62px,10.4vh,82px) minmax(0,1fr)!important;border-width:clamp(3px,.55vh,5px)!important;border-radius:clamp(15px,2.2vh,20px)!important;box-shadow:0 6px 15px rgba(66,49,10,.09)!important}
  .op-vat-head-v198{height:100%!important;min-height:0!important;padding:0 clamp(18px,2vw,28px)!important;grid-template-columns:auto 1fr auto!important}
  .op-vat-head-v198 h2{font-size:clamp(39px,6.4vh,54px)!important;line-height:.95!important;text-shadow:0 2px 2px rgba(0,0,0,.16)!important}
  .op-vat-slogan-v198{font-size:clamp(9px,1.55vh,14px)!important;line-height:1.15!important;letter-spacing:.075em!important}.op-vat-slogan-v198 span{font-size:clamp(18px,2.9vh,25px)!important}
  .op-basket-mark-v198{width:clamp(40px,6vh,55px)!important;height:clamp(32px,4.9vh,45px)!important}

  .op-vat-body-v198{min-height:0!important;height:100%!important;overflow:hidden!important;display:grid!important;grid-template-rows:minmax(88px,1.28fr) minmax(66px,.91fr) minmax(72px,.95fr) minmax(53px,.72fr) clamp(12px,2.1vh,18px)!important;gap:clamp(5px,.8vh,8px)!important;padding:clamp(8px,1.35vh,12px) clamp(14px,1.6vw,22px) clamp(5px,.8vh,8px)!important}

  .op-thermal-v198{height:100%!important;min-height:0!important;grid-template-columns:minmax(0,1.04fr) minmax(185px,.96fr)!important;gap:clamp(10px,1.4vw,18px)!important;align-items:center!important}
  .op-temp-v198{height:100%!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding-right:clamp(12px,1.5vw,22px)!important}
  .op-temp-v198 small{font-size:clamp(11px,1.75vh,15px)!important;line-height:1!important;margin:0 0 3px!important}.op-temp-v198 strong{font-size:clamp(52px,8.2vh,70px)!important;line-height:.9!important;letter-spacing:-.055em!important}.op-temp-v198 strong sup{font-size:.42em!important;vertical-align:.54em!important;margin-left:4px!important}.op-temp-v198>span{font-size:clamp(11px,1.75vh,16px)!important;margin-top:6px!important;line-height:1!important}
  .op-status-v198{height:auto!important;min-height:clamp(66px,10.4vh,90px)!important;border-radius:clamp(24px,4vh,32px)!important;padding:clamp(8px,1.35vh,14px) clamp(12px,1.5vw,20px)!important;gap:clamp(10px,1.2vw,16px)!important}
  .op-status-icon-v198{width:clamp(44px,6.9vh,60px)!important;height:clamp(44px,6.9vh,60px)!important;font-size:clamp(22px,3.5vh,30px)!important}.op-status-v198 b{font-size:clamp(20px,3.2vh,27px)!important;line-height:1!important}.op-status-v198 small{font-size:clamp(10px,1.65vh,15px)!important;line-height:1.1!important;margin-top:5px!important}

  .op-queue-v198{height:100%!important;min-height:0!important;margin:0!important;border-radius:clamp(14px,2.6vh,22px)!important;grid-template-columns:clamp(86px,8.9vw,118px) minmax(0,1fr) auto!important;padding:2px clamp(12px,1.6vw,22px)!important;gap:clamp(10px,1.35vw,18px)!important;align-items:center!important}
  .op-kraft-v198{width:clamp(82px,10.8vh,104px)!important;height:clamp(62px,8.6vh,82px)!important;margin:auto!important;overflow:visible!important}
  .op-kraft-v198>img{display:block!important;position:absolute!important;width:clamp(92px,12.2vh,116px)!important;height:auto!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;object-fit:contain!important}
  .op-queue-copy-v198 strong{font-size:clamp(20px,3.25vh,28px)!important;line-height:1.03!important;white-space:nowrap!important}.op-queue-copy-v198 span{font-size:clamp(11px,1.85vh,16px)!important;line-height:1!important;margin-top:5px!important}
  .op-eta-v198{height:72%!important;grid-template-columns:clamp(30px,4.2vh,43px) auto!important;padding-left:clamp(12px,1.8vw,25px)!important;min-width:clamp(105px,10.8vw,150px)!important}.op-eta-v198>span{font-size:clamp(27px,4.6vh,40px)!important}.op-eta-v198 small{font-size:clamp(9px,1.4vh,13px)!important}.op-eta-v198 strong{font-size:clamp(21px,3.5vh,30px)!important}

  .op-rec-v198{height:100%!important;min-height:0!important;margin:0!important;grid-template-columns:clamp(96px,9.8vw,126px) minmax(0,1fr)!important;padding:0 clamp(12px,1.6vw,20px)!important;border-radius:clamp(14px,2.2vh,20px)!important;background:linear-gradient(100deg,#fffaf0,#fff6e8)!important;border:1.8px solid #efd37d!important;align-items:center!important;overflow:hidden!important}
  .op-rec-v198.blue{background:linear-gradient(100deg,#fffaf0,#fff8ef)!important;border-color:#efcf72!important}.op-rec-v198.gold{background:linear-gradient(100deg,#fffaf0,#fff6e7)!important;border-color:#efcf72!important}
  .op-rec-mascot-v12{width:clamp(88px,10.5vh,108px)!important;height:clamp(68px,8.9vh,88px)!important;overflow:hidden!important;border:0!important;background:transparent!important;border-radius:0!important;justify-self:start!important}
  .op-rec-mascot-v12>img{position:absolute!important;display:block!important;max-width:none!important;width:100%!important;height:100%!important;left:0!important;top:0!important;transform:none!important;object-fit:cover!important;object-position:center!important;border:0!important;border-radius:0!important;background:transparent!important;mix-blend-mode:multiply!important}
  .op-rec-v198 small{font-size:clamp(10px,1.55vh,14px)!important;line-height:1!important;color:#a56000!important}.op-rec-v198 strong{font-size:clamp(18px,2.9vh,24px)!important;line-height:1.03!important;margin:4px 0!important;color:#4a2200!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.op-rec-v198 span{font-size:clamp(11px,1.8vh,16px)!important;line-height:1.05!important;color:#314c58!important}

  .op-actions-v198{height:100%!important;min-height:0!important;margin:0!important;gap:clamp(9px,1.2vw,16px)!important}
  .op-actions-v198 button{height:100%!important;min-height:0!important;border-radius:clamp(9px,1.4vh,12px)!important;font-size:clamp(17px,2.8vh,22px)!important;gap:clamp(10px,1.25vw,17px)!important}
  .op-done-check-v199{font-size:clamp(25px,3.8vh,32px)!important}.op-done-copy-v199 b{font-size:clamp(17px,2.75vh,22px)!important}.op-done-copy-v199 small{font-size:clamp(8px,1.3vh,11px)!important}.op-detail-icon-v198{width:clamp(34px,4.8vh,43px)!important;height:clamp(27px,4vh,34px)!important}
  .op-next-v199{height:100%!important;min-height:0!important;padding:0 clamp(8px,.9vw,12px)!important;font-size:clamp(8px,1.25vh,10.5px)!important;line-height:1.05!important;display:flex!important;align-items:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

  .op-footer-v198{height:100%!important;min-height:0!important;padding:0 clamp(28px,3.2vw,46px)!important}.op-footer-script-v199{font-size:clamp(15px,2.4vh,21px)!important;padding-bottom:4px!important}.op-footer-caps-v199{font-size:clamp(8px,1.35vh,11px)!important}
}

/* Viewports cortos como la captura real del usuario: misma composición, más compacta sin apilar. */
@media (min-width:901px) and (max-height:700px){
  .op-shell-v198{grid-template-rows:86px 78px minmax(0,1fr) 30px!important}
  .op-top-v198{grid-template-columns:320px minmax(335px,1fr) 154px 142px!important}
  .op-brand-v199>img{width:305px!important}
  .op-nav-v198 button{height:56px!important;min-width:92px!important;font-size:14px!important}.op-nav-ico-v13{transform:scale(.88)}
  .op-general-v198{margin:5px 19px!important;grid-template-columns:minmax(280px,.8fr) minmax(430px,1.5fr) 195px!important}
  .op-shift-v198 b{font-size:18px!important}.op-shift-v198 small{font-size:11px!important}.op-shift-v198>span{width:38px!important;height:38px!important}
  .op-chef-v198{width:46px!important;height:46px!important}.op-general-copy-v198 small{font-size:11px!important}.op-general-copy-v198 strong{font-size:21px!important}.op-general-copy-v198 div>span{font-size:12px!important}.op-slogan-text-v199{font-size:18px!important}
  .op-vats-v198{gap:22px!important;padding:0 19px!important}
  .op-vat-card-v198{grid-template-rows:66px minmax(0,1fr)!important}
  .op-vat-head-v198 h2{font-size:40px!important}.op-vat-slogan-v198{font-size:10px!important}
  .op-vat-body-v198{grid-template-rows:minmax(92px,1.28fr) 72px 72px 55px 14px!important;gap:5px!important;padding:8px 20px 5px!important}
  .op-temp-v198 small{font-size:11px!important}.op-temp-v198 strong{font-size:55px!important}.op-temp-v198>span{font-size:11px!important}
  .op-status-v198{min-height:70px!important}.op-status-icon-v198{width:46px!important;height:46px!important;font-size:23px!important}.op-status-v198 b{font-size:20px!important}.op-status-v198 small{font-size:10px!important}
  .op-queue-v198{grid-template-columns:104px minmax(0,1fr) auto!important}.op-kraft-v198{width:88px!important;height:68px!important}.op-kraft-v198>img{width:98px!important}.op-queue-copy-v198 strong{font-size:21px!important}.op-queue-copy-v198 span{font-size:12px!important}.op-eta-v198 strong{font-size:23px!important}
  .op-rec-v198{grid-template-columns:104px minmax(0,1fr)!important}.op-rec-mascot-v12{width:96px!important;height:70px!important}.op-rec-v198 small{font-size:10px!important}.op-rec-v198 strong{font-size:18px!important}.op-rec-v198 span{font-size:11px!important}
  .op-actions-v198 button{font-size:18px!important}.op-done-copy-v199 b{font-size:18px!important}.op-done-copy-v199 small{font-size:8.5px!important}.op-next-v199{font-size:8px!important}
  .op-footer-script-v199{font-size:16px!important}.op-footer-caps-v199{font-size:8px!important}
}

/* En tablet landscape estrecha, nunca apilar las tinas. */
@media (min-width:901px) and (max-width:1180px){
  .op-vats-v198{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .op-vat-card-v198{max-width:none!important;width:auto!important;margin:0!important}
  .op-user-v198{display:none!important}
  .op-top-v198{grid-template-columns:clamp(230px,27vw,285px) 1fr clamp(120px,15vw,145px)!important}
  .op-brand-v199>img{width:clamp(220px,26vw,275px)!important}
  .op-general-v198{grid-template-columns:minmax(210px,.8fr) minmax(350px,1.45fr) minmax(140px,.55fr)!important}
  .op-slogan-text-v199{display:block!important;font-size:15px!important}
  .op-thermal-v198{grid-template-columns:minmax(0,1fr) minmax(145px,.9fr)!important}
  .op-queue-v198{grid-template-columns:80px minmax(0,1fr) auto!important}.op-kraft-v198{width:72px!important}.op-kraft-v198>img{width:82px!important}
  .op-rec-v198{grid-template-columns:82px minmax(0,1fr)!important}.op-rec-mascot-v12{width:76px!important;height:60px!important}
}

/* =============================================================
   FIX14 · VISTA OPERADOR TINAS · PIXEL MATCH PROPUESTA
   Sobre la MISMA vista de FIX13. No nueva página.
   Ajuste medido contra la propuesta aprobada a 1329×632.
   ============================================================= */
.op-slogan-img-v14{height:100%;display:flex;align-items:center;justify-content:flex-end;overflow:hidden}
.op-slogan-img-v14 img{display:block;width:100%;max-width:220px;height:auto;object-fit:contain}

/* Identidad visual de cada tina no depende de si hoy hay PT100/datos. */
.op-vat-card-v198[data-op-vat="1"]{border-color:#39c45b!important}
.op-vat-card-v198[data-op-vat="2"]{border-color:#ff9a1a!important}

@media (min-width:901px) and (max-height:700px){
  /* Proporciones globales equivalentes a la propuesta comprimida al viewport real. */
  .op-shell-v198{
    grid-template-rows:80px 98px minmax(0,1fr) 59px!important;
  }

  /* HEADER: logo más ancho, nav menos dispersa, hora/turno a la derecha como propuesta. */
  .op-top-v198{
    grid-template-columns:390px minmax(430px,1fr) 175px 210px!important;
    gap:0!important;
    padding:0!important;
  }
  .op-brand-v199{padding-left:14px!important;overflow:hidden!important}
  .op-brand-v199>img{width:375px!important;height:80px!important;max-height:none!important;object-fit:contain!important;object-position:left center!important}
  .op-nav-v198{justify-content:center!important;gap:20px!important}
  .op-nav-v198 button{width:108px!important;min-width:108px!important;height:54px!important;padding:6px 10px!important;border-radius:12px!important;font-size:14px!important;gap:2px!important}
  .op-nav-ico-v13{transform:scale(.82)!important}
  .op-time-v198{height:64%!important;padding:0 18px!important;min-width:0!important}
  .op-time-v198 small{font-size:9px!important}.op-time-v198 strong{font-size:27px!important}
  .op-user-v198{display:flex!important;height:64%!important;padding:0 12px 0 16px!important;min-width:0!important}
  .op-user-v198>span{width:38px!important;height:38px!important}.op-user-v198 b{font-size:14px!important}.op-user-v198 small{font-size:9px!important}.op-user-v198 i{font-size:17px!important}

  /* BANDA GENERAL: misma respiración, margen y jerarquía visual de la propuesta. */
  .op-general-v198{
    margin:10px 28px!important;
    height:auto!important;
    min-height:0!important;
    grid-template-columns:388px minmax(0,1fr) 220px!important;
    border-radius:16px!important;
  }
  .op-shift-v198{padding:8px 24px!important;gap:18px!important}
  .op-shift-v198>span{width:38px!important;height:38px!important;box-shadow:inset 0 -3px 6px rgba(0,0,0,.12),0 0 0 8px rgba(34,177,76,.08)!important}
  .op-shift-v198 b{font-size:18px!important}.op-shift-v198 small{font-size:11px!important;margin-top:3px!important}
  .op-general-copy-v198{padding:6px 26px!important;gap:18px!important}
  .op-chef-v198{width:50px!important;height:50px!important}
  .op-general-copy-v198 small{font-size:11px!important}.op-general-copy-v198 strong{font-size:22px!important;margin:2px 0!important}.op-general-copy-v198 div>span{font-size:12px!important}
  .op-slogan-img-v14{padding-right:0!important}.op-slogan-img-v14 img{width:220px!important;max-width:220px!important;height:77px!important;object-fit:contain!important}

  /* DOS TARJETAS: ancho/márgenes/gap calcados a la propuesta comprimida. */
  .op-vats-v198{padding:0 28px!important;gap:20px!important;overflow:hidden!important}
  .op-vat-card-v198{
    grid-template-rows:68px minmax(0,1fr)!important;
    border-width:4px!important;
    border-radius:17px!important;
    box-shadow:0 5px 13px rgba(66,49,10,.10)!important;
  }
  .op-vat-head-v198{padding:0 28px!important}
  .op-vat-head-v198 h2{font-size:48px!important;letter-spacing:-.045em!important;text-shadow:0 2px 2px rgba(0,0,0,.17)!important}
  .op-vat-slogan-v198{font-size:10px!important;line-height:1.18!important;letter-spacing:.08em!important}.op-vat-slogan-v198 span{font-size:18px!important;margin-left:5px!important}
  .op-basket-mark-v198{width:48px!important;height:38px!important}

  /* Cuerpo medido para que TODO cierre antes del footer, sin scroll. */
  .op-vat-body-v198{
    grid-template-rows:107px 64px 66px 46px 11px!important;
    gap:5px!important;
    padding:8px 20px 5px!important;
  }

  /* Temperatura + estado. */
  .op-thermal-v198{grid-template-columns:minmax(0,.84fr) minmax(0,1.02fr)!important;gap:16px!important}
  .op-temp-v198{padding-right:18px!important}
  .op-temp-v198 small{font-size:13px!important;margin-bottom:3px!important}.op-temp-v198 strong{font-size:60px!important;line-height:.92!important}.op-temp-v198>span{font-size:13px!important;margin-top:5px!important}
  .op-status-v198{min-height:62px!important;height:62px!important;border-radius:28px!important;padding:6px 14px!important;gap:12px!important}
  .op-status-icon-v198{width:48px!important;height:48px!important;font-size:24px!important}.op-status-v198 b{font-size:22px!important}.op-status-v198 small{font-size:12px!important;margin-top:3px!important}

  /* Cola: caja kraft COMPLETA, sin recortes. */
  .op-queue-v198{grid-template-columns:130px minmax(0,1fr) auto!important;padding:0 16px!important;gap:16px!important;border-radius:18px!important;overflow:hidden!important}
  .op-kraft-v198{width:118px!important;height:60px!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .op-kraft-v198>img{position:static!important;transform:none!important;width:118px!important;height:60px!important;object-fit:contain!important;max-width:118px!important}
  .op-queue-copy-v198 strong{font-size:25px!important;line-height:1!important}.op-queue-copy-v198 span{font-size:14px!important;margin-top:3px!important}
  .op-eta-v198{height:46px!important;grid-template-columns:38px auto!important;padding-left:20px!important;min-width:138px!important}.op-eta-v198>span{font-size:33px!important}.op-eta-v198 small{font-size:11px!important}.op-eta-v198 strong{font-size:26px!important}

  /* Aviso: la mascota aprobada se muestra COMPLETA; cero crop/recolor. */
  .op-rec-v198{grid-template-columns:145px minmax(0,1fr)!important;padding:0 14px!important;border-radius:16px!important;overflow:hidden!important}
  .op-rec-mascot-v12{width:132px!important;height:60px!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .op-rec-mascot-v12>img{position:static!important;transform:none!important;width:132px!important;height:60px!important;max-width:132px!important;object-fit:contain!important;mix-blend-mode:normal!important}
  .op-rec-v198 small{font-size:11px!important}.op-rec-v198 strong{font-size:21px!important;margin:2px 0!important}.op-rec-v198 span{font-size:13px!important}

  /* Botones y siguiente paso. */
  .op-actions-v198{gap:14px!important}
  .op-actions-v198 button{font-size:20px!important;border-radius:10px!important;gap:12px!important}
  .op-done-check-v199{font-size:27px!important}.op-done-copy-v199 b{font-size:20px!important}.op-done-copy-v199 small{font-size:8.5px!important}
  .op-detail-icon-v198{width:39px!important;height:31px!important}
  .op-next-v199{font-size:8px!important;padding:0 10px!important}

  /* Footer con presencia visual equivalente a la propuesta. */
  .op-footer-v198{padding:0 28px!important}
  .op-footer-script-v199{font-size:18px!important;padding-bottom:6px!important}.op-footer-script-v199 span{left:75px!important;width:84px!important;height:4px!important}
  .op-footer-caps-v199{font-size:9px!important;letter-spacing:.16em!important}
}

/* =============================================================
   FIX15 · VISTA OPERADOR · LUPA MATCH PROPUESTA
   Misma página / misma lógica. Ajuste visual fino contra la propuesta
   aprobada, especialmente en viewport landscape corto.
   ============================================================= */
@media (min-width:901px) and (max-height:820px){
  html:has(body.tinas-operator-v198),
  body.tinas-operator-v198{height:100dvh!important;overflow:hidden!important;background:#fbf6e9!important}
  .op-shell-v198{
    height:100dvh!important;min-height:0!important;overflow:hidden!important;
    grid-template-rows:80px 98px minmax(0,1fr) 59px!important;
    background:radial-gradient(circle at 14% 0%,rgba(255,255,255,.86),transparent 28%),linear-gradient(180deg,#fffdf7 0,#fbf6e9 100%)!important;
  }
  .op-shell-v198:before{inset:80px 0 0!important;opacity:.068!important}

  /* Header: proporción y distribución de la propuesta. */
  .op-top-v198{
    grid-template-columns:407px minmax(0,536px) 172px 238px!important;
    gap:0!important;padding:0!important;height:80px!important;min-height:80px!important;
    background:linear-gradient(180deg,#00736d 0%,#00625d 100%)!important;
  }
  .op-brand-v199{height:80px!important;padding:0!important;overflow:hidden!important;align-items:center!important}
  .op-brand-v199>img{display:block!important;width:375px!important;height:80px!important;max-height:none!important;object-fit:contain!important;object-position:left center!important}
  .op-nav-v198{height:80px!important;justify-content:center!important;align-items:center!important;gap:26px!important}
  .op-nav-v198 button{width:124px!important;min-width:124px!important;height:54px!important;padding:5px 8px!important;border-radius:12px!important;font-size:15px!important;gap:2px!important}
  .op-nav-v198 button.active{background:linear-gradient(180deg,#fff3ad,#ffe36d)!important;box-shadow:inset 0 0 0 2px #efc541,0 3px 8px rgba(0,0,0,.10)!important}
  .op-nav-ico-v13{transform:scale(.88)!important}
  .op-time-v198{height:56px!important;min-width:0!important;padding:0 20px!important;align-self:center!important;border-left:1px solid rgba(255,255,255,.35)!important;border-right:1px solid rgba(255,255,255,.35)!important}
  .op-time-v198 small{font-size:10px!important;line-height:1!important}.op-time-v198 strong{font-size:29px!important;line-height:1!important;margin-top:4px!important}
  .op-user-v198{display:flex!important;height:56px!important;min-width:0!important;padding:0 14px 0 24px!important;gap:14px!important;align-self:center!important}
  .op-user-v198>span{width:42px!important;height:42px!important}.op-user-v198 small{font-size:10px!important}.op-user-v198 b{font-size:15px!important}.op-user-v198 i{font-size:19px!important;margin-left:auto!important}

  /* Banda superior: mismos márgenes y respiración que la propuesta. */
  .op-general-v198{
    margin:10px 28px!important;height:78px!important;min-height:78px!important;
    grid-template-columns:394px minmax(0,673px) 228px!important;
    border:2px solid #f2cf68!important;border-radius:16px!important;overflow:hidden!important;
    background:rgba(255,253,248,.97)!important;box-shadow:0 2px 8px rgba(80,58,16,.05)!important;
  }
  .op-shift-v198{padding:7px 38px!important;gap:20px!important;height:78px!important}
  .op-shift-v198>span{width:38px!important;height:38px!important;flex:none!important}
  .op-shift-v198 b{font-size:18px!important;line-height:1!important}.op-shift-v198 small{font-size:11px!important;line-height:1.15!important;margin-top:4px!important}
  .op-general-copy-v198{height:78px!important;padding:6px 14px 6px 55px!important;gap:38px!important;align-items:center!important}
  .op-chef-v198{width:50px!important;height:50px!important;min-width:50px!important;border-radius:50%!important;background:#ffd64b!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important}
  .op-chef-v198:before,.op-chef-v198:after{content:none!important}
  .op-chef-hat-v13{display:block!important;position:relative!important;width:28px!important;height:21px!important;border:3px solid #14263b!important;border-radius:5px 5px 4px 4px!important;background:#fff7da!important;margin-top:9px!important;box-sizing:border-box!important}
  .op-chef-hat-v13:before{content:""!important;position:absolute!important;width:13px!important;height:13px!important;border:3px solid #14263b!important;border-radius:50%!important;background:#fff7da!important;left:4px!important;top:-12px!important;box-shadow:-8px 4px 0 -1px #fff7da,8px 4px 0 -1px #fff7da!important}
  .op-chef-hat-v13:after{content:""!important;position:absolute!important;left:3px!important;right:3px!important;bottom:3px!important;height:2px!important;background:#14263b!important;border-radius:2px!important}
  .op-general-copy-v198 small{font-size:11px!important;line-height:1!important}.op-general-copy-v198 strong{font-size:22px!important;line-height:1.02!important;margin:3px 0!important}.op-general-copy-v198 div>span{font-size:12px!important;line-height:1.1!important}
  .op-slogan-img-v14{height:78px!important;width:228px!important;padding:0!important;justify-content:center!important;overflow:hidden!important}
  .op-slogan-img-v14 img{width:220px!important;height:77px!important;max-width:none!important;object-fit:contain!important}

  /* Dos tarjetas: geometría exacta de la propuesta comprimida. */
  .op-vats-v198{padding:0 28px!important;gap:20px!important;height:100%!important;overflow:hidden!important;align-items:stretch!important}
  .op-vat-card-v198{height:100%!important;min-height:0!important;grid-template-rows:67px minmax(0,1fr)!important;border-width:4px!important;border-radius:17px!important;box-shadow:0 5px 13px rgba(66,49,10,.09)!important;background:#fffdf8!important}
  .op-vat-head-v198{height:67px!important;padding:0 30px 0 34px!important;grid-template-columns:auto 1fr 72px!important}
  .op-vat-head-v198 h2{font-size:46px!important;line-height:.95!important;letter-spacing:-.04em!important;text-shadow:0 2px 2px rgba(0,0,0,.17)!important}
  .op-vat-slogan-v198{justify-self:center!important;font-family:"Trebuchet MS",Arial,sans-serif!important;font-size:10px!important;font-weight:900!important;line-height:1.14!important;letter-spacing:.07em!important;transform:rotate(-1deg)!important;position:relative!important;padding-right:30px!important}
  .op-vat-slogan-v198 span{font-size:0!important;position:absolute!important;width:24px!important;height:22px!important;right:0!important;top:50%!important;transform:translateY(-50%)!important}
  .op-vat-slogan-v198 span:before{content:""!important;position:absolute!important;width:18px!important;height:4px!important;background:#f7b800!important;border-radius:3px!important;left:1px!important;top:2px!important;transform:rotate(24deg)!important;box-shadow:4px 8px 0 #f7b800!important}
  .op-vat-slogan-v198 span:after{content:""!important;position:absolute!important;width:17px!important;height:4px!important;background:#f7b800!important;border-radius:3px!important;left:3px!important;bottom:1px!important;transform:rotate(-18deg)!important}
  /* Cesta real: sin arco de bolsa; rejilla + mango inclinado. */
  .op-basket-mark-v198{position:relative!important;width:60px!important;height:34px!important;border:3px solid #8fc2bc!important;border-top:2px solid #8fc2bc!important;border-radius:3px 3px 8px 8px!important;transform:skew(-5deg)!important;opacity:.42!important;background:transparent!important}
  .op-basket-mark-v198:before{content:""!important;position:absolute!important;width:30px!important;height:4px!important;background:#8fc2bc!important;border-radius:3px!important;right:-17px!important;top:-10px!important;transform:rotate(-43deg) skew(5deg)!important;border:0!important}
  .op-basket-mark-v198:after{content:""!important;position:absolute!important;inset:6px 7px!important;background:repeating-linear-gradient(90deg,transparent 0 7px,#8fc2bc 7px 9px)!important;opacity:.9!important}

  .op-vat-body-v198{height:100%!important;min-height:0!important;grid-template-rows:101px 65px 70px 45px 12px!important;gap:5px!important;padding:9px 20px 6px!important;overflow:hidden!important;background:linear-gradient(180deg,#fffefd 0%,#fffdf9 100%)!important}
  .op-thermal-v198{height:101px!important;grid-template-columns:minmax(0,.86fr) minmax(0,1.04fr)!important;gap:16px!important;align-items:center!important}
  .op-temp-v198{height:101px!important;justify-content:center!important;padding:0 18px 0 10px!important}
  .op-temp-v198 small{font-size:13px!important;line-height:1!important;margin:0 0 4px!important}.op-temp-v198 strong{font-size:60px!important;line-height:.9!important}.op-temp-v198 strong sup{font-size:.42em!important;vertical-align:.54em!important;margin-left:4px!important}.op-temp-v198>span{font-size:13px!important;line-height:1!important;margin-top:6px!important}
  .op-status-v198{height:62px!important;min-height:62px!important;padding:6px 14px!important;border-radius:30px!important;gap:12px!important}
  .op-status-icon-v198{width:48px!important;height:48px!important;font-size:24px!important}.op-status-v198 b{font-size:22px!important;line-height:1!important}.op-status-v198 small{font-size:12px!important;line-height:1.05!important;margin-top:4px!important}

  .op-queue-v198{height:65px!important;min-height:65px!important;grid-template-columns:130px minmax(0,1fr) auto!important;padding:0 16px!important;gap:16px!important;border-radius:18px!important;background:#f6f4f0!important;overflow:visible!important}
  .op-kraft-v198{width:118px!important;height:64px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;position:relative!important}
  .op-kraft-v198>img{display:block!important;position:static!important;transform:none!important;width:118px!important;height:64px!important;max-width:118px!important;object-fit:contain!important;background:transparent!important}
  .op-queue-copy-v198 strong{font-size:24px!important;line-height:1!important}.op-queue-copy-v198 span{font-size:14px!important;line-height:1!important;margin-top:4px!important}
  .op-eta-v198{height:46px!important;grid-template-columns:38px auto!important;padding-left:20px!important;min-width:138px!important}.op-eta-v198>span{font-size:33px!important}.op-eta-v198 small{font-size:11px!important}.op-eta-v198 strong{font-size:26px!important}

  .op-rec-v198{height:70px!important;min-height:70px!important;grid-template-columns:145px minmax(0,1fr)!important;padding:0 14px!important;border-radius:16px!important;background:linear-gradient(100deg,#fffaf0,#fff7eb)!important;border:1.6px solid #efd37d!important;overflow:visible!important;align-items:center!important}
  .op-rec-v198.blue,.op-rec-v198.gold{background:linear-gradient(100deg,#fffaf0,#fff7eb)!important;border-color:#efd37d!important}
  .op-rec-mascot-v12{width:132px!important;height:70px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;border:0!important;background:transparent!important;border-radius:0!important}
  .op-rec-mascot-v12>img{display:block!important;position:static!important;transform:none!important;width:132px!important;height:70px!important;max-width:132px!important;object-fit:contain!important;mix-blend-mode:normal!important;background:transparent!important;border:0!important;border-radius:0!important}
  .op-rec-v198 small{font-size:11px!important;line-height:1!important;color:#a45f00!important}.op-rec-v198 strong{font-size:21px!important;line-height:1.02!important;margin:3px 0!important;color:#4e270d!important}.op-rec-v198 span{font-size:13px!important;line-height:1.05!important;color:#314c58!important}

  .op-actions-v198{height:45px!important;gap:14px!important;margin:0!important}.op-actions-v198 button{height:45px!important;min-height:45px!important;border-radius:10px!important;font-size:20px!important;gap:12px!important}
  .op-done-check-v199{font-size:27px!important}.op-done-copy-v199 b{font-size:20px!important}.op-done-copy-v199 small{font-size:8px!important;line-height:1!important}.op-detail-icon-v198{width:39px!important;height:31px!important}
  .op-next-v199{height:12px!important;min-height:12px!important;padding:0 10px!important;font-size:7.5px!important;line-height:1!important;opacity:.85!important}

  /* Footer: misma presencia de la propuesta. */
  .op-footer-v198{height:59px!important;padding:0 55px!important;align-items:center!important}
  .op-footer-script-v199{font-size:20px!important;padding-bottom:7px!important}.op-footer-script-v199 span{left:96px!important;width:96px!important;height:4px!important;bottom:2px!important}
  .op-footer-caps-v199{font-size:10px!important;letter-spacing:.20em!important;padding-right:25px!important}.op-footer-caps-v199 i{right:0!important}
}
/* FIX15 micro-ajuste final contra coordenadas de la propuesta 1353×630. */
@media (min-width:901px) and (max-height:820px){
  .op-brand-v199{padding-left:14px!important}
  .op-general-copy-v198{gap:55px!important}
  .op-vat-head-v198{padding-right:46px!important}
}

/* =============================================================
   FIX16 · TINAS ANGOSTAS · MATCH DE PROPORCIÓN CONTRA PROPUESTA
   Misma página / misma lógica / mismos recursos visuales.
   La propuesta aprobada usa aprox. 2.07% margen lateral,
   1.66% separación central y 47.10% por tarjeta.
   Este override fija esa geometría independientemente del alto/zoom.
   ============================================================= */
@media (min-width:901px){
  .op-vats-v198{
    width:95.8563536%!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    gap:1.6574586%!important;
    box-sizing:border-box!important;
    justify-self:center!important;
  }
  .op-vat-card-v198{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  .op-vat-head-v198,
  .op-vat-body-v198,
  .op-thermal-v198,
  .op-queue-v198,
  .op-rec-v198,
  .op-actions-v198{
    min-width:0!important;
    box-sizing:border-box!important;
  }
}

/* =============================================================
   FIX17 · PROPORCIÓN COMPACTA · AJUSTES DIRECTOS SOBRE FIX16
   - Evita estirar la composición en pantallas landscape muy anchas.
   - Tinas ~1/3 más angostas en el viewport real del operador.
   - Slogan de tina con tratamiento manuscrito + rayos.
   - Cesta superior corregida.
   - Icono de recomendación general = gorro de chef real (SVG inline).
   - Slogan derecho integrado, sin aspecto de recorte pegado.
   ============================================================= */
@media (min-width:901px) and (max-height:820px){
  /* Mantener la proporción visual de la propuesta en un monitor 16:9/ultrawide.
     A 630px de alto da ~895px de ancho: exactamente ~1/3 menos que 1338px. */
  .op-shell-v198{
    width:100%!important;
    max-width:100vw!important;
    margin:0 auto!important;
    box-shadow:0 0 0 1px rgba(0,95,88,.04)!important;
  }

  /* HEADER: ya no se reparte a lo ancho de toda la pantalla. */
  .op-top-v198{
    grid-template-columns:28% 39% 13% 20%!important;
    width:100%!important;
    height:80px!important;
    min-height:80px!important;
  }
  .op-brand-v199{
    padding:0 0 0 10px!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }
  .op-brand-v199>img{
    width:min(96%,255px)!important;
    height:auto!important;
    max-height:68px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .op-nav-v198{gap:10px!important;padding:0 4px!important}
  .op-nav-v198 button{
    width:96px!important;min-width:96px!important;height:52px!important;
    font-size:13px!important;border-radius:12px!important;
  }
  .op-time-v198{padding:0 8px!important;height:54px!important}
  .op-time-v198 small{font-size:8px!important;white-space:nowrap!important}
  .op-time-v198 strong{font-size:27px!important}
  .op-user-v198{height:54px!important;padding:0 8px 0 12px!important;gap:8px!important}
  .op-user-v198>span{width:38px!important;height:38px!important}
  .op-user-v198 small{font-size:8px!important}.op-user-v198 b{font-size:13px!important}.op-user-v198 i{font-size:16px!important}

  /* BANDA GENERAL: compacta y centrada dentro del canvas, sin estirarse. */
  .op-general-v198{
    margin:10px 12px!important;
    width:calc(100% - 24px)!important;
    grid-template-columns:30% 50% 20%!important;
    height:78px!important;
    min-height:78px!important;
  }
  .op-shift-v198{padding:7px 18px!important;gap:12px!important}
  .op-shift-v198>span{width:36px!important;height:36px!important}
  .op-shift-v198 b{font-size:15px!important}.op-shift-v198 small{font-size:9px!important}
  .op-general-copy-v198{padding:5px 10px!important;gap:12px!important;height:78px!important}
  .op-chef-v198{
    width:44px!important;height:44px!important;min-width:44px!important;
    background:#ffd84f!important;border-radius:50%!important;
    display:grid!important;place-items:center!important;overflow:visible!important;
  }
  .op-chef-v198:before,.op-chef-v198:after,.op-chef-hat-v13{display:none!important;content:none!important}
  .op-chef-hat-v17{display:block!important;width:31px!important;height:31px!important;overflow:visible!important}
  .op-general-copy-v198 small{font-size:9px!important}.op-general-copy-v198 strong{font-size:18px!important;margin:2px 0!important}.op-general-copy-v198 div>span{font-size:10px!important}

  /* El recurso exacto de la frase se integra con blend/recorte: sin caja blanca ni borde pegado. */
  .op-slogan-img-v14{
    width:100%!important;height:78px!important;padding:0!important;
    background:transparent!important;border:0!important;overflow:hidden!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
  }
  .op-slogan-img-v14 img{
    width:188px!important;height:auto!important;max-width:none!important;
    object-fit:contain!important;mix-blend-mode:multiply!important;
    clip-path:inset(10px 18px 8px 5px)!important;
    transform:translateX(-3px)!important;
  }

  /* TINAS: cada tarjeta queda ~1/3 más angosta respecto al viewport real. */
  .op-vats-v198{
    width:95.8%!important;max-width:none!important;margin:0 auto!important;
    padding:0!important;gap:2.2%!important;justify-content:center!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
  .op-vat-card-v198{width:100%!important;min-width:0!important}
  .op-vat-head-v198{
    height:67px!important;padding:0 16px 0 20px!important;
    grid-template-columns:auto minmax(0,1fr) 52px!important;gap:8px!important;
  }
  .op-vat-head-v198 h2{font-size:38px!important;letter-spacing:-.035em!important}

  /* Tratamiento específico que tenía la propuesta, no texto corporativo ordinario. */
  .op-vat-slogan-v198{
    justify-self:center!important;text-align:center!important;
    font-family:"Comic Sans MS","Comic Neue",cursive!important;
    font-size:9.5px!important;font-weight:700!important;line-height:1.02!important;
    letter-spacing:.01em!important;transform:rotate(-2deg)!important;
    text-shadow:0 1px 0 rgba(0,0,0,.16)!important;
    padding-right:25px!important;white-space:nowrap!important;
  }
  .op-vat-slogan-v198 span{
    font-size:0!important;position:absolute!important;right:0!important;top:50%!important;
    width:22px!important;height:24px!important;transform:translateY(-50%)!important;
  }
  .op-vat-slogan-v198 span:before{
    content:""!important;position:absolute!important;left:2px!important;top:3px!important;
    width:17px!important;height:4px!important;border-radius:4px!important;background:#ffbd05!important;
    transform:rotate(24deg)!important;box-shadow:3px 8px 0 #ffbd05!important;
  }
  .op-vat-slogan-v198 span:after{
    content:""!important;position:absolute!important;left:4px!important;bottom:1px!important;
    width:16px!important;height:4px!important;border-radius:4px!important;background:#ffbd05!important;
    transform:rotate(-20deg)!important;
  }

  /* Cesta de freidora del extremo derecho: cuerpo de rejilla + asa diagonal, como la propuesta. */
  .op-basket-mark-v198{
    font-size:0!important;width:45px!important;height:29px!important;
    border:2.5px solid #8fc2bc!important;border-top:3px solid #8fc2bc!important;
    border-radius:3px 3px 7px 7px!important;opacity:.42!important;
    transform:skew(-4deg)!important;background:
      repeating-linear-gradient(90deg,transparent 0 7px,rgba(143,194,188,.9) 7px 9px),
      repeating-linear-gradient(0deg,transparent 0 7px,rgba(143,194,188,.55) 7px 9px)!important;
    position:relative!important;
  }
  .op-basket-mark-v198:before{
    content:""!important;position:absolute!important;right:-11px!important;top:-13px!important;
    width:27px!important;height:4px!important;border-radius:4px!important;background:#8fc2bc!important;
    transform:rotate(-42deg)!important;transform-origin:left center!important;
  }
  .op-basket-mark-v198:after{content:none!important}

  /* Cuerpo: reflujo para tarjeta angosta, sin sacrificar legibilidad. */
  .op-vat-body-v198{grid-template-rows:101px 65px 70px 45px 12px!important;padding:9px 12px 6px!important;gap:5px!important}
  .op-thermal-v198{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;gap:10px!important}
  .op-temp-v198{padding:0 10px 0 5px!important}
  .op-temp-v198 small{font-size:10px!important}.op-temp-v198 strong{font-size:50px!important}.op-temp-v198>span{font-size:10px!important}
  .op-status-v198{height:60px!important;min-height:60px!important;padding:6px 10px!important;gap:8px!important}
  .op-status-icon-v198{width:42px!important;height:42px!important;font-size:21px!important}.op-status-v198 b{font-size:18px!important}.op-status-v198 small{font-size:10px!important}

  .op-queue-v198{grid-template-columns:88px minmax(0,1fr) auto!important;padding:0 10px!important;gap:8px!important}
  .op-kraft-v198{width:82px!important;height:56px!important}.op-kraft-v198>img{width:82px!important;height:56px!important;max-width:82px!important}
  .op-queue-copy-v198 strong{font-size:18px!important;white-space:nowrap!important}.op-queue-copy-v198 span{font-size:11px!important}
  .op-eta-v198{min-width:86px!important;height:42px!important;grid-template-columns:28px auto!important;padding-left:8px!important;gap:2px!important}.op-eta-v198>span{font-size:25px!important}.op-eta-v198 small{font-size:8px!important}.op-eta-v198 strong{font-size:19px!important}

  .op-rec-v198{grid-template-columns:98px minmax(0,1fr)!important;padding:0 9px!important}
  .op-rec-mascot-v12{width:92px!important;height:60px!important}.op-rec-mascot-v12>img{width:92px!important;height:60px!important;max-width:92px!important}
  .op-rec-v198 small{font-size:9px!important}.op-rec-v198 strong{font-size:17px!important}.op-rec-v198 span{font-size:10px!important}

  .op-actions-v198{gap:9px!important}.op-actions-v198 button{font-size:17px!important;gap:8px!important}.op-done-check-v199{font-size:23px!important}.op-done-copy-v199 b{font-size:17px!important}.op-done-copy-v199 small{font-size:7px!important}.op-detail-icon-v198{width:34px!important;height:27px!important}
  .op-next-v199{font-size:7px!important;padding:0 5px!important}

  .op-footer-v198{padding:0 18px!important}.op-footer-script-v199{font-size:16px!important}.op-footer-caps-v199{font-size:7.5px!important;letter-spacing:.13em!important}
}

/* =============================================================
   FIX18 · MARCA INTEGRADA + ICONOS CORREGIDOS + MOBILE
   Ajuste directo sobre FIX17. No cambia mascota ni lógica.
   ============================================================= */

/* La página y la banda general comparten exactamente el mismo papel/crema.
   El logo y slogan ahora son PNG con fondo transparente. */
.op-shell-v198{
  --op-teal:#015b55;
  --op-paper:#fffaf0;
  background:var(--op-paper)!important;
}
.op-top-v198{
  background:var(--op-teal)!important;
}
.op-brand-v199{
  background:transparent!important;
}
.op-brand-v199>img{
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.op-general-v198{
  background:var(--op-paper)!important;
  box-shadow:0 3px 10px rgba(73,49,8,.055)!important;
}
.op-slogan-img-v14{
  background:transparent!important;
}
.op-slogan-img-v14 img{
  background:transparent!important;
  mix-blend-mode:normal!important;
  clip-path:none!important;
  transform:none!important;
}

/* Gorro de chef inequívoco: SVG real dentro del círculo amarillo. */
.op-chef-v198{
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  background:#ffd84f!important;
  border:2px solid #ffe786!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;
}
.op-chef-v198:before,.op-chef-v198:after{content:none!important;display:none!important}
.op-chef-hat-v17,.op-chef-hat-v13{display:none!important}
.op-chef-hat-v18{display:block!important;width:72%!important;height:72%!important;overflow:visible!important}

/* Cesta real de freidora en el encabezado de cada tina. */
.op-basket-mark-v198{
  width:62px!important;
  height:46px!important;
  display:grid!important;
  place-items:center!important;
  color:#87bdb7!important;
  opacity:.47!important;
  border:0!important;
  background:none!important;
  transform:none!important;
  filter:none!important;
  position:relative!important;
  font-size:0!important;
}
.op-basket-mark-v198:before,.op-basket-mark-v198:after{content:none!important;display:none!important}
.op-fryer-basket-v18{display:block;width:100%!important;height:100%!important;overflow:visible!important}

/* Más detalle y separación visual, sin agrandar las tarjetas. */
.op-vat-card-v198{
  box-shadow:0 5px 14px rgba(21,40,39,.07)!important;
}
.op-vat-head-v198{
  background:linear-gradient(135deg,#006b65 0%,#005b56 100%)!important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.08)!important;
}
.op-queue-v198{
  background:#f8f7f3!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
}
.op-rec-v198{
  background:#fff8e8!important;
  border-color:#efc85d!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;
}
.op-rec-v198.blue{background:#fff8e8!important;border-color:#efc85d!important}
.op-rec-v198.gold{background:#fff8e8!important;border-color:#efc85d!important}

/* El tratamiento manuscrito del slogan de cada tina queda más cercano a la propuesta. */
.op-vat-slogan-v198{
  font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  transform:rotate(-2deg)!important;
}

@media (min-width:901px) and (max-height:820px){
  .op-brand-v199>img{
    width:min(96%,255px)!important;
    max-height:70px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .op-slogan-img-v14 img{
    width:172px!important;
    height:68px!important;
    max-width:172px!important;
    object-fit:contain!important;
  }
  .op-basket-mark-v198{width:48px!important;height:38px!important}
  .op-chef-v198{width:44px!important;height:44px!important;min-width:44px!important}
  .op-chef-hat-v18{width:31px!important;height:31px!important}
}

/* Tablet portrait y celular: una sola tina por fila, sin scroll horizontal. */
@media (max-width:900px){
  html,body{max-width:100%!important;overflow-x:hidden!important}
  body.tinas-operator-v198{overflow-x:hidden!important}
  .op-shell-v198{
    width:100%!important;
    max-width:100%!important;
    min-height:100dvh!important;
    margin:0!important;
    display:grid!important;
    grid-template-rows:auto auto auto auto!important;
    overflow-x:hidden!important;
  }
  .op-top-v198{
    height:auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"brand user" "nav nav"!important;
    padding:0 10px!important;
    gap:0 8px!important;
    align-items:center!important;
  }
  .op-brand-v199{grid-area:brand!important;height:72px!important;padding:0!important;overflow:hidden!important}
  .op-brand-v199>img{width:min(230px,74vw)!important;height:68px!important;max-height:68px!important;object-fit:contain!important;object-position:left center!important}
  .op-time-v198{display:none!important}
  .op-user-v198{grid-area:user!important;display:flex!important;height:46px!important;padding:0 4px 0 8px!important;gap:6px!important;background:transparent!important;border-left:0!important}
  .op-user-v198>span{width:34px!important;height:34px!important;font-size:0!important}
  .op-user-v198 small{font-size:8px!important}.op-user-v198 b{font-size:12px!important}.op-user-v198 i{font-size:14px!important}
  .op-nav-v198{
    grid-area:nav!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:6px!important;
    padding:5px 0 8px!important;
    overflow:visible!important;
    border-top:1px solid rgba(255,255,255,.12)!important;
  }
  .op-nav-v198 button{width:100%!important;min-width:0!important;height:46px!important;padding:4px 6px!important;border-radius:10px!important;font-size:12px!important}
  .op-nav-ico-v13{transform:scale(.88)!important}

  .op-general-v198{
    margin:8px!important;
    width:calc(100% - 16px)!important;
    height:auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    overflow:hidden!important;
    border-radius:14px!important;
  }
  .op-shift-v198{padding:10px 14px!important;border-right:0!important;border-bottom:1px solid #e0d9c8!important;gap:10px!important}
  .op-shift-v198>span{width:34px!important;height:34px!important}
  .op-shift-v198 b{font-size:14px!important}.op-shift-v198 small{font-size:9px!important}
  .op-general-copy-v198{height:auto!important;padding:10px 14px!important;gap:10px!important}
  .op-chef-v198{width:42px!important;height:42px!important;min-width:42px!important}
  .op-chef-hat-v18{width:29px!important;height:29px!important}
  .op-general-copy-v198 small{font-size:9px!important}.op-general-copy-v198 strong{font-size:19px!important}.op-general-copy-v198 div>span{font-size:10px!important;white-space:normal!important}
  .op-slogan-img-v14{height:48px!important;width:100%!important;justify-content:flex-end!important;padding:0 10px 5px!important}
  .op-slogan-img-v14 img{width:140px!important;height:46px!important;object-fit:contain!important}

  .op-vats-v198{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 8px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    overflow:visible!important;
  }
  .op-vat-card-v198{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}
  .op-vat-head-v198{height:62px!important;padding:0 14px!important;grid-template-columns:auto minmax(0,1fr) 48px!important;gap:8px!important}
  .op-vat-head-v198 h2{font-size:38px!important}
  .op-vat-slogan-v198{font-size:9px!important;padding-right:22px!important}
  .op-basket-mark-v198{width:44px!important;height:34px!important}

  .op-vat-body-v198{height:auto!important;display:grid!important;grid-template-rows:auto auto auto auto auto!important;padding:10px!important;gap:7px!important;overflow:visible!important}
  .op-thermal-v198{min-height:94px!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:8px!important}
  .op-temp-v198{padding:0 8px 0 2px!important}
  .op-temp-v198 small{font-size:9px!important}.op-temp-v198 strong{font-size:46px!important}.op-temp-v198>span{font-size:9px!important}
  .op-status-v198{min-height:58px!important;height:auto!important;padding:7px 9px!important;gap:7px!important}
  .op-status-icon-v198{width:40px!important;height:40px!important;font-size:19px!important}.op-status-v198 b{font-size:17px!important}.op-status-v198 small{font-size:9px!important}
  .op-queue-v198{min-height:64px!important;grid-template-columns:78px minmax(0,1fr) auto!important;padding:4px 8px!important;gap:8px!important}
  .op-kraft-v198,.op-kraft-v198>img{width:72px!important;height:52px!important;max-width:72px!important}
  .op-queue-copy-v198 strong{font-size:17px!important}.op-queue-copy-v198 span{font-size:10px!important}
  .op-rec-v198{min-height:66px!important;grid-template-columns:86px minmax(0,1fr)!important;padding:3px 8px!important}
  .op-rec-mascot-v12,.op-rec-mascot-v12>img{width:80px!important;height:56px!important;max-width:80px!important}
  .op-rec-v198 small{font-size:8px!important}.op-rec-v198 strong{font-size:16px!important}.op-rec-v198 span{font-size:9px!important}
  .op-actions-v198{min-height:48px!important;gap:8px!important}
  .op-actions-v198 button{min-height:48px!important;font-size:16px!important}
  .op-detail-icon-v198{width:32px!important;height:25px!important}
  .op-next-v199{font-size:7px!important;white-space:normal!important}
  .op-footer-v198{display:flex!important;height:auto!important;min-height:34px!important;padding:6px 12px!important;gap:8px!important}
  .op-footer-script-v199{font-size:15px!important}.op-footer-caps-v199{font-size:7px!important}
}

@media (max-width:430px){
  .op-brand-v199>img{width:min(196px,68vw)!important;height:62px!important;max-height:62px!important}
  .op-user-v198>div{display:none!important}
  .op-user-v198{width:42px!important;padding:0!important;justify-content:center!important}
  .op-general-v198{margin:6px!important;width:calc(100% - 12px)!important}
  .op-slogan-img-v14{justify-content:center!important}
  .op-vat-head-v198 h2{font-size:34px!important}
  .op-vat-slogan-v198{font-size:8px!important}
  .op-thermal-v198{grid-template-columns:42% 58%!important}
  .op-status-v198 b{font-size:15px!important}
  .op-queue-v198{grid-template-columns:68px minmax(0,1fr) auto!important}
  .op-kraft-v198,.op-kraft-v198>img{width:64px!important;height:48px!important;max-width:64px!important}
  .op-rec-v198{grid-template-columns:76px minmax(0,1fr)!important}
  .op-rec-mascot-v12,.op-rec-mascot-v12>img{width:72px!important;height:52px!important;max-width:72px!important}
  .op-actions-v198 button{font-size:15px!important}
  .op-footer-v198{display:none!important}
}

/* =============================================================
   FIX19 · INTEGRACIÓN VISUAL REAL SOBRE FIX18
   - Logo horizontal usa el recurso aprobado completo, sin chroma-key.
   - Barra superior usa el mismo teal del recurso para eliminar seams.
   - Slogan superior derecho se dibuja con HTML/CSS, sin imagen pegada.
   - Rayos de slogans de Tina quedan contenidos y nunca se recortan.
   - Mascota, caja kraft y lógica operativa permanecen sin cambios.
   ============================================================= */
.op-shell-v198{--op-teal:#015452!important;--op-paper:#fffaf0!important}
.op-top-v198{background:#015452!important}

/* Marca: recurso aprobado completo, sin transparencia artificial ni recorte. */
.op-brand-v199{
  background:#015452!important;
  overflow:visible!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
}
.op-brand-v199>img{
  display:block!important;
  width:auto!important;
  height:min(100%,130px)!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:#015452!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  mix-blend-mode:normal!important;
}

/* Recomendación general: mismo papel de la página, sin mosaicos de imagen. */
.op-general-v198{
  background:#fffaf0!important;
  overflow:visible!important;
  box-shadow:0 3px 10px rgba(73,49,8,.045)!important;
}
.op-slogan-img-v14{display:none!important}
.op-slogan-text-v19{
  position:relative!important;
  justify-self:end!important;
  align-self:center!important;
  width:220px!important;
  min-width:220px!important;
  height:86px!important;
  padding:10px 18px 8px 34px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  gap:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  transform:rotate(-2deg)!important;
  color:#122239!important;
  font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive!important;
  font-weight:900!important;
  font-style:italic!important;
  line-height:.9!important;
  text-align:center!important;
}
.op-slogan-text-v19>span{display:block!important;font-size:23px!important;letter-spacing:-.03em!important;white-space:nowrap!important}
.op-slogan-text-v19>b{
  display:block!important;width:92px!important;height:6px!important;background:#ea3025!important;
  border-radius:999px!important;transform:rotate(-8deg)!important;margin:8px 0 0 38px!important;
}
.op-slogan-ray-v19{position:absolute!important;display:block!important;width:30px!important;height:5px!important;background:#f6b700!important;border-radius:999px!important;left:4px!important;transform-origin:center!important}
.op-slogan-ray-v19.r1{top:27px!important;transform:rotate(24deg)!important}
.op-slogan-ray-v19.r2{top:43px!important;left:0!important;transform:rotate(0deg)!important}
.op-slogan-ray-v19.r3{top:59px!important;transform:rotate(-22deg)!important}

/* Slogans de Tina: tratamiento integrado y rayos dentro del encabezado. */
.op-vat-slogan-v198{
  font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive!important;
  font-style:italic!important;
  font-weight:900!important;
  letter-spacing:.015em!important;
  line-height:1.03!important;
  position:relative!important;
  padding-right:34px!important;
  transform:rotate(-2deg)!important;
  overflow:visible!important;
}
.op-vat-slogan-v198>span:not(.op-vat-rays-v19){display:none!important}
.op-vat-rays-v19{
  position:absolute!important;right:2px!important;top:50%!important;transform:translateY(-50%)!important;
  width:28px!important;height:34px!important;display:block!important;overflow:visible!important;
  margin:0!important;font-size:0!important;color:transparent!important;
}
.op-vat-rays-v19 i{position:absolute!important;display:block!important;width:22px!important;height:5px!important;background:#f8b800!important;border-radius:999px!important;right:0!important}
.op-vat-rays-v19 i:nth-child(1){top:3px!important;transform:rotate(24deg)!important}
.op-vat-rays-v19 i:nth-child(2){top:14px!important;transform:rotate(2deg)!important}
.op-vat-rays-v19 i:nth-child(3){top:25px!important;transform:rotate(-22deg)!important}

/* Cesta de freidora: más contraste, sin clipping. */
.op-basket-mark-v198{overflow:visible!important;padding:0!important}
.op-fryer-basket-v18{display:block!important;width:100%!important;height:100%!important;overflow:visible!important;stroke-linecap:round!important;stroke-linejoin:round!important}

/* Desktop corto: mantener proporción aprobada sin comprimir marca/slogan. */
@media (min-width:901px) and (max-height:820px){
  .op-brand-v199>img{width:auto!important;height:80px!important;max-height:80px!important;max-width:100%!important}
  .op-slogan-text-v19{width:190px!important;min-width:190px!important;height:70px!important;padding:6px 12px 6px 30px!important}
  .op-slogan-text-v19>span{font-size:19px!important}
  .op-slogan-text-v19>b{width:78px!important;height:5px!important;margin-top:6px!important}
  .op-slogan-ray-v19{width:24px!important;height:4px!important;left:2px!important}
  .op-slogan-ray-v19.r1{top:22px!important}.op-slogan-ray-v19.r2{top:35px!important}.op-slogan-ray-v19.r3{top:49px!important}
}

/* Tablet / móvil: la marca no se corta y el slogan general es texto nativo. */
@media (max-width:900px){
  .op-brand-v199{height:70px!important;overflow:visible!important;background:#015452!important}
  .op-brand-v199>img{width:auto!important;height:70px!important;max-width:min(280px,72vw)!important;object-fit:contain!important;object-position:left center!important}
  .op-slogan-text-v19{width:100%!important;min-width:0!important;height:62px!important;padding:6px 16px 6px 34px!important;justify-self:stretch!important;margin:0!important}
  .op-slogan-text-v19>span{font-size:18px!important}
  .op-slogan-text-v19>b{width:72px!important;height:5px!important;margin-top:5px!important}
  .op-vat-slogan-v198{padding-right:30px!important}
}
@media (max-width:520px){
  .op-brand-v199{height:62px!important}
  .op-brand-v199>img{height:62px!important;max-width:min(228px,70vw)!important}
  .op-slogan-text-v19>span{font-size:16px!important}
  .op-slogan-text-v19{height:56px!important;padding-left:30px!important}
}

/* =============================================================
   FIX20 · OPERADOR COMPLETO · DISPONIBILIDAD + ÓRDENES + REPORTES
   - LIBRE/OCUPADA separado de estado térmico.
   - Navegación operador conserva la misma piel en Tinas/Órdenes/Reportes.
   - Reportes de operador son sólo operativos, sin costos/admin.
   ============================================================= */
body.tinas-operator-v198 #page-servicio,
body.tinas-operator-v198 #page-espera,
body.tinas-operator-v198 #page-reportes{
  margin:0!important;padding:0!important;background:var(--op-paper,#fffaf0)!important;min-height:100vh!important;
}

/* Disponibilidad de la Tina: LIBRE significa sin tanda asignada; el estado térmico sigue aparte. */
.op-vat-title-v20{display:grid!important;align-content:center!important;justify-items:start!important;gap:3px!important;min-width:0!important}
.op-vat-title-v20 h2{margin:0!important}
.op-availability-v20{display:inline-flex!important;align-items:center!important;gap:5px!important;height:19px!important;padding:0 8px!important;border-radius:999px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(255,255,255,.55)!important;color:#183243!important;font-size:9px!important;line-height:1!important;font-weight:900!important;letter-spacing:.055em!important;box-shadow:0 1px 3px rgba(0,0,0,.10)!important;white-space:nowrap!important}
.op-availability-v20 i{width:7px!important;height:7px!important;border-radius:50%!important;background:#8a969c!important;box-shadow:0 0 0 2px rgba(138,150,156,.16)!important}
.op-availability-v20.free{color:#086a38!important}.op-availability-v20.free i{background:#15a650!important;box-shadow:0 0 0 2px rgba(21,166,80,.18)!important}
.op-availability-v20.busy{color:#9a3e13!important}.op-availability-v20.busy i{background:#ef7c20!important;box-shadow:0 0 0 2px rgba(239,124,32,.18)!important}
.op-availability-v20.cleaning{color:#8b6512!important}.op-availability-v20.cleaning i{background:#e6ad25!important}
.op-availability-v20.out{color:#7d2530!important}.op-availability-v20.out i{background:#bb3144!important}
.op-vat-card-v198 .op-vat-head-v198{grid-template-columns:auto minmax(0,1fr) auto!important}

/* Subpáginas de operador usan exactamente el mismo shell visual. */
.op-sub-shell-v20{min-height:100vh!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important}
.op-subpage-v20{width:min(920px,100%)!important;margin:0 auto!important;padding:14px 28px 4px!important;position:relative!important;z-index:1!important;box-sizing:border-box!important}
.op-subhero-v20{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:20px!important;min-height:96px!important;padding:16px 22px!important;margin-bottom:14px!important;border:2px solid #efcb5f!important;border-radius:18px!important;background:#fffaf0!important;box-shadow:0 3px 10px rgba(73,49,8,.045)!important}
.op-subhero-v20>div:first-child>small{display:block!important;font-size:10px!important;font-weight:900!important;letter-spacing:.10em!important;color:#0d7168!important;margin-bottom:2px!important}
.op-subhero-v20 h1{margin:0!important;font-size:28px!important;line-height:1.04!important;color:#102338!important;letter-spacing:-.035em!important}
.op-subhero-v20 p{margin:4px 0 0!important;font-size:12px!important;color:#435663!important;max-width:570px!important}
.op-subhero-side-v20{display:flex!important;align-items:center!important;gap:12px!important;justify-content:flex-end!important}
.op-subhero-side-v20>span{font-size:12px!important;color:#314f5a!important;white-space:nowrap!important}.op-subhero-side-v20>span b{font-size:20px!important;color:#102338!important}
.op-vat-mini-strip-v20{display:flex!important;gap:7px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important}
.op-mini-vat-v20{display:grid!important;grid-template-columns:auto auto!important;align-items:center!important;gap:2px 7px!important;border:1px solid #d9dedf!important;border-radius:12px!important;background:#fff!important;padding:7px 9px!important;min-width:92px!important;box-shadow:0 2px 6px rgba(15,45,48,.045)!important}
.op-mini-vat-v20 b{font-size:9px!important;color:#4a5d66!important}.op-mini-vat-v20 strong{font-size:11px!important;letter-spacing:.04em!important}.op-mini-vat-v20.free strong{color:#078348!important}.op-mini-vat-v20.busy strong{color:#c65b12!important}.op-mini-vat-v20.cleaning strong{color:#9a7014!important}.op-mini-vat-v20.out strong{color:#a5263b!important}

.op-panel-v20{background:#fff!important;border:2px solid #d9dfdf!important;border-radius:18px!important;padding:14px!important;box-shadow:0 4px 12px rgba(24,43,47,.055)!important;min-width:0!important}
.op-panel-head-v20{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:10px!important}.op-panel-head-v20 small{display:block!important;font-size:9px!important;letter-spacing:.10em!important;font-weight:900!important;color:#0c7169!important}.op-panel-head-v20 h2{margin:1px 0 0!important;font-size:20px!important;line-height:1.05!important}.op-panel-head-v20>b{min-width:38px!important;height:38px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#e9f7ef!important;color:#078348!important;font-size:18px!important}

/* Órdenes operador */
.op-orders-grid-v20{display:grid!important;grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr)!important;gap:14px!important;align-items:start!important}
.op-orders-board-v20 .wait-kiosk-status{margin:0 0 10px!important}
.op-orders-board-v20 .wait-board-groups{display:grid!important;gap:9px!important}
.op-orders-board-v20 .wait-board-group{border:0!important;background:transparent!important;padding:0!important}
.op-orders-board-v20 .wait-board-title{margin-bottom:5px!important}.op-orders-board-v20 .wait-board-title b{font-size:11px!important}.op-orders-board-v20 .wait-board-title small{font-size:8px!important}
.op-orders-board-v20 .wait-customer-orders{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
.op-orders-board-v20 .wait-order{min-height:58px!important;padding:7px 9px!important;border-radius:12px!important}.op-orders-board-v20 .wait-order>b{font-size:18px!important}.op-orders-board-v20 .wait-order-meta span{font-size:8px!important}.op-orders-board-v20 .wait-order-eta{font-size:9px!important}
.op-track-v20{display:grid!important;gap:10px!important}.op-track-form-v20{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important}.op-track-form-v20 input{height:42px!important;border:2px solid #d5dadb!important;border-radius:10px!important;padding:0 12px!important;font-size:16px!important;font-weight:800!important;min-width:0!important}.op-mini-action-v20{height:42px!important;border:0!important;border-radius:10px!important;background:#08736c!important;color:#fff!important;font-weight:900!important;padding:0 14px!important}
.op-track-v20 .wait-track-result{margin:0!important}.op-track-foot-v20{display:grid!important;gap:3px!important}.op-track-foot-v20 .btn{width:100%!important}.op-now-v20 .wait-now-grid{grid-template-columns:1fr!important;gap:6px!important}.op-now-v20 .wait-now-option{padding:8px 10px!important;border-radius:10px!important}.op-now-v20 .wait-now-option span{font-size:8px!important}
.op-subhero-v20 .wait-connection{min-width:112px!important;padding:6px 8px!important;border-radius:10px!important}.op-subhero-v20 .wait-connection b{font-size:9px!important}.op-subhero-v20 .wait-connection span{display:none!important}

/* Reporte operador */
.op-report-metrics-v20{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important;margin-bottom:14px!important}.op-report-metrics-v20>div{background:#fff!important;border:2px solid #dbe0e0!important;border-radius:16px!important;padding:13px 14px!important;display:grid!important;gap:1px!important}.op-report-metrics-v20 small{font-size:9px!important;letter-spacing:.08em!important;font-weight:900!important;color:#0c7169!important}.op-report-metrics-v20 b{font-size:30px!important;line-height:1!important;color:#102338!important}.op-report-metrics-v20 span{font-size:9px!important;color:#52636b!important}
.op-report-grid-v20{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}.op-vat-report-v20{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}.op-vat-report-v20>div{border:1px solid #e1e4e4!important;border-radius:13px!important;padding:12px!important;background:#fafaf7!important;display:grid!important;gap:3px!important}.op-vat-report-v20 span{font-size:11px!important;font-weight:800!important}.op-vat-report-v20 strong{font-size:18px!important}.op-vat-report-v20 strong.free{color:#078348!important}.op-vat-report-v20 strong.busy{color:#c65b12!important}.op-vat-report-v20 strong.cleaning{color:#9a7014!important}.op-vat-report-v20 strong.out{color:#a5263b!important}.op-vat-report-v20 small{font-size:9px!important;color:#52636b!important}.op-recent-orders-v20{display:grid!important;gap:6px!important}.op-recent-orders-v20>div{display:grid!important;grid-template-columns:72px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;border-bottom:1px solid #edf0ef!important;padding:6px 2px!important}.op-recent-orders-v20 b{font-size:14px!important}.op-recent-orders-v20 span{font-size:11px!important;font-weight:750!important}.op-recent-orders-v20 small{font-size:9px!important;color:#64727a!important}.op-empty-line-v20{font-size:11px!important;color:#69787d!important;padding:12px!important;text-align:center!important}

/* El slogan superior debe sentirse dibujado SOBRE la banda, no como un sticker. */
.op-slogan-text-v19{filter:none!important;text-shadow:none!important}
.op-slogan-text-v19:after{content:""!important;position:absolute!important;inset:-8px -5px!important;background:radial-gradient(ellipse at center,rgba(255,250,240,.88) 0%,rgba(255,250,240,.40) 58%,rgba(255,250,240,0) 76%)!important;z-index:-1!important;pointer-events:none!important}

/* Mobile real para las tres vistas operador */
@media(max-width:900px){
  .op-vat-title-v20{gap:1px!important}.op-availability-v20{height:17px!important;padding:0 6px!important;font-size:8px!important}.op-availability-v20 i{width:6px!important;height:6px!important}
  .op-sub-shell-v20{display:block!important;min-height:100dvh!important}
  .op-subpage-v20{width:100%!important;padding:8px!important}
  .op-subhero-v20{grid-template-columns:1fr!important;gap:9px!important;min-height:0!important;padding:12px!important;margin-bottom:9px!important}.op-subhero-v20 h1{font-size:22px!important}.op-subhero-v20 p{font-size:10px!important}.op-subhero-side-v20{justify-content:flex-start!important;flex-wrap:wrap!important}
  .op-vat-mini-strip-v20{justify-content:flex-start!important}.op-mini-vat-v20{min-width:84px!important;padding:6px 8px!important}
  .op-orders-grid-v20,.op-report-grid-v20{grid-template-columns:1fr!important;gap:9px!important}.op-report-metrics-v20{grid-template-columns:repeat(2,1fr)!important;gap:7px!important}.op-report-metrics-v20>div{padding:10px!important}.op-report-metrics-v20 b{font-size:25px!important}
  .op-orders-board-v20 .wait-customer-orders{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:480px){
  .op-subpage-v20{padding:6px!important}.op-orders-board-v20 .wait-customer-orders{grid-template-columns:1fr!important}.op-report-metrics-v20{grid-template-columns:1fr 1fr!important}.op-vat-report-v20{grid-template-columns:1fr!important}.op-track-form-v20{grid-template-columns:1fr!important}.op-mini-action-v20{width:100%!important}
}


/* =============================================================
   FIX21 · DETALLE OPERADOR + NAVEGACIÓN PERSISTENTE
   - Detalle hereda la misma piel del operador; no expone panel técnico admin.
   - Slogan superior y firma inferior compactados contra la referencia aprobada.
   - Tinas/Órdenes/Reportes permanecen en presentación operador hasta salir explícitamente.
   ============================================================= */

/* Slogan superior: proporción compacta de la referencia, sin aspecto de sticker. */
.op-slogan-text-v19{
  width:146px!important;min-width:146px!important;height:66px!important;
  padding:4px 7px 4px 26px!important;gap:0!important;transform:rotate(-2deg)!important;
  background:transparent!important;box-shadow:none!important;border:0!important;
  font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive!important;
  line-height:.86!important;
}
.op-slogan-text-v19>span{font-size:17px!important;letter-spacing:-.045em!important;line-height:.86!important}
.op-slogan-text-v19>b{width:70px!important;height:4px!important;margin:5px 0 0 26px!important;transform:rotate(-8deg)!important}
.op-slogan-ray-v19{width:20px!important;height:4px!important;left:0!important}
.op-slogan-ray-v19.r1{top:20px!important}.op-slogan-ray-v19.r2{top:31px!important}.op-slogan-ray-v19.r3{top:42px!important}
.op-slogan-text-v19:after{display:none!important}

/* Firma inferior: más compacta y con subrayado integrado como en la propuesta. */
.op-footer-script-v199{
  font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive!important;
  font-size:17px!important;line-height:1!important;font-style:italic!important;font-weight:900!important;
  letter-spacing:-.03em!important;padding-bottom:6px!important;
}
.op-footer-script-v199 span{left:58px!important;bottom:1px!important;width:76px!important;height:4px!important;transform:rotate(-5deg)!important}

/* Detalle operador: misma gramática visual de la pantalla principal. */
#modalBox.op-detail-modal-v21{
  width:min(620px,calc(100vw - 24px))!important;max-height:min(92vh,780px)!important;
  padding:0!important;border-radius:20px!important;overflow:auto!important;background:#fffaf0!important;
  border:3px solid #e7c65d!important;box-shadow:0 24px 70px rgba(5,37,38,.34)!important;
}
.op-detail-sheet-v21{--od-teal:#015452;--od-ink:#102338;--od-paper:#fffaf0;color:var(--od-ink);font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--od-paper)}
.op-detail-head-v21{min-height:84px;padding:14px 18px;background:var(--od-teal);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px}
.op-detail-head-v21 small{display:block;font-size:9px;letter-spacing:.11em;font-weight:900;color:#f7d56a}.op-detail-head-v21 h3{margin:2px 0 0!important;font-size:32px;line-height:1;color:#fff}
.op-detail-availability-v21{display:grid;grid-template-columns:auto auto;align-items:center;gap:1px 6px;padding:8px 10px;border-radius:12px;background:#fff;color:#173043;min-width:145px}
.op-detail-availability-v21 i{grid-row:1/3;width:10px;height:10px;border-radius:50%;background:#8b979d}.op-detail-availability-v21 b{font-size:13px;line-height:1}.op-detail-availability-v21 small{font-size:8px;color:#617179;letter-spacing:0;font-weight:700}.op-detail-availability-v21.free i{background:#15a650}.op-detail-availability-v21.busy i{background:#ef7c20}.op-detail-availability-v21.cleaning i{background:#e6ad25}.op-detail-availability-v21.out i{background:#bb3144}
.op-detail-overview-v21{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 18px 10px}.op-detail-temp-v21,.op-detail-status-v21{border-radius:16px;min-height:104px;padding:13px 15px;box-sizing:border-box}
.op-detail-temp-v21{background:#fff;border:1px solid #dfe5e4}.op-detail-temp-v21 small{display:block;font-size:10px;color:#56676e}.op-detail-temp-v21 strong{display:block;font-size:42px;line-height:1.05;letter-spacing:-.045em;margin:4px 0;color:#102338}.op-detail-temp-v21 span{font-size:10px;color:#56676e}
.op-detail-status-v21{display:flex;align-items:center;gap:12px;background:#eef1f2}.op-detail-status-v21>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#84929a;color:#fff;font-size:26px;font-weight:900}.op-detail-status-v21 div{display:grid;gap:2px}.op-detail-status-v21 b{font-size:20px}.op-detail-status-v21 small{font-size:10px;color:#506068}.op-detail-status-v21.ready{background:#e9f8ee}.op-detail-status-v21.ready>span{background:#16a34a}.op-detail-status-v21.heating{background:#fff1df}.op-detail-status-v21.heating>span{background:#f07800}.op-detail-status-v21.off{background:#eef1f2}.op-detail-status-v21.idle{background:#fff7dc}.op-detail-status-v21.idle>span{background:#d5a319}
.op-detail-facts-v21{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 18px 10px}.op-detail-facts-v21>div{background:#fff;border:1px solid #e0e4e3;border-radius:12px;padding:10px;min-width:0}.op-detail-facts-v21 small{display:block;font-size:8px;color:#607078;margin-bottom:3px}.op-detail-facts-v21 b{display:block;font-size:11px;line-height:1.2;overflow-wrap:anywhere}
.op-detail-rec-v21{margin:0 18px 10px;padding:11px 13px;border:1.5px solid #efc960;border-radius:14px;background:#fff8e7;display:grid;gap:2px}.op-detail-rec-v21 span{font-size:9px;font-weight:900;color:#a76000}.op-detail-rec-v21 b{font-size:18px;line-height:1.05}.op-detail-rec-v21 small{font-size:10px;color:#52626a}
.op-detail-controls-v21{margin:0 18px 12px;padding:12px;border-radius:14px;background:#fff;border:1px solid #dde3e2;display:grid;gap:9px}.op-detail-section-title-v21 small{display:block;font-size:8px;letter-spacing:.11em;font-weight:900;color:#0b716a}.op-detail-section-title-v21 b{font-size:15px}.op-detail-controls-v21 .btn{min-height:42px;border-radius:10px;font-weight:900}.op-detail-controls-v21>small{font-size:10px;color:#53636b}.op-detail-note-v21{border-radius:10px;background:#f4f6f5;padding:10px;font-size:11px;color:#54646c}.op-detail-controls-v21 .op-detail-assign-v198>div{border-color:#e1e4e3;background:#fbfbf8}
.op-detail-foot-v21{display:flex;justify-content:flex-end;gap:8px;padding:0 18px 16px}.op-detail-close-v21,.op-detail-incident-v21{min-height:42px;border-radius:10px;padding:0 16px;font-weight:900}.op-detail-close-v21{border:0;background:#015452;color:#fff}.op-detail-incident-v21{border:1px solid #c7ced0;background:#fff;color:#243843}

@media(max-width:900px){
  .op-slogan-text-v19{width:126px!important;min-width:126px!important;height:58px!important;padding-left:23px!important}.op-slogan-text-v19>span{font-size:15px!important}.op-slogan-text-v19>b{width:62px!important;height:4px!important;margin-left:22px!important}.op-slogan-ray-v19{width:18px!important;height:3px!important}.op-slogan-ray-v19.r1{top:18px!important}.op-slogan-ray-v19.r2{top:28px!important}.op-slogan-ray-v19.r3{top:38px!important}
  #modalBox.op-detail-modal-v21{width:calc(100vw - 14px)!important;max-height:94dvh!important;border-radius:16px!important}.op-detail-head-v21{min-height:70px;padding:11px 12px}.op-detail-head-v21 h3{font-size:27px}.op-detail-availability-v21{min-width:118px;padding:7px 8px}.op-detail-availability-v21 small{display:none}.op-detail-overview-v21{grid-template-columns:1fr;padding:10px 12px 8px}.op-detail-temp-v21,.op-detail-status-v21{min-height:82px}.op-detail-temp-v21 strong{font-size:36px}.op-detail-facts-v21{grid-template-columns:1fr 1fr;padding:0 12px 8px}.op-detail-facts-v21>div:nth-child(2){grid-column:1/-1}.op-detail-rec-v21,.op-detail-controls-v21{margin-left:12px;margin-right:12px}.op-detail-foot-v21{padding:0 12px 12px;display:grid;grid-template-columns:1fr 1fr}.op-detail-foot-v21 button{width:100%}
}
@media(max-width:480px){.op-detail-facts-v21{grid-template-columns:1fr}.op-detail-facts-v21>div:nth-child(2){grid-column:auto}.op-detail-foot-v21{grid-template-columns:1fr}.op-footer-script-v199{font-size:15px!important}.op-footer-script-v199 span{left:50px!important;width:68px!important}}


/* FIX22 · Registrar incidencia dentro de Vista operador */
#modalBox.op-incident-modal-v22{width:min(650px,calc(100vw - 24px))!important;background:#fffaf0!important}
.op-incident-sheet-v22{font-family:Inter,Segoe UI,Arial,sans-serif;color:#102338;background:#fffaf0}
.op-incident-head-v22{min-height:88px;padding:14px 18px;background:#015452;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px}
.op-incident-head-v22 small{display:block;color:#f7d56a;font-size:9px;font-weight:900;letter-spacing:.11em}.op-incident-head-v22 h3{margin:2px 0 3px!important;color:#fff;font-size:30px;line-height:1}.op-incident-head-v22 span{font-size:10px;color:#dbeeed}
.op-incident-context-v22{min-width:116px;border-radius:13px;background:#fff;color:#173043;padding:8px 10px;text-align:center;display:grid;gap:2px}.op-incident-context-v22 b{font-size:13px}.op-incident-context-v22 small{font-size:10px;color:#5d6c73;letter-spacing:0}
.op-incident-form-v22{padding:14px 16px 16px;display:grid;gap:10px}
.op-incident-block-v22{background:#fff;border:1px solid #dde3e2;border-radius:14px;padding:11px}.op-incident-title-v22{display:flex;align-items:center;gap:9px;margin-bottom:9px}.op-incident-title-v22>small{width:24px;height:24px;border-radius:50%;background:#f7c21c;display:grid;place-items:center;font-weight:900;color:#173043}.op-incident-title-v22 div{display:grid;gap:1px}.op-incident-title-v22 b{font-size:14px}.op-incident-title-v22 span{font-size:9px;color:#65747a}
.op-incident-choice-grid-v22{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.op-incident-choice-grid-v22 label,.op-incident-severity-v22 label{cursor:pointer}.op-incident-choice-grid-v22 input,.op-incident-severity-v22 input{position:absolute;opacity:0;pointer-events:none}.op-incident-choice-grid-v22 span{min-height:62px;border:1.5px solid #dce2e1;border-radius:11px;display:grid;place-items:center;align-content:center;gap:3px;background:#fbfcfa;font-size:20px}.op-incident-choice-grid-v22 span b{font-size:9px}.op-incident-choice-grid-v22 input:checked+span{border-color:#0a8077;background:#eaf7f4;box-shadow:0 0 0 2px rgba(10,128,119,.10)}
.op-incident-severity-v22{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.op-incident-severity-v22 span{display:grid;place-items:center;min-height:40px;border-radius:10px;border:1.5px solid #dde2e1;background:#fbfcfa;font-size:10px;font-weight:900}.op-incident-severity-v22 input:checked+span.info{background:#eaf3ff;border-color:#6aa7e8;color:#1f5f9b}.op-incident-severity-v22 input:checked+span.warning{background:#fff3d1;border-color:#e6b636;color:#855d00}.op-incident-severity-v22 input:checked+span.critical{background:#ffe6e8;border-color:#d95b68;color:#9f2633}
.op-incident-block-v22 textarea{width:100%;box-sizing:border-box;border:1.5px solid #ccd5d4;border-radius:11px;background:#fffdf8;padding:10px 11px;font:inherit;font-size:12px;line-height:1.35;resize:vertical;min-height:88px}.op-incident-block-v22 textarea:focus{outline:3px solid rgba(247,194,28,.25);border-color:#dca900}
.op-incident-foot-v22{display:grid;grid-template-columns:1fr 1.3fr;gap:8px}.op-incident-foot-v22 button{min-height:44px;border-radius:11px;font-weight:900}.op-incident-cancel-v22{background:#fff;border:1.5px solid #bdc7c8;color:#31454d}.op-incident-submit-v22{background:#f7c21c;border:0;color:#172b36}
@media(max-width:620px){#modalBox.op-incident-modal-v22{width:calc(100vw - 12px)!important;max-height:95dvh!important}.op-incident-head-v22{min-height:72px;padding:11px 12px}.op-incident-head-v22 h3{font-size:25px}.op-incident-choice-grid-v22{grid-template-columns:repeat(2,1fr)}.op-incident-choice-grid-v22 label:last-child{grid-column:1/-1}.op-incident-choice-grid-v22 span{min-height:50px}.op-incident-form-v22{padding:10px}.op-incident-foot-v22{grid-template-columns:1fr}.op-incident-context-v22{min-width:92px}}

/* =============================================================
   FIX23 · MOBILE OPERADOR DEDICADO
   Mobile deja de ser el desktop reducido: selector de Tina, cabecera
   compacta, recomendación compacta y una sola Tina activa por vez.
   Desktop/tablet landscape no cambia.
   ============================================================= */
.op-mobile-vat-switch-v23{display:none}

@media (max-width:620px){
  html:has(body.tinas-operator-v198),body.tinas-operator-v198{
    height:auto!important;min-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;background:#fffaf0!important
  }
  body.tinas-operator-v198 .app,
  body.tinas-operator-v198 .workspace,
  body.tinas-operator-v198 .content,
  body.tinas-operator-v198 #page-servicio,
  body.tinas-operator-v198 #page-espera,
  body.tinas-operator-v198 #page-reportes{
    height:auto!important;min-height:100dvh!important;overflow:visible!important
  }
  .op-shell-v198{
    width:100%!important;max-width:100%!important;min-height:100dvh!important;margin:0!important;
    display:block!important;background:#fffaf0!important;overflow:visible!important
  }
  .op-shell-v198:before{display:none!important}

  /* Header móvil: marca + perfil en una fila, navegación compacta abajo. */
  .op-top-v198{
    position:sticky!important;top:0!important;z-index:40!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;
    grid-template-areas:"brand user" "nav nav"!important;
    height:108px!important;min-height:108px!important;padding:0 8px!important;gap:0 6px!important;
    background:#015452!important;box-shadow:0 2px 9px rgba(0,35,34,.16)!important
  }
  .op-brand-v199{grid-area:brand!important;height:58px!important;min-width:0!important;padding:0!important;overflow:hidden!important;background:#015452!important;display:flex!important;align-items:center!important}
  .op-brand-v199>img{display:block!important;width:auto!important;height:54px!important;max-width:min(220px,calc(100vw - 66px))!important;max-height:54px!important;object-fit:contain!important;object-position:left center!important;background:transparent!important}
  .op-time-v198{display:none!important}
  .op-user-v198{grid-area:user!important;width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;margin:0!important;justify-content:center!important;gap:0!important;border:0!important;background:transparent!important}
  .op-user-v198>span{width:34px!important;height:34px!important;border-radius:50%!important;background:#fff!important;color:#015452!important;display:grid!important;place-items:center!important;font-size:0!important;position:relative!important}
  .op-user-v198>span:before{content:"";width:10px;height:10px;border-radius:50%;background:#015452;position:absolute;top:7px;left:12px}
  .op-user-v198>span:after{content:"";width:18px;height:9px;border-radius:10px 10px 7px 7px;background:#015452;position:absolute;bottom:7px;left:8px}
  .op-user-v198>div,.op-user-v198>i{display:none!important}
  .op-nav-v198{grid-area:nav!important;width:100%!important;height:50px!important;padding:3px 0 6px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;border-top:1px solid rgba(255,255,255,.13)!important;overflow:visible!important}
  .op-nav-v198 button{height:42px!important;min-width:0!important;width:100%!important;padding:3px 4px!important;border-radius:11px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;font-size:11px!important;line-height:1!important}
  .op-nav-v198 button.active{box-shadow:inset 0 0 0 2px rgba(213,157,0,.26),0 2px 4px rgba(0,0,0,.12)!important}
  .op-nav-ico-v13{transform:scale(.72)!important;transform-origin:center!important;margin:0!important}
  .op-nav-v198 button b{font-size:11px!important;line-height:1!important}

  /* En móvil la cabecera operativa se resume: estado + recomendación, sin ocupar media pantalla. */
  .op-general-v198{
    width:calc(100% - 12px)!important;margin:6px!important;height:78px!important;min-height:78px!important;
    display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;align-items:stretch!important;
    border-radius:14px!important;overflow:hidden!important;background:#fffaf0!important;border:2px solid #e6c34f!important;
    box-shadow:0 2px 7px rgba(68,46,8,.05)!important
  }
  .op-shift-v198{min-width:0!important;height:100%!important;padding:7px 8px!important;border:0!important;border-right:1px solid #ddd4bd!important;display:grid!important;grid-template-columns:28px 1fr!important;align-content:center!important;gap:7px!important}
  .op-shift-v198>span{width:28px!important;height:28px!important;min-width:28px!important}
  .op-shift-v198 b{font-size:10px!important;line-height:1.05!important;white-space:normal!important}.op-shift-v198 small{display:block!important;font-size:7px!important;line-height:1.1!important;margin-top:2px!important}
  .op-general-copy-v198{height:100%!important;min-width:0!important;padding:7px 8px!important;gap:7px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important}
  .op-chef-v198{width:34px!important;height:34px!important;min-width:34px!important;border-width:1.5px!important}.op-chef-hat-v18{width:24px!important;height:24px!important}
  .op-general-copy-v198 small{font-size:7.5px!important;line-height:1!important}.op-general-copy-v198 strong{font-size:15px!important;line-height:1.02!important;margin:2px 0!important;white-space:normal!important}.op-general-copy-v198 div>span{font-size:8px!important;line-height:1.15!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .op-slogan-text-v19,.op-slogan-img-v14{display:none!important}

  /* Elemento exclusivo de celular: selector de Tina con estado y temperatura. */
  .op-mobile-vat-switch-v23{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;width:calc(100% - 12px)!important;
    margin:0 6px 6px!important;padding:0!important
  }
  .op-mobile-vat-switch-v23 button{
    min-width:0!important;height:48px!important;border:1.5px solid #d7d5ca!important;border-radius:13px!important;background:#fff!important;
    display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto!important;align-items:center!important;
    padding:5px 9px!important;color:#173043!important;text-align:left!important;box-shadow:0 1px 4px rgba(0,0,0,.04)!important
  }
  .op-mobile-vat-switch-v23 button span{font-size:14px!important;font-weight:950!important;line-height:1!important}
  .op-mobile-vat-switch-v23 button b{grid-row:2;grid-column:1;font-size:8px!important;letter-spacing:.05em!important;line-height:1!important;color:#607077!important}
  .op-mobile-vat-switch-v23 button small{grid-row:1/3;grid-column:2;font-size:18px!important;font-weight:950!important;color:#173043!important}
  .op-mobile-vat-switch-v23 button.active{border-color:#0c8b67!important;background:#effbf5!important;box-shadow:inset 0 0 0 1px rgba(12,139,103,.15)!important}
  .op-mobile-vat-switch-v23 button.active span{color:#07653f!important}.op-mobile-vat-switch-v23 button.active b{color:#0a8654!important}

  /* Una sola Tina activa en celular. El swipe horizontal también cambia de Tina. */
  .op-vats-v198{width:100%!important;max-width:100%!important;padding:0 6px 8px!important;margin:0!important;display:block!important;overflow:visible!important}
  .op-vat-card-v198{display:none!important;width:100%!important;max-width:none!important;margin:0!important;border-width:3px!important;border-radius:18px!important;box-shadow:0 4px 12px rgba(26,45,43,.08)!important}
  .op-vat-card-v198.op-mobile-active-v23{display:grid!important}
  .op-vat-head-v198{height:58px!important;min-height:58px!important;padding:0 12px!important;grid-template-columns:minmax(0,1fr) auto 36px!important;gap:7px!important;border-radius:14px 14px 0 0!important}
  .op-vat-title-v20{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}.op-vat-title-v20 h2{font-size:31px!important;line-height:1!important;letter-spacing:-.035em!important}.op-availability-v20{height:17px!important;padding:0 6px!important;font-size:7.5px!important;flex:none!important}.op-availability-v20 i{width:6px!important;height:6px!important}
  .op-vat-slogan-v198{font-size:7.5px!important;line-height:1.05!important;padding:0!important;transform:rotate(-2deg)!important;white-space:nowrap!important}.op-vat-rays-v19{transform:scale(.68)!important;transform-origin:left center!important;margin-left:4px!important}
  .op-basket-mark-v198{width:34px!important;height:27px!important;opacity:.42!important}

  .op-vat-body-v198{height:auto!important;padding:8px!important;display:grid!important;grid-template-rows:92px 58px 62px 46px 18px!important;gap:6px!important;overflow:visible!important;background:#fff!important}
  .op-thermal-v198{height:92px!important;min-height:92px!important;display:grid!important;grid-template-columns:42% 58%!important;gap:7px!important;align-items:center!important}
  .op-temp-v198{height:92px!important;padding:7px 8px 6px 2px!important;border-right:1px solid #c7ced1!important;border-bottom:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
  .op-temp-v198 small{font-size:8px!important;line-height:1!important}.op-temp-v198 strong{font-size:44px!important;line-height:.93!important;margin:4px 0!important}.op-temp-v198 strong sup{font-size:.42em!important;margin-left:2px!important}.op-temp-v198>span{font-size:8px!important;line-height:1.05!important;margin-top:2px!important}
  .op-status-v198{height:58px!important;min-height:58px!important;padding:6px 8px!important;border-radius:23px!important;gap:7px!important}
  .op-status-icon-v198{width:38px!important;height:38px!important;min-width:38px!important;font-size:18px!important}.op-status-v198 b{font-size:15px!important;line-height:1!important}.op-status-v198 small{font-size:8px!important;line-height:1.05!important;margin-top:3px!important}

  .op-queue-v198{height:58px!important;min-height:58px!important;margin:0!important;grid-template-columns:61px minmax(0,1fr) auto!important;padding:2px 8px!important;gap:6px!important;border-radius:15px!important;overflow:hidden!important}
  .op-kraft-v198,.op-kraft-v198>img{width:58px!important;height:48px!important;max-width:58px!important;object-fit:contain!important}.op-queue-copy-v198 strong{font-size:16px!important;line-height:1!important}.op-queue-copy-v198 span{font-size:9px!important;line-height:1!important;margin-top:3px!important}.op-eta-v198{padding-left:7px!important}.op-eta-v198 strong{font-size:17px!important}.op-eta-v198 small{font-size:7px!important}

  .op-rec-v198,.op-rec-v198.blue,.op-rec-v198.gold{height:62px!important;min-height:62px!important;margin:0!important;grid-template-columns:67px minmax(0,1fr)!important;padding:2px 7px!important;border-radius:15px!important;border-width:1.5px!important;overflow:hidden!important;background:#fff8e8!important}
  .op-rec-mascot-v12,.op-rec-mascot-v12>img{width:62px!important;height:54px!important;max-width:62px!important;object-fit:contain!important}.op-rec-v198 small{font-size:7.5px!important;line-height:1!important}.op-rec-v198 strong{font-size:15px!important;line-height:1.02!important;margin:2px 0!important}.op-rec-v198 span{font-size:8px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

  .op-actions-v198{height:46px!important;min-height:46px!important;margin:0!important;gap:6px!important}.op-actions-v198 button{height:46px!important;min-height:46px!important;border-radius:10px!important;font-size:14px!important;gap:6px!important}.op-done-check-v199{font-size:20px!important}.op-done-copy-v199 b{font-size:14px!important}.op-done-copy-v199 small{font-size:6.5px!important}.op-detail-icon-v198{width:28px!important;height:23px!important;transform:scale(.82)!important}
  .op-next-v199{height:18px!important;min-height:18px!important;padding:2px 4px 0!important;font-size:7px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

  .op-footer-v198{display:none!important}

  /* Subvistas operador: mismas proporciones de móvil, sin ancho de escritorio. */
  .op-subpage-v20{padding:6px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.op-subhero-v20{border-radius:14px!important;padding:12px!important;gap:10px!important}.op-subhero-v20 h1{font-size:23px!important}.op-subhero-v20 p{font-size:10px!important}.op-orders-grid-v20,.op-report-grid-v20,.op-report-metrics-v20{grid-template-columns:1fr!important;gap:8px!important}.op-panel-v20{border-radius:14px!important;padding:10px!important}
}

@media (max-width:380px){
  .op-top-v198{grid-template-columns:minmax(0,1fr) 40px!important;height:104px!important;min-height:104px!important}.op-brand-v199>img{height:50px!important;max-width:min(194px,calc(100vw - 60px))!important}.op-nav-v198{height:48px!important}.op-nav-v198 button{height:40px!important}.op-general-v198{grid-template-columns:100px minmax(0,1fr)!important;height:74px!important;min-height:74px!important}.op-general-copy-v198 strong{font-size:14px!important}.op-vat-title-v20 h2{font-size:28px!important}.op-vat-slogan-v198{font-size:7px!important}.op-vat-body-v198{padding:7px!important}.op-temp-v198 strong{font-size:40px!important}.op-status-v198 b{font-size:13px!important}.op-rec-v198 strong{font-size:14px!important}.op-actions-v198 button{font-size:13px!important}
}


/* FIX24 · Estados térmicos visuales del operador */
.op-status-v198{position:relative;overflow:hidden;transition:background .18s ease,border-color .18s ease,color .18s ease}
.op-status-v198 .op-status-icon-v198{box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);transition:background .18s ease}
.op-status-v198 .op-status-icon-v198 svg{width:56%;height:56%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.op-status-v198.nodata{background:#eef2f4}.op-status-v198.nodata .op-status-icon-v198{background:#7d8b95;color:#fff}.op-status-v198.nodata b{color:#46545d}
.op-status-v198.off{background:#edf0f2}.op-status-v198.off .op-status-icon-v198{background:#4f5d66;color:#fff}.op-status-v198.off b{color:#35424a}
.op-status-v198.idle1{background:#e9f4ff}.op-status-v198.idle1 .op-status-icon-v198{background:#4a9df3;color:#fff}.op-status-v198.idle1 b{color:#145ea8}
.op-status-v198.idle2{background:#e7efff}.op-status-v198.idle2 .op-status-icon-v198{background:#3478d4;color:#fff}.op-status-v198.idle2 b{color:#164f9d}
.op-status-v198.heating{background:#fff0dc}.op-status-v198.heating .op-status-icon-v198{background:#f28a00;color:#fff}.op-status-v198.heating b{color:#b94a00}
.op-status-v198.recovering{background:#f0eafe}.op-status-v198.recovering .op-status-icon-v198{background:#7752d8;color:#fff}.op-status-v198.recovering b{color:#5637a8}
.op-status-v198.ready{background:#e8f8ec}.op-status-v198.ready .op-status-icon-v198{background:#16a34a;color:#fff}.op-status-v198.ready b{color:#0b6f31}
.op-status-v198.active{background:#fff0e9}.op-status-v198.active .op-status-icon-v198{background:#ef5b2a;color:#fff}.op-status-v198.active b{color:#b83f19}
.op-status-v198.cleaning{background:#e8f7fc}.op-status-v198.cleaning .op-status-icon-v198{background:#2f9fd3;color:#fff}.op-status-v198.cleaning b{color:#17688f}
.op-status-v198 small{max-width:26ch}
@media(max-width:760px){
  .op-status-v198 .op-status-icon-v198 svg{width:58%;height:58%}
  .op-status-v198 small{max-width:none}
}


/* =============================================================
   FIX25 · CICLO DE ACCIÓN OPERADOR
   HECHO / NO LO HICE / INCIDENCIA + cierre visual de recomendación
   ============================================================= */
.op-action-zone-v25{min-width:0;display:grid;grid-template-rows:45px 18px;gap:5px}
.op-actions-v25{display:grid;grid-template-columns:1.12fr 1fr .9fr;gap:7px;height:45px;min-height:45px}
.op-actions-v25 button{min-width:0;height:45px;min-height:45px;border-radius:10px;font:inherit;font-weight:900;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 9px;cursor:pointer}
.op-actions-v25 button>span{font-size:20px;line-height:1;flex:none}
.op-actions-v25 button>div{min-width:0;display:flex;flex-direction:column;align-items:flex-start;line-height:1}
.op-actions-v25 button b{font-size:13px;line-height:1;white-space:nowrap}
.op-actions-v25 button small{font-size:7px;line-height:1.05;margin-top:3px;white-space:nowrap;opacity:.84}
.op-done-v25{border:0;color:#fff;box-shadow:0 2px 5px rgba(0,72,68,.14)}
.op-done-v25.teal{background:linear-gradient(135deg,#08756e,#005e59)}
.op-done-v25.yellow{background:linear-gradient(135deg,#ffc21a,#ffad0c);color:#3b2d00}
.op-notdone-v25{border:1.5px solid #b9c0c3;background:#fff;color:#314650}
.op-notdone-v25:hover{background:#f5f7f7}
.op-incident-v25{border:1.5px solid #e4b7a3;background:#fff8f3;color:#99451d}
.op-incident-v25.critical{border-color:#d64545;background:#fff0f0;color:#9d1f28}
.op-actions-v25 button[aria-busy="true"]{opacity:.62;pointer-events:none}

.op-next-v25{min-width:0;height:18px;min-height:18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:5px;padding:0 3px;font-size:7.5px;line-height:1;color:#37536a}
.op-next-v25>b{color:#1767c6;white-space:nowrap}
.op-next-v25>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.op-next-v25.warn>b{color:#a15818}
.op-next-v25>button{height:18px;min-height:18px;border:0;background:transparent;color:#314650;padding:0 4px;display:flex;align-items:center;gap:3px;font-weight:900;cursor:pointer}
.op-next-v25>button .op-detail-icon-v198{width:16px!important;height:13px!important;transform:scale(.48)!important;transform-origin:center!important;margin:-4px!important}
.op-next-v25>button strong{font-size:7px}
.op-action-confirmed-v25{height:45px;min-height:45px;border:1.5px solid #95d3ae;background:linear-gradient(90deg,#eaf9ef,#f7fff9);border-radius:11px;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;padding:4px 9px;gap:8px;color:#165c34}
.op-action-confirmed-v25>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#19a65b;color:#fff;font-size:20px;font-weight:1000}
.op-action-confirmed-v25>div{min-width:0;display:grid;grid-template-columns:auto 1fr;column-gap:6px;align-items:center}
.op-action-confirmed-v25 small{grid-column:1/-1;font-size:7px;line-height:1;color:#4e7861;font-weight:900;letter-spacing:.03em}
.op-action-confirmed-v25 b{font-size:12px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.op-action-confirmed-v25 em{font-size:8px;line-height:1.05;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#3e5f4d}

.op-incident-badge-v25{display:inline-flex!important;align-items:center!important;height:17px!important;padding:0 6px!important;border-radius:999px!important;font-size:7px!important;line-height:1!important;font-weight:950!important;white-space:nowrap!important}
.op-incident-badge-v25.info{background:#e8f4ff!important;color:#246396!important;border:1px solid #bcd9f0!important}
.op-incident-badge-v25.warning{background:#fff4d7!important;color:#8f5a00!important;border:1px solid #e8c669!important}
.op-incident-badge-v25.critical{background:#fff0f0!important;color:#9c2630!important;border:1px solid #e2a4aa!important}
.op-availability-v20.blocked{color:#8f252c!important;background:#fff5f5!important;border-color:#e4a4aa!important}
.op-availability-v20.blocked i{background:#c83440!important;box-shadow:0 0 0 2px rgba(200,52,64,.14)!important}

.op-detail-head-right-v25{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.op-detail-incident-open-v25{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:900;line-height:1.1}
.op-detail-incident-open-v25.info{background:#e8f4ff;color:#246396}
.op-detail-incident-open-v25.warning{background:#fff4d7;color:#8f5a00}
.op-detail-incident-open-v25.critical{background:#fff0f0;color:#9c2630}
.op-detail-note-v21.critical{border:1px solid #e1a6ab;background:#fff1f2;color:#85242d;border-radius:10px;padding:10px 12px}

/* El body de una tarjeta ahora tiene 4 bloques: térmico, cola, recomendación, acción+next. */
@media (min-width:901px) and (max-height:820px){
  .op-vat-body-v198{grid-template-rows:101px 65px 70px 68px!important}
}
@media (min-width:761px){
  .op-action-zone-v25{grid-template-rows:45px 18px}
}

/* Móvil: mismas tres respuestas, targets táctiles y sin sumar una pantalla extra. */
@media (max-width:760px){
  .op-vat-body-v198{grid-template-rows:92px 58px 62px 96px!important}
  .op-action-zone-v25{grid-template-rows:70px 20px;gap:6px}
  .op-actions-v25{height:70px;min-height:70px;grid-template-columns:1fr 1fr 1fr;gap:5px}
  .op-actions-v25 button{height:70px;min-height:70px;border-radius:10px;padding:4px 5px;display:flex;flex-direction:column;gap:3px;text-align:center}
  .op-actions-v25 button>span{font-size:22px}
  .op-actions-v25 button>div{align-items:center}
  .op-actions-v25 button b{font-size:11px;white-space:normal}
  .op-actions-v25 button small{font-size:6.5px;white-space:normal}
  .op-action-confirmed-v25{height:70px;min-height:70px;grid-template-columns:42px minmax(0,1fr);padding:6px 9px}
  .op-action-confirmed-v25>span{width:37px;height:37px;font-size:23px}
  .op-action-confirmed-v25>div{display:block}
  .op-action-confirmed-v25 small{display:block;font-size:6.5px}
  .op-action-confirmed-v25 b{display:block;font-size:13px;margin:3px 0}
  .op-action-confirmed-v25 em{display:block;font-size:7.5px}
  .op-next-v25{height:20px;min-height:20px;font-size:6.5px;grid-template-columns:auto minmax(0,1fr) auto auto}
  .op-next-v25>button strong{font-size:6.5px}
  .op-incident-badge-v25{height:15px!important;font-size:6.5px!important;padding:0 5px!important}
}
@media (max-width:380px){
  .op-actions-v25 button b{font-size:10px}
  .op-actions-v25 button small{font-size:6px}
  .op-next-v25{font-size:6px}
}

/* =============================================================
   FIX26 · DISPONIBILIDAD MANUAL DE TINAS
   Operador + Administración. No cambia perilla ni estado térmico.
   ============================================================= */
.op-availability-v20{font:inherit!important}
.op-availability-v20.clickable{cursor:pointer!important;appearance:none!important}
.op-availability-v20.clickable:hover{transform:translateY(-1px);box-shadow:0 2px 5px rgba(0,0,0,.16)!important}
.op-availability-v20.clickable em{font-style:normal;font-size:8px;line-height:1;margin-left:1px}
.op-availability-v20:disabled{opacity:1!important;cursor:default!important}
.op-availability-v20.manualoff{color:#6f3750!important;background:#fff4f8!important;border-color:#dda9bf!important}
.op-availability-v20.manualoff i{background:#b14f79!important;box-shadow:0 0 0 2px rgba(177,79,121,.14)!important}
.op-mini-vat-v20.manualoff strong{color:#963f66!important}

.vat-admin-availability-v26{border:1px solid #c9d5d8;background:#fff;border-radius:999px;padding:5px 8px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font:inherit;font-size:10px;font-weight:900}
.vat-admin-availability-v26 i{width:7px;height:7px;border-radius:50%}
.vat-admin-availability-v26.free{color:#176f3d;background:#eef9f2;border-color:#b9ddc6}.vat-admin-availability-v26.free i{background:#19a65b}
.vat-admin-availability-v26.manualoff{color:#8e3a60;background:#fff2f7;border-color:#e0adc3}.vat-admin-availability-v26.manualoff i{background:#b14f79}
.vat-admin-availability-v26 span{font-size:9px;opacity:.75}
.vat.manual-disabled-v26{border-color:#d9a8bc;background:#fffafd}
.vat-manual-disabled-note-v26{margin:8px 0 10px;border:1px solid #e2afc4;background:#fff3f8;color:#70374f;border-radius:11px;padding:9px 10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}
.vat-manual-disabled-note-v26 b{font-size:10px;letter-spacing:.04em}.vat-manual-disabled-note-v26 span{font-size:10px;min-width:0}.vat-manual-disabled-note-v26 button{border:0;border-radius:8px;background:#8e3a60;color:#fff;padding:6px 9px;font-weight:900;cursor:pointer}

.vat-manual-modal-v26{min-width:min(560px,90vw);display:grid;gap:14px}
.vat-manual-modal-v26 header{display:grid;gap:3px}.vat-manual-modal-v26 header small{font-size:9px;font-weight:900;letter-spacing:.08em;color:#68777d}.vat-manual-modal-v26 header h3{font-size:28px;margin:0;color:#17384a}.vat-manual-modal-v26 header span{font-size:11px;color:#66767d}
.vat-manual-confirm-v26{display:grid;gap:12px}.vat-manual-state-v26{border:1px solid #dbe3e5;border-radius:13px;padding:12px;display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center}.vat-manual-state-v26>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:1000}.vat-manual-state-v26 small{display:block;font-size:8px;font-weight:900;letter-spacing:.06em}.vat-manual-state-v26 b{display:block;font-size:19px}.vat-manual-state-v26 p{margin:2px 0 0;font-size:10px;color:#66767d}.vat-manual-state-v26.free{background:#f3faf6;border-color:#c8e4d2}.vat-manual-state-v26.free>span{background:#19a65b;color:#fff}.vat-manual-state-v26.off{background:#fff4f8;border-color:#e0adc3}.vat-manual-state-v26.off>span{background:#b14f79;color:#fff}
.vat-manual-confirm-v26 label{display:grid;gap:5px;font-size:10px;font-weight:900}.vat-manual-confirm-v26 select,.vat-manual-confirm-v26 input{min-height:42px;border:1px solid #cad4d8;border-radius:9px;padding:0 10px;font:inherit;background:#fff}.vat-manual-actions-v26{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vat-manual-actions-v26 .btn{min-height:44px}
.vat-manual-modal-v26.operator header{background:linear-gradient(135deg,#006d67,#004f4c);color:#fff;margin:-20px -20px 0;padding:16px 20px}.vat-manual-modal-v26.operator header h3,.vat-manual-modal-v26.operator header span,.vat-manual-modal-v26.operator header small{color:#fff}

@media(max-width:620px){
  .op-availability-v20.clickable{max-width:126px!important}.op-availability-v20.clickable b{overflow:hidden;text-overflow:ellipsis}
  .vat-manual-modal-v26{min-width:0}.vat-manual-actions-v26{grid-template-columns:1fr}.vat-manual-actions-v26 .btn{min-height:50px}
  .vat-manual-disabled-note-v26{grid-template-columns:1fr}.vat-manual-disabled-note-v26 button{min-height:38px}
}

/* =============================================================
   FIX27 · FLUJO OPERATIVO COMPLETO · VENTA ↔ ÓRDENES ↔ TINAS
   + RETORNO UNIVERSAL A ADMINISTRACIÓN
   ============================================================= */
body.tinas-operator-v198 #page-ventas{
  margin:0!important;padding:0!important;background:#fffaf0!important;min-height:100vh!important;
}

/* Cuarta pestaña: Venta */
.op-nav-sales-v27{width:25px!important;height:24px!important;border:2px solid currentColor!important;border-radius:5px!important;position:relative!important;margin-top:1px!important}
.op-nav-sales-v27:before{content:"$";position:absolute;inset:0;display:grid;place-items:center;font-size:15px;font-weight:950;line-height:1;color:currentColor}
.op-nav-sales-v27:after{content:"";position:absolute;left:4px;right:4px;bottom:-6px;height:3px;border:2px solid currentColor;border-top:0;border-radius:0 0 4px 4px}

/* Botón exclusivo del administrador cuando está usando la piel de operador. */
.op-admin-exit-v27{
  position:fixed!important;right:12px!important;bottom:12px!important;z-index:120!important;
  min-width:78px!important;height:38px!important;padding:0 11px!important;border:1px solid rgba(0,73,70,.24)!important;border-radius:999px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  background:rgba(255,255,255,.94)!important;color:#075d59!important;box-shadow:0 4px 16px rgba(0,40,38,.15)!important;
  font-size:11px!important;font-weight:900!important;letter-spacing:.035em!important;backdrop-filter:blur(6px)!important
}
.op-admin-exit-v27 span{font-size:11px!important;transform:rotate(45deg)!important;display:inline-block!important;color:#e8ad19!important}
.op-admin-exit-v27:hover{background:#fff!important;transform:translateY(-1px)!important}

/* Venta de operador: se conserva el POS real y se agrega el puente vivo con cocina. */
.op-sales-kitchen-v27{
  width:min(1500px,calc(100% - 24px))!important;margin:10px auto 8px!important;padding:10px 12px!important;
  border:2px solid #e8c758!important;border-radius:16px!important;background:linear-gradient(180deg,#fffdf6,#fff8e8)!important;
  box-shadow:0 3px 10px rgba(74,51,8,.055)!important;color:#173043!important;box-sizing:border-box!important
}
.op-sales-kitchen-head-v27{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:8px!important}
.op-sales-kitchen-head-v27 small{display:block!important;font-size:9px!important;font-weight:950!important;letter-spacing:.11em!important;color:#087169!important}
.op-sales-kitchen-head-v27 b{display:block!important;font-size:17px!important;line-height:1.05!important}
.op-sales-kitchen-actions-v27{display:flex!important;gap:6px!important}
.op-sales-kitchen-actions-v27 button{height:32px!important;padding:0 11px!important;border:1px solid #b9c9c8!important;border-radius:10px!important;background:#fff!important;color:#075d59!important;font-weight:900!important;font-size:11px!important}
.op-sales-kitchen-body-v27{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important;align-items:stretch!important}
.op-sales-vats-v27{display:grid!important;grid-template-columns:repeat(2,minmax(105px,1fr))!important;gap:7px!important}
.op-sales-vats-v27 button{min-width:110px!important;border:1px solid #d2d9d8!important;border-radius:12px!important;background:#fff!important;padding:7px 9px!important;text-align:left!important;color:#173043!important;display:grid!important;gap:1px!important}
.op-sales-vats-v27 button span{font-size:10px!important;font-weight:900!important;color:#5a6b73!important}.op-sales-vats-v27 button b{font-size:12px!important}.op-sales-vats-v27 button small{font-size:10px!important;color:#465d66!important}
.op-sales-vats-v27 button.free b{color:#087b46!important}.op-sales-vats-v27 button.busy b{color:#c35f18!important}.op-sales-vats-v27 button.cleaning b{color:#95690c!important}.op-sales-vats-v27 button.out b{color:#a1273b!important}
.op-sales-orders-v27{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
.op-sales-orders-v27>button{min-width:0!important;border:1px solid #d8dcda!important;border-radius:12px!important;background:#fff!important;padding:7px 9px!important;text-align:left!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:2px 8px!important;color:#173043!important}
.op-sales-orders-v27>button>span{grid-column:1/-1!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.op-sales-orders-v27>button>b{font-size:10px!important;letter-spacing:.03em!important}.op-sales-orders-v27>button>small{font-size:10px!important;text-align:right!important;color:#586b73!important}
.op-sales-orders-v27 b.ready,.op-sales-orders-v27 b.done{color:#07834a!important}.op-sales-orders-v27 b.cooking{color:#d35a12!important}.op-sales-orders-v27 b.assigned{color:#8c6310!important}.op-sales-orders-v27 b.waiting{color:#65737a!important}
.op-sales-empty-v27{height:100%!important;min-height:46px!important;border:1px dashed #cbd3d1!important;border-radius:12px!important;background:rgba(255,255,255,.55)!important;padding:7px 10px!important;display:flex!important;align-items:center!important;gap:8px!important}.op-sales-empty-v27 b{font-size:11px!important}.op-sales-empty-v27 span{font-size:10px!important;color:#66777e!important}
body.tinas-operator-v198 #page-ventas>.sales-shell-v128{padding-top:2px!important}

/* Órdenes del operador: tres estados de decisión, no tablero técnico. */
.op-order-lanes-v27{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
.op-order-lane-v27{border:1px solid #d9dfdf!important;border-radius:13px!important;background:#fbfcfb!important;padding:8px!important}
.op-order-lane-v27.now{border-color:#a9d8bd!important;background:#f6fcf8!important}.op-order-lane-v27.next{border-color:#ecd06e!important;background:#fffaf0!important}
.op-order-lane-head-v27{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:6px!important}
.op-order-lane-head-v27 small{display:block!important;font-size:8px!important;font-weight:950!important;letter-spacing:.1em!important;color:#087169!important}.op-order-lane-head-v27 h3{margin:0!important;font-size:15px!important;line-height:1!important;color:#16313d!important}.op-order-lane-head-v27>b{width:24px!important;height:24px!important;border-radius:50%!important;background:#fff!important;border:1px solid #d9dfdf!important;display:grid!important;place-items:center!important;font-size:11px!important}
.op-order-lane-list-v27{display:grid!important;gap:7px!important}
.op-order-lane-empty-v27{padding:8px!important;border-radius:9px!important;background:rgba(255,255,255,.7)!important;color:#6a777d!important;font-size:10px!important;text-align:center!important}
.op-order-card-v27{border:1px solid #d9dfdf!important;border-radius:12px!important;background:#fff!important;padding:8px!important;display:grid!important;gap:6px!important;box-shadow:0 2px 6px rgba(25,42,44,.035)!important}
.op-order-card-v27>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.op-order-card-v27>header small{display:block!important;font-size:7px!important;letter-spacing:.1em!important;color:#6a7b82!important;font-weight:900!important}.op-order-card-v27>header strong{font-size:19px!important;line-height:1!important;color:#102338!important}
.op-order-state-v27{font-size:9px!important;font-weight:950!important;letter-spacing:.045em!important;padding:5px 7px!important;border-radius:999px!important;background:#eef1f1!important;color:#5e6d73!important}.op-order-state-v27.ready,.op-order-state-v27.done{background:#e8f6ee!important;color:#087b46!important}.op-order-state-v27.cooking{background:#fff0e6!important;color:#c95613!important}.op-order-state-v27.assigned{background:#fff6d8!important;color:#8a650d!important}
.op-order-product-v27{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:8px!important}.op-order-product-v27 b{font-size:12px!important}.op-order-product-v27 span{font-size:9px!important;color:#6b7b82!important}
.op-order-tasks-v27{display:grid!important;gap:5px!important}
.op-order-task-v27{border-radius:9px!important;background:#f5f7f7!important;padding:6px 7px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;align-items:center!important}.op-order-task-v27>div:first-child b{display:block!important;font-size:10px!important}.op-order-task-v27>div:first-child span{display:block!important;font-size:8px!important;font-weight:900!important;color:#687980!important;margin-top:1px!important}
.op-order-task-v27.cooking{background:#fff3e9!important}.op-order-task-v27.done{background:#edf8f1!important}.op-order-task-v27.cleaning{background:#eef8fb!important}
.op-order-task-actions-v27{display:flex!important;gap:4px!important;flex-wrap:wrap!important;justify-content:flex-end!important}.op-order-task-actions-v27 .btn{min-height:27px!important;height:27px!important;padding:0 7px!important;font-size:8px!important;border-radius:8px!important}
.op-order-open-vat-v27,.op-order-deliver-v27,.op-order-track-v27{height:28px!important;border:0!important;border-radius:8px!important;padding:0 9px!important;font-weight:900!important;font-size:9px!important}.op-order-open-vat-v27{background:#e7f5f4!important;color:#076a65!important}.op-order-deliver-v27{background:#087a48!important;color:#fff!important}.op-order-track-v27{background:#edf0f1!important;color:#243d48!important}
.op-order-card-v27>footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;border-top:1px solid #edf0ef!important;padding-top:5px!important}.op-order-card-v27>footer>span{font-size:9px!important;font-weight:900!important;color:#4f646c!important}

@media (min-width:901px){
  /* Cuatro pestañas sin ensanchar la cabecera ni afectar la marca. */
  .op-nav-v198{gap:clamp(5px,.85vw,11px)!important}
  .op-nav-v198 button{min-width:clamp(74px,6.8vw,96px)!important;padding-left:7px!important;padding-right:7px!important}
  body.tinas-operator-v198 #page-ventas{height:100dvh!important;overflow:auto!important}
  body.tinas-operator-v198 #page-ventas>.op-top-v198{position:sticky!important;top:0!important;z-index:45!important;height:clamp(86px,13.5vh,108px)!important}
}

@media (max-width:900px){
  body.tinas-operator-v198 #page-ventas{height:auto!important;min-height:100dvh!important;overflow:visible!important}
  .op-nav-v198{grid-template-columns:repeat(4,1fr)!important;gap:4px!important}
  .op-nav-v198 button{font-size:10px!important;padding-left:2px!important;padding-right:2px!important}
  .op-nav-v198 button b{font-size:10px!important}
  .op-sales-kitchen-v27{width:calc(100% - 12px)!important;margin:6px!important;padding:8px!important;border-radius:14px!important}
  .op-sales-kitchen-head-v27 b{font-size:14px!important}.op-sales-kitchen-head-v27 small{font-size:7px!important}.op-sales-kitchen-actions-v27 button{height:28px!important;padding:0 8px!important;font-size:9px!important}
  .op-sales-kitchen-body-v27{grid-template-columns:1fr!important;gap:6px!important}.op-sales-vats-v27{grid-template-columns:1fr 1fr!important}.op-sales-vats-v27 button{min-width:0!important;padding:6px 8px!important}.op-sales-orders-v27{grid-template-columns:1fr!important}.op-sales-orders-v27>button{padding:6px 8px!important}
  .op-admin-exit-v27{right:8px!important;bottom:8px!important;width:38px!important;min-width:38px!important;height:38px!important;padding:0!important}.op-admin-exit-v27 b{display:none!important}
}

@media (max-width:620px){
  .op-order-lane-v27{padding:6px!important}.op-order-card-v27{padding:7px!important}.op-order-card-v27>header strong{font-size:17px!important}.op-order-product-v27 b{font-size:11px!important}.op-order-task-v27{grid-template-columns:1fr!important}.op-order-task-actions-v27{justify-content:flex-start!important}.op-order-task-actions-v27 .btn{font-size:8px!important}
}

/* FIX28 · pedido de prueba $0 cuando falta precio comercial */
.sales-demo-order-v28{width:100%;min-height:50px;border:2px dashed #c47b11;border-radius:12px;background:#fff7e6;color:#6d4300;font-weight:900;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;margin-top:8px}
.sales-demo-order-v28:hover{background:#fff0cb}.sales-demo-order-v28:disabled{opacity:.5;cursor:not-allowed}
.sales-demo-note-v28{display:block;color:#765c31;line-height:1.35;margin:6px 2px 10px;text-align:center}
@media(max-width:620px){.sales-demo-order-v28{min-height:46px;font-size:14px}.sales-demo-note-v28{font-size:11px}}

/* =============================================================
   FIX29 · PEDIDO PRUEBA VISIBLE + SIGUIENTE PASO LEGIBLE
   Operación: demos visibles sin contaminar Reportes comerciales.
   ============================================================= */
.op-order-head-state-v29{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
.op-order-demo-v29{display:inline-flex!important;align-items:center!important;min-height:22px!important;padding:0 7px!important;border-radius:999px!important;background:#fff1c4!important;border:1px solid #e7bd39!important;color:#7a5200!important;font-size:8px!important;font-weight:950!important;letter-spacing:.055em!important;white-space:nowrap!important}
.op-order-card-v27.demo-v29{border-color:#e7c756!important;background:linear-gradient(180deg,#fffef9,#fffbeb)!important}

/* La fila inferior deja de ser microscópica: siguiente paso + Detalle se leen y se tocan. */
.op-action-zone-v25{grid-template-rows:46px 31px!important;gap:5px!important;min-height:82px!important;overflow:visible!important}
.op-actions-v25{height:46px!important;min-height:46px!important}
.op-actions-v25 button{height:46px!important;min-height:46px!important}
.op-next-v25{
  height:31px!important;min-height:31px!important;padding:0 6px 0 8px!important;gap:7px!important;
  grid-template-columns:auto minmax(0,1fr) auto auto!important;
  border:1px solid #dbe5e7!important;border-radius:9px!important;background:#f8fbfb!important;
  font-size:10.5px!important;line-height:1.08!important;color:#334e5c!important;overflow:visible!important
}
.op-next-v25>b{font-size:10px!important;font-weight:950!important;color:#1767c6!important}
.op-next-v25>span{font-size:10px!important;font-weight:750!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.op-next-v25>button{
  height:25px!important;min-height:25px!important;padding:0 8px!important;border:1px solid #c8d6d8!important;border-radius:8px!important;
  background:#fff!important;color:#193d49!important;gap:5px!important;box-shadow:0 1px 2px rgba(17,48,58,.04)!important
}
.op-next-v25>button .op-detail-icon-v198{width:18px!important;height:15px!important;transform:scale(.64)!important;margin:-3px!important}
.op-next-v25>button strong{font-size:9.5px!important;line-height:1!important}
.op-next-v25>button.incident{border-color:#e1b49f!important;background:#fff8f4!important;color:#8e441f!important}

/* Cuatro bloques reales: térmico / cola / recomendación / acciones+next. */
@media (min-width:761px){
  .op-vat-body-v198{grid-template-rows:minmax(88px,1.12fr) 61px 64px 82px!important;gap:5px!important;padding-bottom:7px!important}
  .op-queue-v198{height:61px!important;min-height:61px!important}
  .op-rec-v198{height:64px!important;min-height:64px!important}
  .op-rec-mascot-v12{height:62px!important}
}

@media (max-width:760px){
  .op-vat-body-v198{grid-template-rows:92px 58px 62px 110px!important}
  .op-action-zone-v25{grid-template-rows:70px 34px!important;min-height:110px!important;gap:6px!important}
  .op-next-v25{height:34px!important;min-height:34px!important;font-size:9px!important;gap:5px!important;padding:0 5px!important}
  .op-next-v25>b,.op-next-v25>span{font-size:8.5px!important}
  .op-next-v25>button{height:28px!important;min-height:28px!important;padding:0 6px!important}
  .op-next-v25>button strong{font-size:8px!important}
}

@media (max-width:380px){
  .op-next-v25{grid-template-columns:auto minmax(0,1fr) auto!important}
  .op-next-v25>button.incident{display:none!important}
  .op-next-v25>b,.op-next-v25>span{font-size:8px!important}
}

/* FIX30 · Asignación AUTO / MANUAL segura */
.assignment-mode-v30{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:10px 0 14px;padding:12px 14px;border:1px solid #d9e0e2;border-radius:16px;background:#fff;box-shadow:0 6px 20px #1735360b}
.assignment-mode-v30>div:first-child{display:grid;gap:2px;min-width:0}
.assignment-mode-v30 small{font-size:10px;font-weight:900;letter-spacing:.08em;color:#64767b}
.assignment-mode-v30 b{font-size:17px;color:#12383a}
.assignment-mode-v30 span{font-size:12px;color:#64767b;line-height:1.25}
.assignment-mode-switch-v30{display:flex;flex:0 0 auto;padding:3px;border-radius:999px;background:#edf2f2;border:1px solid #d8e1e1}
.assignment-mode-switch-v30 button{border:0;background:transparent;border-radius:999px;padding:8px 15px;font-weight:900;font-size:12px;color:#5c6c70;cursor:pointer}
.assignment-mode-switch-v30 button.active{background:#006d67;color:#fff;box-shadow:0 3px 10px #006d6730}
.assignment-mode-v30.compact{margin:0 0 12px;background:#f8fbfa;box-shadow:none}
.assignment-advice-v30{display:grid;gap:2px;margin-top:7px;padding:7px 9px;border-radius:10px;background:#f2f5f5;border:1px solid #dfe6e6;max-width:560px}
.assignment-advice-v30 b{font-size:11px;color:#25383d}.assignment-advice-v30 span{font-size:10px;color:#68777b;line-height:1.25}
.assignment-advice-v30.recommended{background:#e9f8ef;border-color:#a9dcc0}.assignment-advice-v30.recommended b{color:#08733e}
.assignment-advice-v30.manual{background:#fff7e7;border-color:#ecd48f}.assignment-advice-v30.manual b{color:#865d00}
.assignment-advice-v30.loading{font-size:10px;color:#6b797d}
.service-recommended-v30{outline:3px solid #f2bf28!important;outline-offset:2px}
.op-order-task-decision-v30{display:grid;gap:7px;min-width:240px;max-width:56%}
.op-order-task-decision-v30 .assignment-advice-v30{margin-top:0}
@media(max-width:620px){
  .assignment-mode-v30{padding:9px 10px;gap:9px;border-radius:13px;margin:7px 0 10px}
  .assignment-mode-v30 b{font-size:14px}.assignment-mode-v30 span{font-size:10px}
  .assignment-mode-switch-v30 button{padding:7px 10px;font-size:10px}
  .op-order-task-decision-v30{max-width:none;min-width:0;width:100%}
  .assignment-advice-v30{padding:6px 8px}.assignment-advice-v30 b{font-size:10px}.assignment-advice-v30 span{font-size:9px}
}


/* =============================================================
   FIX31 · ÓRDENES SCROLL NATURAL + ASIGNACIÓN EXPLICABLE
   - Tinas conserva one-screen en landscape.
   - Órdenes/Reportes pueden crecer y hacer scroll vertical.
   - Selector AUTO/MANUAL más visible.
   - Cada tarea pendiente explica elegibilidad real de Tina 1/2.
   ============================================================= */

/* El one-screen pertenece a Tinas, NO a Órdenes/Reportes. */
@media (min-width:621px){
  html:has(body.tinas-operator-v198[data-operator-page-v31="espera"]),
  html:has(body.tinas-operator-v198[data-operator-page-v31="reportes"]),
  body.tinas-operator-v198[data-operator-page-v31="espera"],
  body.tinas-operator-v198[data-operator-page-v31="reportes"]{
    height:auto!important;min-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;background:#fbf6e9!important
  }
  body.tinas-operator-v198[data-operator-page-v31="espera"] .app,
  body.tinas-operator-v198[data-operator-page-v31="espera"] .workspace,
  body.tinas-operator-v198[data-operator-page-v31="espera"] .content,
  body.tinas-operator-v198[data-operator-page-v31="espera"] #page-espera,
  body.tinas-operator-v198[data-operator-page-v31="reportes"] .app,
  body.tinas-operator-v198[data-operator-page-v31="reportes"] .workspace,
  body.tinas-operator-v198[data-operator-page-v31="reportes"] .content,
  body.tinas-operator-v198[data-operator-page-v31="reportes"] #page-reportes{
    height:auto!important;min-height:100dvh!important;overflow:visible!important
  }
  body.tinas-operator-v198[data-operator-page-v31="espera"] #page-espera .op-shell-v198.op-sub-shell-v20,
  body.tinas-operator-v198[data-operator-page-v31="reportes"] #page-reportes .op-shell-v198.op-sub-shell-v20{
    height:auto!important;min-height:100dvh!important;overflow:visible!important;padding-bottom:10px!important;
    display:grid!important;grid-template-rows:auto auto auto!important
  }
  body.tinas-operator-v198[data-operator-page-v31="espera"] #page-espera .op-top-v198,
  body.tinas-operator-v198[data-operator-page-v31="reportes"] #page-reportes .op-top-v198{
    position:sticky!important;top:0!important;z-index:45!important
  }
  body.tinas-operator-v198[data-operator-page-v31="espera"] #page-espera .op-subpage-v20,
  body.tinas-operator-v198[data-operator-page-v31="reportes"] #page-reportes .op-subpage-v20{
    min-height:0!important;height:auto!important;overflow:visible!important;padding-bottom:18px!important
  }
  body.tinas-operator-v198[data-operator-page-v31="espera"] #page-espera .op-footer-v198,
  body.tinas-operator-v198[data-operator-page-v31="reportes"] #page-reportes .op-footer-v198{
    position:relative!important;inset:auto!important
  }
}

/* Selector de modo: imposible confundir cuál está activo. */
.assignment-mode-v30{border:2px solid #b9d7d4!important;background:linear-gradient(180deg,#ffffff,#f6fbfa)!important;padding:13px 16px!important;box-shadow:0 5px 16px rgba(9,78,74,.08)!important}
.assignment-mode-copy-v31{display:grid!important;gap:3px!important;min-width:0!important}
.assignment-mode-copy-v31>small{color:#08736c!important;font-size:9px!important;letter-spacing:.12em!important}
.assignment-mode-copy-v31>b{display:flex!important;align-items:center!important;gap:8px!important;font-size:19px!important;line-height:1.05!important}
.assignment-mode-copy-v31>b em{font-style:normal!important;font-size:8px!important;letter-spacing:.09em!important;padding:4px 6px!important;border-radius:999px!important;background:#e6f6f1!important;color:#087449!important;border:1px solid #a9d9c4!important}
.assignment-mode-copy-v31>span{max-width:610px!important;font-size:11px!important;line-height:1.35!important}
.assignment-mode-control-v31{display:grid!important;justify-items:end!important;gap:4px!important;flex:0 0 auto!important}
.assignment-mode-control-v31>small{font-size:8px!important;font-weight:950!important;letter-spacing:.12em!important;color:#5f7479!important}
.assignment-mode-switch-v30{padding:4px!important;border:2px solid #cedcdb!important;background:#edf3f2!important}
.assignment-mode-switch-v30 button{min-width:82px!important;min-height:36px!important;font-size:12px!important}
.assignment-mode-switch-v30 button.active{background:#007c73!important;box-shadow:0 3px 9px rgba(0,86,80,.28)!important}

/* Pedido pendiente: explicación ocupa ancho completo y no se trunca. */
.op-order-task-v27.assignment-v31{grid-template-columns:1fr!important;align-items:stretch!important;padding:8px!important;gap:8px!important}
.op-order-task-decision-v30{max-width:none!important;min-width:0!important;width:100%!important;gap:8px!important}
.assignment-advice-v30{max-width:none!important;width:100%!important;box-sizing:border-box!important;padding:8px 10px!important}
.assignment-advice-v30 b{font-size:11px!important}.assignment-advice-v30 span{font-size:10px!important;line-height:1.32!important}
.assignment-vats-v31{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;padding:7px!important;border:1px solid #dce5e4!important;border-radius:10px!important;background:#fff!important}
.assignment-vats-head-v31{grid-column:1/-1!important;display:flex!important;justify-content:space-between!important;gap:8px!important;align-items:center!important;padding:0 2px 2px!important}
.assignment-vats-head-v31 b{font-size:10px!important;color:#173d42!important}.assignment-vats-head-v31 span{font-size:8px!important;font-weight:900!important;color:#8b5d00!important}
.assignment-vat-row-v31{border:1px solid #dfe6e5!important;border-radius:9px!important;padding:7px!important;display:grid!important;gap:5px!important;background:#fafcfc!important;min-width:0!important}
.assignment-vat-row-v31.eligible{background:#edf9f1!important;border-color:#acd9bc!important}.assignment-vat-row-v31.verify{background:#fff8e8!important;border-color:#ead191!important}.assignment-vat-row-v31.blocked{background:#f6f6f4!important;border-color:#d8dddd!important}.assignment-vat-row-v31.recommended{box-shadow:inset 0 0 0 2px #e4b315!important}
.assignment-vat-name-v31{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important}.assignment-vat-name-v31>b{font-size:11px!important;color:#12383a!important}.assignment-vat-name-v31>span{font-size:7px!important;font-weight:950!important;letter-spacing:.06em!important;padding:3px 5px!important;border-radius:999px!important;background:#fff!important;border:1px solid #d8dfdf!important;white-space:nowrap!important}
.assignment-vat-facts-v31{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important}.assignment-vat-facts-v31>span{display:grid!important;gap:1px!important;min-width:0!important}.assignment-vat-facts-v31 small{font-size:6.5px!important;font-weight:950!important;letter-spacing:.08em!important;color:#7a898d!important}.assignment-vat-facts-v31 b{font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#263f45!important}.assignment-vat-row-v31 p{margin:0!important;font-size:8.5px!important;line-height:1.27!important;color:#53666c!important}
.assignment-vats-empty-v31{grid-column:1/-1!important;font-size:9px!important;color:#65767a!important}
.op-order-task-actions-v27{justify-content:flex-start!important;gap:6px!important}.op-order-task-actions-v27 .btn{height:32px!important;min-height:32px!important;font-size:9px!important;padding:0 10px!important}

/* Admin: validador visible del flujo Venta → Órdenes → Tinas. */
.assignment-validation-card-v31{border:2px solid #b9d7d4!important;background:linear-gradient(180deg,#fff,#f7fbfa)!important}
.assignment-validation-build-v31{display:inline-grid!important;place-items:center!important;min-width:58px!important;height:28px!important;border-radius:999px!important;background:#08736c!important;color:#fff!important;font-size:10px!important;font-weight:950!important;letter-spacing:.06em!important}
.assignment-validation-summary-v31{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:10px 0 12px!important}.assignment-validation-summary-v31>div{border:1px solid #dbe4e3!important;border-radius:11px!important;background:#fff!important;padding:9px 10px!important;display:grid!important;gap:2px!important;min-width:0!important}.assignment-validation-summary-v31 small{font-size:7px!important;font-weight:950!important;letter-spacing:.09em!important;color:#6c7d81!important}.assignment-validation-summary-v31 b{font-size:11px!important;color:#15383e!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.assignment-validation-stages-v31{display:grid!important;gap:7px!important;margin:10px 0!important}.assignment-validation-stage-v31{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;border:1px solid #dfe5e4!important;border-radius:10px!important;padding:8px!important;background:#fafcfc!important}.assignment-validation-stage-v31>span{width:24px!important;height:24px!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-weight:950!important;background:#e8ecec!important;color:#596a70!important}.assignment-validation-stage-v31.pass>span{background:#dff4e6!important;color:#08713f!important}.assignment-validation-stage-v31.blocked>span{background:#fff0c9!important;color:#8a5a00!important}.assignment-validation-stage-v31 b{font-size:11px!important}.assignment-validation-stage-v31 small{display:block!important;font-size:9px!important;line-height:1.3!important;color:#65777c!important;margin-top:1px!important}
.assignment-validation-mode-v31{display:grid!important;grid-template-columns:auto auto 1fr!important;gap:8px!important;align-items:center!important;padding:9px 10px!important;border-radius:10px!important;background:#edf7f5!important;margin:10px 0!important}.assignment-validation-mode-v31 small{font-size:7px!important;font-weight:950!important;letter-spacing:.09em!important;color:#6b7b7f!important}.assignment-validation-mode-v31 b{font-size:12px!important;color:#08736c!important}.assignment-validation-mode-v31 span{font-size:9px!important;color:#566a70!important}
.assignment-validation-vats-v31{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.assignment-validation-vat-v31{display:grid!important;gap:3px!important;border:1px solid #dfe5e4!important;border-radius:10px!important;padding:9px!important;background:#fff!important}.assignment-validation-vat-v31>b{font-size:13px!important}.assignment-validation-vat-v31>span{font-size:9px!important;color:#5c6e73!important}.assignment-validation-vat-v31>small{font-size:8.5px!important;line-height:1.3!important;color:#6a797d!important;margin-top:2px!important}.assignment-validation-actions-v31{margin-top:12px!important;flex-wrap:wrap!important}

@media (max-width:760px){
  .assignment-mode-v30{align-items:stretch!important;flex-direction:column!important}.assignment-mode-control-v31{justify-items:stretch!important}.assignment-mode-control-v31>small{text-align:left!important}.assignment-mode-switch-v30{display:grid!important;grid-template-columns:1fr 1fr!important}.assignment-mode-switch-v30 button{width:100%!important}
  .assignment-vats-v31,.assignment-validation-vats-v31{grid-template-columns:1fr!important}.assignment-vats-head-v31{grid-column:1!important}.assignment-validation-summary-v31{grid-template-columns:1fr 1fr!important}
}

/* =============================================================
   FIX31 FIX01 · ACCIÓN OPERATIVA DIRECTA EN TINA
   La tanda asignada se inicia desde la tarjeta principal; Detalle
   queda como información/contingencia, no como puerta obligatoria.
   ============================================================= */
.op-action-zone-v25.assigned-quick-v31f1{grid-template-rows:46px 31px!important;min-height:82px!important}
.op-quick-start-v31f1{height:46px;min-height:46px;display:grid;grid-template-columns:minmax(135px,1fr) minmax(122px,.8fr) 58px 36px;gap:6px;align-items:stretch;min-width:0}
.op-quick-start-copy-v31f1{min-width:0;border:1px solid #b9ddd7;background:#f1fbf8;border-radius:10px;padding:5px 8px;display:flex;flex-direction:column;justify-content:center;line-height:1.02;overflow:hidden}
.op-quick-start-copy-v31f1 small{font-size:7px;font-weight:950;letter-spacing:.055em;color:#08766e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.op-quick-start-copy-v31f1 b{font-size:11px;color:#132536;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.op-quick-start-copy-v31f1 span{font-size:7px;font-weight:800;color:#67777c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.op-quick-start-main-v31f1{border:0;border-radius:10px;background:linear-gradient(135deg,#ffc41d,#ffad0d);color:#3a2d00;font:inherit;font-size:12px;font-weight:1000;padding:0 9px;cursor:pointer;box-shadow:0 2px 5px rgba(150,98,0,.18);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.op-quick-start-main-v31f1:hover{filter:brightness(.98)}
.op-quick-start-main-v31f1:disabled,.op-quick-start-v31f1.blocked .op-quick-start-main-v31f1{background:#d9dfe0;color:#68767a;box-shadow:none;cursor:not-allowed}
.op-quick-start-detail-v31f1,.op-quick-start-incident-v31f1{border:1px solid #c7d5d8;border-radius:9px;background:#fff;color:#193d49;font:inherit;font-weight:950;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:3px;padding:0 5px}
.op-quick-start-detail-v31f1 .op-detail-icon-v198{width:18px!important;height:15px!important;transform:scale(.62)!important;margin:-3px!important}
.op-quick-start-detail-v31f1 strong{font-size:8px}
.op-quick-start-incident-v31f1{border-color:#e1b49f;background:#fff8f4;color:#944921;font-size:16px}
.op-next-state-v31f1{display:inline-flex;align-items:center;height:22px;padding:0 7px;border-radius:999px;background:#eef5f6;color:#315963;font-size:8px;font-weight:950;white-space:nowrap}
.op-quick-start-modal-v31f1{display:grid;gap:12px}
.op-quick-start-modal-v31f1>small{font-size:10px;font-weight:950;letter-spacing:.08em;color:#08766e}
.op-quick-start-modal-v31f1>h3{margin:0;font-size:24px;color:#132536}
.op-quick-start-modal-v31f1>label{display:grid;gap:6px;font-weight:900;color:#273b46}
.op-quick-start-modal-actions-v31f1{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;margin-top:2px}

@media(max-width:760px){
  .op-action-zone-v25.assigned-quick-v31f1{grid-template-rows:70px 34px!important;min-height:110px!important}
  .op-quick-start-v31f1{height:70px;min-height:70px;grid-template-columns:minmax(0,1fr) minmax(112px,.8fr) 46px;grid-template-rows:1fr 1fr;gap:5px}
  .op-quick-start-copy-v31f1{grid-row:1/-1;padding:6px 7px}
  .op-quick-start-copy-v31f1 small{font-size:6.5px}.op-quick-start-copy-v31f1 b{font-size:10px;white-space:normal}.op-quick-start-copy-v31f1 span{font-size:6.5px;white-space:normal}
  .op-quick-start-main-v31f1{grid-row:1/-1;font-size:11px;white-space:normal;line-height:1.05;padding:4px 7px}
  .op-quick-start-detail-v31f1{grid-column:3;grid-row:1}.op-quick-start-incident-v31f1{grid-column:3;grid-row:2}
  .op-next-state-v31f1{font-size:7px;height:24px;padding:0 5px}
  .op-quick-start-modal-actions-v31f1{grid-template-columns:1fr}
}
@media(max-width:420px){
  .op-quick-start-v31f1{grid-template-columns:minmax(0,1fr) 108px 42px}
  .op-quick-start-copy-v31f1 span{display:none}
  .op-next-state-v31f1{display:none}
}

/* =============================================================
   FIX31 FIX02 · QUICK START LIVE + DESKTOP COMPACTO SIN RECORTE
   - El refresco LIVE ya no reemplaza el CTA de tanda asignada.
   - 901–1180 px se refluye al ancho real del viewport.
   ============================================================= */
@media (min-width:901px) and (max-width:1180px){
  html:has(body.tinas-operator-v198),body.tinas-operator-v198{
    width:100%!important;max-width:100vw!important;overflow-x:hidden!important;
  }
  body.tinas-operator-v198 .app,
  body.tinas-operator-v198 .workspace,
  body.tinas-operator-v198 .content,
  body.tinas-operator-v198 #page-servicio,
  body.tinas-operator-v198 #page-servicio .op-shell-v198{
    width:100%!important;max-width:100vw!important;min-width:0!important;box-sizing:border-box!important;
  }
  body.tinas-operator-v198 #page-servicio .op-shell-v198{overflow-x:hidden!important}
  body.tinas-operator-v198 #page-servicio .op-top-v198{
    width:100%!important;max-width:100%!important;min-width:0!important;
    grid-template-columns:minmax(245px,30%) minmax(330px,1fr) 118px 118px!important;
    box-sizing:border-box!important;overflow:hidden!important;
  }
  body.tinas-operator-v198 #page-servicio .op-brand-v199{min-width:0!important;padding-left:10px!important}
  body.tinas-operator-v198 #page-servicio .op-brand-v199>img{width:min(100%,270px)!important;max-width:270px!important;height:72px!important}
  body.tinas-operator-v198 #page-servicio .op-nav-v198{min-width:0!important;gap:6px!important;justify-content:center!important;overflow:hidden!important}
  body.tinas-operator-v198 #page-servicio .op-nav-v198 button{
    width:auto!important;min-width:70px!important;max-width:82px!important;height:50px!important;padding:4px 5px!important;font-size:12px!important;
  }
  body.tinas-operator-v198 #page-servicio .op-time-v198{min-width:0!important;padding:0 8px!important}
  body.tinas-operator-v198 #page-servicio .op-time-v198 small{font-size:7px!important}
  body.tinas-operator-v198 #page-servicio .op-time-v198 strong{font-size:23px!important}
  body.tinas-operator-v198 #page-servicio .op-user-v198{min-width:0!important;padding:0 7px!important;gap:6px!important;overflow:hidden!important}
  body.tinas-operator-v198 #page-servicio .op-user-v198>span{width:34px!important;height:34px!important;flex:0 0 34px!important}
  body.tinas-operator-v198 #page-servicio .op-user-v198 small{font-size:7px!important}
  body.tinas-operator-v198 #page-servicio .op-user-v198 b{font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.tinas-operator-v198 #page-servicio .op-user-v198 i{display:none!important}

  body.tinas-operator-v198 #page-servicio .op-general-v198{
    width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin:10px 12px!important;
    grid-template-columns:minmax(225px,30%) minmax(0,1fr)!important;box-sizing:border-box!important;
  }
  body.tinas-operator-v198 #page-servicio .op-shift-v198{min-width:0!important;padding:7px 14px!important;gap:12px!important}
  body.tinas-operator-v198 #page-servicio .op-shift-v198 b{font-size:14px!important}
  body.tinas-operator-v198 #page-servicio .op-shift-v198 small{font-size:9px!important}
  body.tinas-operator-v198 #page-servicio .op-general-copy-v198{min-width:0!important;padding:6px 12px!important;gap:10px!important}
  body.tinas-operator-v198 #page-servicio .op-general-copy-v198 strong{font-size:16px!important}
  body.tinas-operator-v198 #page-servicio .op-general-copy-v198 div>span{font-size:9px!important;max-width:100%!important}
  body.tinas-operator-v198 #page-servicio .op-slogan-img-v14{display:none!important}

  body.tinas-operator-v198 #page-servicio .op-vats-v198{
    width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin:0 12px!important;padding:0!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;box-sizing:border-box!important;overflow:hidden!important;
  }
  body.tinas-operator-v198 #page-servicio .op-vat-card-v198{min-width:0!important;width:100%!important;max-width:100%!important}
  body.tinas-operator-v198 #page-servicio .op-vat-head-v198{padding-left:14px!important;padding-right:12px!important;grid-template-columns:auto minmax(0,1fr) 38px!important;gap:5px!important}
  body.tinas-operator-v198 #page-servicio .op-vat-head-v198 h2{font-size:34px!important}
  body.tinas-operator-v198 #page-servicio .op-vat-slogan-v198{font-size:7.5px!important;padding-right:18px!important}
  body.tinas-operator-v198 #page-servicio .op-basket-mark-v198{transform:scale(.78)!important;transform-origin:center!important}
  body.tinas-operator-v198 #page-servicio .op-vat-body-v198{padding-left:9px!important;padding-right:9px!important}
  body.tinas-operator-v198 #page-servicio .op-thermal-v198{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;gap:7px!important}
  body.tinas-operator-v198 #page-servicio .op-temp-v198{padding-right:7px!important}
  body.tinas-operator-v198 #page-servicio .op-temp-v198 strong{font-size:44px!important}
  body.tinas-operator-v198 #page-servicio .op-status-v198{padding-left:7px!important;padding-right:7px!important;gap:6px!important}
  body.tinas-operator-v198 #page-servicio .op-status-icon-v198{width:38px!important;height:38px!important;flex:0 0 38px!important}
  body.tinas-operator-v198 #page-servicio .op-status-v198 b{font-size:15px!important}
  body.tinas-operator-v198 #page-servicio .op-status-v198 small{font-size:8px!important}
  body.tinas-operator-v198 #page-servicio .op-queue-v198{grid-template-columns:72px minmax(0,1fr)!important;padding:0 7px!important;gap:6px!important}
  body.tinas-operator-v198 #page-servicio .op-kraft-v198{width:66px!important;height:54px!important}
  body.tinas-operator-v198 #page-servicio .op-kraft-v198>img{width:66px!important;height:54px!important;max-width:66px!important}
  body.tinas-operator-v198 #page-servicio .op-queue-copy-v198 strong{font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.tinas-operator-v198 #page-servicio .op-queue-copy-v198 span{font-size:8.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.tinas-operator-v198 #page-servicio .op-eta-v198{display:none!important}
  body.tinas-operator-v198 #page-servicio .op-rec-v198{grid-template-columns:72px minmax(0,1fr)!important;padding:0 7px!important}
  body.tinas-operator-v198 #page-servicio .op-rec-mascot-v12,body.tinas-operator-v198 #page-servicio .op-rec-mascot-v12>img{width:68px!important;max-width:68px!important}
  body.tinas-operator-v198 #page-servicio .op-rec-v198 strong{font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.tinas-operator-v198 #page-servicio .op-rec-v198 span{font-size:8px!important}
  body.tinas-operator-v198 #page-servicio .op-actions-v25{gap:5px!important}
  body.tinas-operator-v198 #page-servicio .op-actions-v25 button{font-size:11px!important;padding:0 5px!important}
  body.tinas-operator-v198 #page-servicio .op-quick-start-v31f1{grid-template-columns:minmax(105px,1fr) minmax(112px,.8fr) 46px 34px!important;gap:4px!important}
  body.tinas-operator-v198 #page-servicio .op-quick-start-copy-v31f1{padding:4px 6px!important}
  body.tinas-operator-v198 #page-servicio .op-quick-start-main-v31f1{font-size:11px!important;padding:0 6px!important}
  body.tinas-operator-v198 #page-servicio .op-quick-start-detail-v31f1 strong{display:none!important}
  body.tinas-operator-v198 #page-servicio .op-next-v25{grid-template-columns:auto minmax(0,1fr) auto!important}
  body.tinas-operator-v198 #page-servicio .op-next-state-v31f1{display:none!important}
  body.tinas-operator-v198 #page-servicio .op-footer-v198{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding-left:18px!important;padding-right:18px!important;overflow:hidden!important}
  body.tinas-operator-v198 #page-servicio .op-footer-caps-v199{max-width:42%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
}


/* =============================================================
   FIX31 FIX03 · JERARQUÍA OPERATIVA + ANCHO REAL DEL VIEWPORT
   - El canvas de Tinas ya no hereda el ancho 1.42×alto de FIX17.
   - 901–1180 px usa todo el viewport sin recorte derecho.
   - Tanda ASIGNADA: la acción primaria es Iniciar Papas; Hecho/No lo hice
     pertenecen exclusivamente a recomendaciones cuando no hay CTA de pedido.
   ============================================================= */
@media (min-width:901px) and (max-width:1180px){
  html,body,
  body.tinas-operator-v198,
  body.tinas-operator-v198 .app,
  body.tinas-operator-v198 .workspace,
  body.tinas-operator-v198 .content,
  body.tinas-operator-v198 #page-servicio{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
  body.tinas-operator-v198 #page-servicio .op-shell-v198{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }

  /* Header completo dentro del ancho real, sin las columnas fijas 407/536/172/238. */
  body.tinas-operator-v198 #page-servicio .op-top-v198{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:minmax(225px,28%) minmax(300px,1fr) minmax(90px,11%) minmax(92px,12%)!important;
    gap:4px!important;
    padding:0 8px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body.tinas-operator-v198 #page-servicio .op-brand-v199{min-width:0!important;overflow:hidden!important;padding:0!important}
  body.tinas-operator-v198 #page-servicio .op-brand-v199>img{width:100%!important;max-width:260px!important;height:72px!important;object-fit:contain!important;object-position:left center!important}
  body.tinas-operator-v198 #page-servicio .op-nav-v198{min-width:0!important;width:100%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;overflow:hidden!important}
  body.tinas-operator-v198 #page-servicio .op-nav-v198 button{width:100%!important;min-width:0!important;max-width:none!important;height:50px!important;padding:3px 2px!important;font-size:11px!important}
  body.tinas-operator-v198 #page-servicio .op-time-v198{min-width:0!important;padding:0 5px!important;overflow:hidden!important}
  body.tinas-operator-v198 #page-servicio .op-time-v198 small{font-size:6.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.tinas-operator-v198 #page-servicio .op-time-v198 strong{font-size:22px!important}
  body.tinas-operator-v198 #page-servicio .op-user-v198{min-width:0!important;padding:0 4px!important;gap:4px!important;overflow:hidden!important}
  body.tinas-operator-v198 #page-servicio .op-user-v198>span{width:32px!important;height:32px!important;flex:0 0 32px!important}
  body.tinas-operator-v198 #page-servicio .op-user-v198 small{font-size:6.5px!important}
  body.tinas-operator-v198 #page-servicio .op-user-v198 b{font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.tinas-operator-v198 #page-servicio .op-user-v198 i{display:none!important}

  /* Banda superior: dos columnas flexibles; el slogan decorativo no roba ancho operativo. */
  body.tinas-operator-v198 #page-servicio .op-general-v198{
    width:calc(100% - 16px)!important;
    max-width:calc(100% - 16px)!important;
    min-width:0!important;
    margin:8px!important;
    grid-template-columns:minmax(215px,30%) minmax(0,1fr)!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body.tinas-operator-v198 #page-servicio .op-shift-v198{min-width:0!important;padding:6px 12px!important;gap:10px!important}
  body.tinas-operator-v198 #page-servicio .op-shift-v198 b{font-size:13px!important;white-space:nowrap!important}
  body.tinas-operator-v198 #page-servicio .op-shift-v198 small{font-size:8px!important;white-space:nowrap!important}
  body.tinas-operator-v198 #page-servicio .op-general-copy-v198{min-width:0!important;padding:5px 10px!important;gap:8px!important;overflow:hidden!important}
  body.tinas-operator-v198 #page-servicio .op-general-copy-v198>div{min-width:0!important}
  body.tinas-operator-v198 #page-servicio .op-general-copy-v198 strong{font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.tinas-operator-v198 #page-servicio .op-general-copy-v198 div>span{font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;max-width:100%!important}
  body.tinas-operator-v198 #page-servicio .op-slogan-text-v19,
  body.tinas-operator-v198 #page-servicio .op-slogan-img-v14{display:none!important}

  /* Dos Tinas completas. Ningún hijo puede volver a ensanchar la segunda tarjeta. */
  body.tinas-operator-v198 #page-servicio .op-vats-v198{
    width:calc(100% - 16px)!important;
    max-width:calc(100% - 16px)!important;
    min-width:0!important;
    margin:0 8px!important;
    padding:0!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body.tinas-operator-v198 #page-servicio .op-vat-card-v198,
  body.tinas-operator-v198 #page-servicio .op-vat-card-v198 *{box-sizing:border-box!important;min-width:0}
  body.tinas-operator-v198 #page-servicio .op-vat-card-v198{width:100%!important;max-width:100%!important;margin:0!important;overflow:hidden!important}
  body.tinas-operator-v198 #page-servicio .op-vat-head-v198{padding:0 10px!important;grid-template-columns:auto minmax(0,1fr) 34px!important;gap:4px!important}
  body.tinas-operator-v198 #page-servicio .op-vat-head-v198 h2{font-size:32px!important}
  body.tinas-operator-v198 #page-servicio .op-vat-slogan-v198{font-size:7px!important;padding-right:15px!important;overflow:hidden!important}
  body.tinas-operator-v198 #page-servicio .op-basket-mark-v198{width:34px!important;height:28px!important;transform:scale(.72)!important;transform-origin:center!important}
  body.tinas-operator-v198 #page-servicio .op-vat-body-v198{padding-left:7px!important;padding-right:7px!important;overflow:hidden!important}
  body.tinas-operator-v198 #page-servicio .op-thermal-v198{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;gap:5px!important}
  body.tinas-operator-v198 #page-servicio .op-temp-v198{padding-right:5px!important}
  body.tinas-operator-v198 #page-servicio .op-temp-v198 small,body.tinas-operator-v198 #page-servicio .op-temp-v198>span{font-size:7.5px!important}
  body.tinas-operator-v198 #page-servicio .op-temp-v198 strong{font-size:40px!important}
  body.tinas-operator-v198 #page-servicio .op-status-v198{padding:5px 6px!important;gap:5px!important}
  body.tinas-operator-v198 #page-servicio .op-status-icon-v198{width:34px!important;height:34px!important;flex:0 0 34px!important}
  body.tinas-operator-v198 #page-servicio .op-status-v198 b{font-size:13px!important;white-space:nowrap!important}
  body.tinas-operator-v198 #page-servicio .op-status-v198 small{font-size:7px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.tinas-operator-v198 #page-servicio .op-queue-v198{grid-template-columns:66px minmax(0,1fr)!important;padding:0 6px!important;gap:5px!important;overflow:hidden!important}
  body.tinas-operator-v198 #page-servicio .op-kraft-v198,body.tinas-operator-v198 #page-servicio .op-kraft-v198>img{width:60px!important;height:50px!important;max-width:60px!important}
  body.tinas-operator-v198 #page-servicio .op-queue-copy-v198 strong{font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.tinas-operator-v198 #page-servicio .op-queue-copy-v198 span{font-size:7.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.tinas-operator-v198 #page-servicio .op-eta-v198{display:none!important}
  body.tinas-operator-v198 #page-servicio .op-rec-v198{grid-template-columns:65px minmax(0,1fr)!important;padding:0 6px!important;overflow:hidden!important}
  body.tinas-operator-v198 #page-servicio .op-rec-mascot-v12,body.tinas-operator-v198 #page-servicio .op-rec-mascot-v12>img{width:60px!important;max-width:60px!important}
  body.tinas-operator-v198 #page-servicio .op-rec-v198>div{min-width:0!important;overflow:hidden!important}
  body.tinas-operator-v198 #page-servicio .op-rec-v198 strong{font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important}
  body.tinas-operator-v198 #page-servicio .op-rec-v198 span{font-size:7px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important}

  /* Recomendación sin pedido: Hecho/No lo hice no compiten con un CTA de pedido. */
  body.tinas-operator-v198 #page-servicio .op-actions-v25{grid-template-columns:1fr 1fr .82fr!important;gap:4px!important}
  body.tinas-operator-v198 #page-servicio .op-actions-v25 button{font-size:10px!important;padding:0 3px!important;gap:3px!important;overflow:hidden!important}
  body.tinas-operator-v198 #page-servicio .op-actions-v25 button b{font-size:10px!important;white-space:nowrap!important}
  body.tinas-operator-v198 #page-servicio .op-actions-v25 button small{font-size:5.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}

  /* Pedido asignado: una sola acción primaria + dos auxiliares, siempre dentro de la tarjeta. */
  body.tinas-operator-v198 #page-servicio .op-action-zone-v25.assigned-quick-v31f1 .op-actions-v25{display:none!important}
  body.tinas-operator-v198 #page-servicio .op-quick-start-v31f1{
    grid-template-columns:minmax(115px,1fr) minmax(108px,.72fr) 42px 34px!important;
    gap:4px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  body.tinas-operator-v198 #page-servicio .op-quick-start-copy-v31f1{padding:3px 5px!important;overflow:hidden!important}
  body.tinas-operator-v198 #page-servicio .op-quick-start-copy-v31f1 small{font-size:5.8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.tinas-operator-v198 #page-servicio .op-quick-start-copy-v31f1 b{font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.tinas-operator-v198 #page-servicio .op-quick-start-copy-v31f1 span{font-size:5.8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.tinas-operator-v198 #page-servicio .op-quick-start-main-v31f1{font-size:10.5px!important;padding:0 4px!important;white-space:nowrap!important;overflow:hidden!important}
  body.tinas-operator-v198 #page-servicio .op-quick-start-detail-v31f1{padding:0!important;overflow:hidden!important}
  body.tinas-operator-v198 #page-servicio .op-quick-start-detail-v31f1 strong{display:none!important}
  body.tinas-operator-v198 #page-servicio .op-quick-start-incident-v31f1{padding:0!important}
  body.tinas-operator-v198 #page-servicio .op-next-v25{grid-template-columns:auto minmax(0,1fr) auto!important;overflow:hidden!important}
  body.tinas-operator-v198 #page-servicio .op-next-v25>span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.tinas-operator-v198 #page-servicio .op-next-state-v31f1{display:none!important}

  body.tinas-operator-v198 #page-servicio .op-footer-v198{
    width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0 12px!important;box-sizing:border-box!important;overflow:hidden!important;
  }
  body.tinas-operator-v198 #page-servicio .op-footer-script-v199{max-width:48%!important;white-space:nowrap!important;overflow:hidden!important}
  body.tinas-operator-v198 #page-servicio .op-footer-caps-v199{max-width:48%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:right!important}
}

/* =============================================================
   FIX31 FIX04 · CONVIVENCIA TANDA + RECOMENDACIÓN
   En tinas activas conviven CTA principal de la tanda con
   Hecho / No lo hice / Incidencia / Detalle sin perder función.
   ============================================================= */
.op-action-zone-v25.order-active-v31f4{grid-template-rows:46px 31px!important;min-height:82px!important}
.op-order-zone-v31f4{height:46px;min-height:46px;display:grid;grid-template-columns:minmax(135px,1fr) minmax(126px,.84fr) 112px;gap:6px;align-items:stretch;min-width:0}
.op-order-copy-v31f4{min-width:0;border:1px solid #b9ddd7;background:#f1fbf8;border-radius:10px;padding:5px 8px;display:flex;flex-direction:column;justify-content:center;line-height:1.02;overflow:hidden}
.op-order-copy-v31f4 small{font-size:7px;font-weight:950;letter-spacing:.055em;color:#08766e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.op-order-copy-v31f4 b{font-size:11px;color:#132536;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.op-order-copy-v31f4 span{font-size:7px;font-weight:800;color:#67777c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.op-order-main-v31f4{border:0;border-radius:10px;font:inherit;font-size:12px;font-weight:1000;padding:0 9px;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.12);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.op-order-main-v31f4.yellow{background:linear-gradient(135deg,#ffc41d,#ffad0d);color:#3a2d00}
.op-order-main-v31f4.blue{background:linear-gradient(135deg,#0b7cde,#075cb9);color:#fff}
.op-order-main-v31f4.danger{background:linear-gradient(135deg,#e85b37,#cc381c);color:#fff}
.op-order-main-v31f4.teal{background:linear-gradient(135deg,#0f8e85,#08756e);color:#fff}
.op-order-main-v31f4:hover{filter:brightness(.98)}
.op-order-main-v31f4:disabled,.op-order-zone-v31f4.blocked .op-order-main-v31f4{background:#d9dfe0!important;color:#68767a!important;box-shadow:none!important;cursor:not-allowed!important}
.op-rec-mini-grid-v31f4{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px;min-width:0}
.op-rec-mini-v31f4{min-width:0;border:1px solid #c7d5d8;border-radius:9px;background:#fff;color:#193d49;font:inherit;font-weight:950;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:3px;padding:0 4px;overflow:hidden}
.op-rec-mini-v31f4 span{font-size:14px;line-height:1;flex:none}
.op-rec-mini-v31f4 strong{font-size:7px;line-height:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.op-rec-mini-v31f4.done.active{border-color:#0a9b58;background:#ecfbf3;color:#0b6f31}
.op-rec-mini-v31f4.notdone.active{border-color:#d0a763;background:#fff7e5;color:#8f5a00}
.op-rec-mini-v31f4.detail{gap:2px}
.op-rec-mini-v31f4.detail .op-detail-icon-v198{width:18px!important;height:15px!important;transform:scale(.58)!important;margin:-3px!important}
.op-rec-mini-v31f4.incident{border-color:#e1b49f;background:#fff8f4;color:#944921}
.op-rec-mini-v31f4.incident.critical{border-color:#d64545;background:#fff0f0;color:#9d1f28}
.op-rec-mini-v31f4:disabled{opacity:.5;cursor:not-allowed}

@media(max-width:760px){
  .op-action-zone-v25.order-active-v31f4{grid-template-rows:70px 34px!important;min-height:110px!important}
  .op-order-zone-v31f4{height:70px;min-height:70px;grid-template-columns:minmax(0,1fr) 108px 94px;gap:5px}
  .op-order-copy-v31f4{padding:6px 7px}
  .op-order-copy-v31f4 small{font-size:6.5px}.op-order-copy-v31f4 b{font-size:10px;white-space:normal}.op-order-copy-v31f4 span{font-size:6.5px;white-space:normal}
  .op-order-main-v31f4{font-size:11px;line-height:1.05;padding:4px 7px;white-space:normal}
  .op-rec-mini-v31f4{padding:0 3px}.op-rec-mini-v31f4 span{font-size:12px}.op-rec-mini-v31f4 strong{font-size:6.3px}
}
@media(max-width:420px){
  .op-order-zone-v31f4{grid-template-columns:minmax(0,1fr) 98px 84px}
  .op-rec-mini-v31f4 strong{font-size:5.9px}
}
body.tinas-operator-v198 #page-servicio .op-action-zone-v25.order-active-v31f4{grid-template-rows:46px 31px!important;min-height:82px!important}
body.tinas-operator-v198 #page-servicio .op-order-zone-v31f4{grid-template-columns:minmax(108px,1fr) minmax(112px,.8fr) 102px!important;gap:4px!important}
body.tinas-operator-v198 #page-servicio .op-order-copy-v31f4{padding:4px 6px!important}
body.tinas-operator-v198 #page-servicio .op-order-copy-v31f4 b{font-size:10px!important}
body.tinas-operator-v198 #page-servicio .op-order-copy-v31f4 span{font-size:6.5px!important}
body.tinas-operator-v198 #page-servicio .op-order-main-v31f4{font-size:11px!important;padding:0 6px!important}
body.tinas-operator-v198 #page-servicio .op-rec-mini-v31f4 strong{font-size:6.5px!important}

/* =============================================================
   FIX31 FIX05 · TINAS COMPACTAS CENTRADAS
   Ajuste exclusivamente visual: conserva toda la lógica de FIX04,
   pero evita estirar las dos tarjetas de Tina de borde a borde.
   ============================================================= */
@media (min-width:901px){
  body.tinas-operator-v198 #page-servicio .op-vats-v198{
    width:min(calc(100% - 24px),1100px)!important;
    max-width:1100px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    gap:14px!important;
    box-sizing:border-box!important;
  }
}


/* =============================================================
   FIX31 FIX06 · VISIÓN COMPACTA APROBADA + RECOMENDACIÓN CLIC
   El lienzo desktop conserva proporción visual 4:3 aunque el monitor
   sea ancho. Hecho/No lo hice viven dentro de la recomendación.
   ============================================================= */

.op-rec-click-v31f6{
  position:relative!important;
  width:100%!important;
  border-style:solid!important;
  font:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
  appearance:none!important;
  color:inherit!important;
}
.op-rec-click-v31f6:hover{filter:brightness(.992)}
.op-rec-click-v31f6:focus-visible{outline:3px solid rgba(18,119,204,.28)!important;outline-offset:2px!important}
.op-rec-click-badge-v31f6{
  position:absolute!important;
  top:8px!important;
  right:10px!important;
  height:24px!important;
  min-width:54px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  background:#ffe067!important;
  border:1px solid #e7bb24!important;
  color:#4b3900!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:950!important;
  font-style:normal!important;
  letter-spacing:.01em!important;
  box-shadow:0 1px 3px rgba(83,54,0,.12)!important;
  z-index:2!important;
}
.op-rec-click-badge-v31f6 i{font-style:normal!important;font-size:14px!important;line-height:1!important}

/* Acción de tanda visible; Hecho/No lo hice ya no ocupan la tarjeta principal. */
.op-action-zone-v25.order-active-v31f6{grid-template-rows:50px 26px!important;min-height:82px!important;gap:5px!important}
.op-order-zone-v31f6{height:50px;min-height:50px;display:grid;grid-template-columns:minmax(136px,1fr) minmax(126px,.9fr) 62px 38px;gap:5px;align-items:stretch;min-width:0}
.op-order-copy-v31f6{min-width:0;border:1px solid #b9ddd7;background:#f1fbf8;border-radius:10px;padding:5px 8px;display:flex;flex-direction:column;justify-content:center;line-height:1.02;overflow:hidden}
.op-order-copy-v31f6 small{font-size:7px;font-weight:950;letter-spacing:.055em;color:#08766e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.op-order-copy-v31f6 b{font-size:11px;color:#132536;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.op-order-copy-v31f6 span{font-size:7px;font-weight:800;color:#67777c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.op-order-main-v31f6{border:0;border-radius:10px;font:inherit;font-size:12px;font-weight:1000;padding:0 8px;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.12);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.op-order-main-v31f6.yellow{background:linear-gradient(135deg,#ffc41d,#ffad0d);color:#3a2d00}
.op-order-main-v31f6.blue{background:linear-gradient(135deg,#0b7cde,#075cb9);color:#fff}
.op-order-main-v31f6.danger{background:linear-gradient(135deg,#e85b37,#cc381c);color:#fff}
.op-order-main-v31f6.teal{background:linear-gradient(135deg,#0f8e85,#08756e);color:#fff}
.op-order-main-v31f6:disabled,.op-order-zone-v31f6.blocked .op-order-main-v31f6{background:#d9dfe0!important;color:#68767a!important;box-shadow:none!important;cursor:not-allowed!important}
.op-order-detail-v31f6,.op-order-incident-v31f6{border:1px solid #c7d5d8;border-radius:9px;background:#fff;color:#193d49;font:inherit;font-weight:950;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:2px;padding:0 4px;overflow:hidden}
.op-order-detail-v31f6 .op-detail-icon-v198{width:18px!important;height:15px!important;transform:scale(.62)!important;margin:-3px!important}
.op-order-detail-v31f6 strong{font-size:7px!important}
.op-order-incident-v31f6{border-color:#e1b49f;background:#fff8f4;color:#944921;font-size:16px!important;padding:0!important}
.op-order-incident-v31f6.critical{border-color:#d64545;background:#fff0f0;color:#9d1f28}

/* Sin tanda activa: estado calmo, sin botones Hecho/No lo hice en la tarjeta. */
.op-action-zone-v25.idle-v31f6{grid-template-rows:50px 26px!important;min-height:82px!important;gap:5px!important}
.op-idle-zone-v31f6{height:50px;min-height:50px;border-radius:12px;background:linear-gradient(90deg,#f1f6f8,#f7fafb);display:grid;grid-template-columns:minmax(0,1fr) 70px;gap:7px;align-items:center;padding:5px 7px;overflow:hidden;border:1px solid #dde6e8}
.op-idle-copy-v31f6{min-width:0;display:grid;grid-template-columns:46px minmax(0,1fr);gap:7px;align-items:center}
.op-idle-copy-v31f6 .basket{width:42px;height:34px;display:grid;place-items:center;color:#91a9b0;opacity:.9;overflow:hidden}
.op-idle-copy-v31f6 .basket svg{width:40px!important;height:32px!important}
.op-idle-copy-v31f6 b{display:block;font-size:12px;color:#19324d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.op-idle-copy-v31f6 small{display:block;font-size:7.5px;color:#527082;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.op-idle-detail-v31f6{height:38px;border:1px solid #bac8ce;border-radius:9px;background:#fff;color:#193d49;font:inherit;font-weight:950;display:flex;align-items:center;justify-content:center;gap:3px;cursor:pointer}
.op-idle-detail-v31f6 .op-detail-icon-v198{width:19px!important;height:16px!important;transform:scale(.65)!important;margin:-3px!important}.op-idle-detail-v31f6 strong{font-size:8px!important}

/* Prompt compacto de recomendación, equivalente al callout aprobado. */
.modal-box.op-rec-modal-box-v31f6{width:min(460px,calc(100vw - 28px))!important;max-width:460px!important;padding:0!important;border-radius:18px!important;overflow:visible!important;background:transparent!important;box-shadow:none!important}
.op-rec-prompt-v31f6{position:relative;background:#fff;border:2px solid #e7c04f;border-radius:16px;padding:18px 18px 14px;box-shadow:0 15px 36px rgba(22,39,45,.22);color:#132536}
.op-rec-close-v31f6{position:absolute;right:10px;top:8px;width:30px;height:30px;border:0;background:transparent;font-size:24px;color:#234052;cursor:pointer}
.op-rec-prompt-v31f6>small{display:block;font-size:9px;font-weight:950;letter-spacing:.08em;color:#9a6200;margin-bottom:5px}
.op-rec-prompt-v31f6>h3{margin:0 34px 5px 0;font-size:20px;line-height:1.05;color:#132536}
.op-rec-prompt-v31f6>p{margin:0 0 12px;font-size:11px;line-height:1.35;color:#536870}
.op-rec-prompt-actions-v31f6{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.op-rec-prompt-actions-v31f6 button{height:54px;border-radius:10px;font:inherit;font-weight:950;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.op-rec-prompt-actions-v31f6 button>span{font-size:21px}.op-rec-prompt-actions-v31f6 button>div{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.op-rec-prompt-actions-v31f6 b{font-size:13px}.op-rec-prompt-actions-v31f6 small{font-size:7px;margin-top:4px}
.op-rec-prompt-actions-v31f6 .done{border:0;background:linear-gradient(135deg,#12a85e,#078747);color:#fff}.op-rec-prompt-actions-v31f6 .notdone{border:1.5px solid #b9c3c8;background:#fff;color:#263e4a}
.op-rec-feedback-v31f6{margin:0 0 10px;padding:7px 9px;border-radius:9px;font-size:10px}.op-rec-feedback-v31f6.done{background:#eaf8ef;color:#14643a}.op-rec-feedback-v31f6.ignored{background:#fff4dc;color:#855500}
.op-rec-info-v31f6{padding:10px 11px;border-radius:10px;background:#f3f7f8;border:1px solid #dce6e8;display:grid;gap:3px}.op-rec-info-v31f6 b{font-size:11px}.op-rec-info-v31f6 span{font-size:9px;color:#5d7078}
.op-rec-prompt-foot-v31f6{display:flex;justify-content:flex-end;margin-top:10px}.op-rec-prompt-foot-v31f6 button{border:1px solid #e0b09d;background:#fff8f4;color:#91431e;border-radius:9px;height:34px;padding:0 11px;font:inherit;font-size:9px;font-weight:950;cursor:pointer}

/* Desktop: lienzo visual 4:3 centrado. La pantalla puede ser ancha sin estirar la UI. */
@media (min-width:901px){
  body.tinas-operator-v198{background:#f7f0e2!important;overflow:hidden!important}
  body.tinas-operator-v198 #page-servicio{width:100%!important;max-width:none!important;margin:0!important;display:block!important;background:#f7f0e2!important;overflow:hidden!important}
  body.tinas-operator-v198 #page-servicio .op-shell-v198{
    width:min(100vw,calc(100dvh * 1.333333))!important;
    max-width:1448px!important;
    min-width:0!important;
    height:100dvh!important;
    min-height:0!important;
    margin:0 auto!important;
    grid-template-rows:clamp(74px,13.4vh,96px) clamp(72px,12.9vh,94px) minmax(0,1fr) clamp(32px,5.8vh,48px)!important;
    overflow:hidden!important;
    box-shadow:0 0 30px rgba(27,48,47,.08)!important;
  }
  body.tinas-operator-v198 #page-servicio .op-top-v198{
    width:100%!important;max-width:100%!important;
    grid-template-columns:clamp(205px,27.5%,310px) minmax(0,1fr) clamp(92px,12.5%,145px) clamp(88px,12.5%,138px)!important;
    gap:4px!important;padding:0 clamp(7px,1.2vw,14px)!important;box-sizing:border-box!important;overflow:hidden!important
  }
  body.tinas-operator-v198 #page-servicio .op-brand-v199{padding:0!important;min-width:0!important;overflow:hidden!important}
  body.tinas-operator-v198 #page-servicio .op-brand-v199>img{width:100%!important;max-width:clamp(205px,25vw,285px)!important;height:clamp(68px,11.2vh,86px)!important;object-fit:contain!important;object-position:left center!important}
  body.tinas-operator-v198 #page-servicio .op-nav-v198{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(2px,.45vw,6px)!important;overflow:hidden!important}
  body.tinas-operator-v198 #page-servicio .op-nav-v198 button{min-width:0!important;width:100%!important;height:clamp(46px,8.4vh,62px)!important;padding:3px 2px!important;font-size:clamp(9px,1.55vh,13px)!important}
  body.tinas-operator-v198 #page-servicio .op-time-v198{min-width:0!important;padding:0 5px!important}.op-time-v198 small{font-size:clamp(6px,1.05vh,9px)!important}.op-time-v198 strong{font-size:clamp(21px,4.2vh,31px)!important}
  body.tinas-operator-v198 #page-servicio .op-user-v198{min-width:0!important;padding:0 5px!important;gap:5px!important}.op-user-v198>span{width:clamp(30px,5.4vh,42px)!important;height:clamp(30px,5.4vh,42px)!important;flex-basis:clamp(30px,5.4vh,42px)!important}.op-user-v198 small{font-size:clamp(6px,1vh,8px)!important}.op-user-v198 b{font-size:clamp(9px,1.55vh,12px)!important}

  body.tinas-operator-v198 #page-servicio .op-general-v198{
    width:calc(100% - clamp(16px,2.6vw,28px))!important;max-width:none!important;margin:clamp(6px,1vh,9px) auto!important;
    grid-template-columns:minmax(205px,31%) minmax(0,1fr) clamp(112px,18%,176px)!important;
    height:auto!important;min-height:0!important;box-sizing:border-box!important;overflow:hidden!important
  }
  body.tinas-operator-v198 #page-servicio .op-shift-v198{padding:5px clamp(9px,1.3vw,15px)!important;gap:9px!important}.op-shift-v198>span{width:clamp(30px,5.2vh,42px)!important;height:clamp(30px,5.2vh,42px)!important}.op-shift-v198 b{font-size:clamp(11px,1.9vh,15px)!important}.op-shift-v198 small{font-size:clamp(7px,1.15vh,9px)!important}
  body.tinas-operator-v198 #page-servicio .op-general-copy-v198{padding:5px clamp(8px,1.2vw,14px)!important;gap:8px!important;overflow:hidden!important}.op-chef-v198{width:clamp(38px,6.3vh,50px)!important;height:clamp(38px,6.3vh,50px)!important}.op-general-copy-v198 small{font-size:clamp(7px,1.1vh,9px)!important}.op-general-copy-v198 strong{font-size:clamp(13px,2.2vh,18px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.op-general-copy-v198 div>span{font-size:clamp(7px,1.15vh,9px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.tinas-operator-v198 #page-servicio .op-slogan-text-v19{display:flex!important;min-width:0!important;transform:scale(.86)!important;transform-origin:center!important}

  body.tinas-operator-v198 #page-servicio .op-vats-v198{
    width:calc(100% - clamp(18px,2.8vw,32px))!important;max-width:none!important;height:100%!important;min-height:0!important;
    margin:0 auto!important;padding:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(10px,1.7vw,20px)!important;align-items:stretch!important;overflow:hidden!important
  }
  body.tinas-operator-v198 #page-servicio .op-vat-card-v198{height:100%!important;min-height:0!important;width:100%!important;max-width:none!important;margin:0!important;display:grid!important;grid-template-rows:clamp(60px,10.5vh,78px) minmax(0,1fr)!important;border-width:clamp(3px,.55vh,5px)!important;border-radius:clamp(15px,2.4vh,20px)!important;overflow:hidden!important}
  body.tinas-operator-v198 #page-servicio .op-vat-head-v198{height:auto!important;padding:0 clamp(8px,1.3vw,14px)!important;grid-template-columns:auto minmax(0,1fr) clamp(30px,5.6vh,42px)!important;gap:4px!important}.op-vat-head-v198 h2{font-size:clamp(34px,6.4vh,50px)!important}.op-vat-slogan-v198{font-size:clamp(6.5px,1.2vh,9px)!important;padding-right:clamp(10px,1.6vw,18px)!important}.op-basket-mark-v198{width:clamp(30px,5.5vh,42px)!important;height:clamp(26px,4.8vh,36px)!important}
  body.tinas-operator-v198 #page-servicio .op-vat-body-v198{height:100%!important;min-height:0!important;padding:clamp(6px,1vh,9px)!important;display:grid!important;grid-template-rows:clamp(82px,15.4vh,112px) clamp(52px,9.4vh,68px) clamp(64px,11.6vh,82px) minmax(72px,1fr)!important;gap:clamp(5px,.9vh,7px)!important;overflow:hidden!important}
  body.tinas-operator-v198 #page-servicio .op-thermal-v198{height:100%!important;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr)!important;gap:6px!important}.op-temp-v198{padding-right:5px!important}.op-temp-v198 small,.op-temp-v198>span{font-size:clamp(6.5px,1.15vh,9px)!important}.op-temp-v198 strong{font-size:clamp(42px,8.2vh,62px)!important}.op-status-v198{height:100%!important;padding:5px 7px!important;gap:6px!important}.op-status-icon-v198{width:clamp(34px,6.5vh,48px)!important;height:clamp(34px,6.5vh,48px)!important;flex-basis:clamp(34px,6.5vh,48px)!important}.op-status-v198 b{font-size:clamp(13px,2.45vh,19px)!important}.op-status-v198 small{font-size:clamp(7px,1.25vh,10px)!important}
  body.tinas-operator-v198 #page-servicio .op-queue-v198{height:100%!important;grid-template-columns:clamp(54px,9.8vh,72px) minmax(0,1fr)!important;padding:0 6px!important;gap:5px!important}.op-kraft-v198,.op-kraft-v198>img{width:clamp(52px,9vh,67px)!important;height:clamp(44px,7.8vh,58px)!important;max-width:none!important}.op-queue-copy-v198 strong{font-size:clamp(12px,2.2vh,17px)!important}.op-queue-copy-v198 span{font-size:clamp(7px,1.25vh,10px)!important}.op-eta-v198{display:none!important}
  body.tinas-operator-v198 #page-servicio .op-rec-v198{height:100%!important;min-height:0!important;margin:0!important;grid-template-columns:clamp(58px,10.5vh,78px) minmax(0,1fr)!important;padding:0 clamp(7px,1.1vw,11px)!important;border-radius:clamp(13px,2vh,17px)!important;overflow:hidden!important}.op-rec-mascot-v12,.op-rec-mascot-v12>img{width:clamp(55px,9.8vh,72px)!important;height:clamp(49px,8.6vh,64px)!important;max-width:none!important}.op-rec-v198>div{padding-right:58px!important}.op-rec-v198 small{font-size:clamp(7px,1.15vh,9px)!important}.op-rec-v198 strong{font-size:clamp(13px,2.25vh,17px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.op-rec-v198 span{font-size:clamp(7px,1.18vh,9px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.op-rec-click-badge-v31f6{top:50%!important;transform:translateY(-50%)!important;right:8px!important;height:clamp(21px,3.8vh,27px)!important;min-width:clamp(47px,7vw,58px)!important;font-size:clamp(8px,1.35vh,10px)!important}
  body.tinas-operator-v198 #page-servicio .op-action-zone-v25{height:100%!important;min-height:0!important;overflow:hidden!important}.op-action-zone-v25.order-active-v31f6,.op-action-zone-v25.idle-v31f6{grid-template-rows:minmax(44px,1fr) clamp(20px,3.7vh,27px)!important;gap:4px!important;min-height:0!important}.op-order-zone-v31f6,.op-idle-zone-v31f6{height:100%!important;min-height:0!important}.op-order-zone-v31f6{grid-template-columns:minmax(115px,1fr) minmax(105px,.86fr) clamp(48px,8.2vw,64px) clamp(32px,5.3vw,40px)!important;gap:4px!important}.op-order-copy-v31f6{padding:4px 6px!important}.op-order-copy-v31f6 small{font-size:clamp(5.5px,.95vh,7px)!important}.op-order-copy-v31f6 b{font-size:clamp(8px,1.45vh,11px)!important}.op-order-copy-v31f6 span{font-size:clamp(5.5px,.95vh,7px)!important}.op-order-main-v31f6{font-size:clamp(9px,1.65vh,12px)!important;padding:0 5px!important}.op-order-detail-v31f6 strong{font-size:clamp(6px,1vh,8px)!important}.op-order-incident-v31f6{font-size:clamp(14px,2.4vh,18px)!important}.op-idle-zone-v31f6{grid-template-columns:minmax(0,1fr) clamp(58px,9.5vw,74px)!important;padding:4px 6px!important}.op-idle-copy-v31f6{grid-template-columns:clamp(37px,6.6vh,48px) minmax(0,1fr)!important;gap:6px!important}.op-idle-copy-v31f6 .basket,.op-idle-copy-v31f6 .basket svg{width:clamp(36px,6vh,44px)!important;height:clamp(29px,5.2vh,38px)!important}.op-idle-copy-v31f6 b{font-size:clamp(9px,1.65vh,12px)!important}.op-idle-copy-v31f6 small{font-size:clamp(6px,1.05vh,8px)!important}.op-idle-detail-v31f6{height:80%!important}.op-idle-detail-v31f6 strong{font-size:clamp(6px,1.1vh,8px)!important}
  body.tinas-operator-v198 #page-servicio .op-next-v25{height:100%!important;min-height:0!important;padding:0 5px!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:4px!important;font-size:clamp(6px,1.05vh,8px)!important}.op-next-v25>b,.op-next-v25>span{font-size:inherit!important}.op-next-state-v31f1{height:75%!important;font-size:clamp(6px,1vh,8px)!important;padding:0 6px!important}
  body.tinas-operator-v198 #page-servicio .op-footer-v198{height:100%!important;min-height:0!important;width:100%!important;padding:0 clamp(16px,2.6vw,28px)!important;display:flex!important}.op-footer-script-v199{font-size:clamp(14px,2.5vh,20px)!important}.op-footer-caps-v199{font-size:clamp(6.5px,1.15vh,9px)!important}
}

@media(max-width:760px){
  .op-rec-click-badge-v31f6{top:5px!important;right:6px!important;height:20px!important;min-width:44px!important;font-size:8px!important}
  .op-order-zone-v31f6{grid-template-columns:minmax(0,1fr) 104px 44px 38px!important;gap:4px!important}
  .op-order-detail-v31f6 strong{display:none!important}
  .op-idle-zone-v31f6{grid-template-columns:minmax(0,1fr) 64px!important}
}

/* =============================================================
   FIX31 FIX07 · PROPORCIONES VISUALES FINAS
   - Conserva el lienzo compacto FIX06.
   - Imágenes centrales sin deformación (aspect ratio original).
   - Fila de acción principal balanceada como el mockup aprobado.
   ============================================================= */
@media (min-width:901px){
  /* Los PNG de kraft/mascota son ~1.81:1. No forzar caja casi cuadrada. */
  body.tinas-operator-v198 #page-servicio .op-kraft-v198{
    width:clamp(58px,10.2vh,70px)!important;
    height:clamp(40px,7.1vh,50px)!important;
    max-width:none!important;
    overflow:visible!important;
    position:relative!important;
  }
  body.tinas-operator-v198 #page-servicio .op-kraft-v198>img{
    display:block!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
  }

  body.tinas-operator-v198 #page-servicio .op-rec-mascot-v12{
    width:clamp(62px,10.8vh,76px)!important;
    height:clamp(43px,7.6vh,54px)!important;
    max-width:none!important;
    overflow:visible!important;
    position:relative!important;
    align-self:center!important;
  }
  body.tinas-operator-v198 #page-servicio .op-rec-mascot-v12>img{
    display:block!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }

  /* Balance de la línea Acción / Iniciar / Detalle / Incidencia.
     Proporción visual: ~40% / 32% / 14% / 9%. */
  body.tinas-operator-v198 #page-servicio .op-order-zone-v31f6{
    grid-template-columns:minmax(0,1.15fr) minmax(0,.92fr) 54px 36px!important;
    gap:4px!important;
    align-items:stretch!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-copy-v31f6,
  body.tinas-operator-v198 #page-servicio .op-order-main-v31f6,
  body.tinas-operator-v198 #page-servicio .op-order-detail-v31f6,
  body.tinas-operator-v198 #page-servicio .op-order-incident-v31f6{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    box-sizing:border-box!important;
    border-radius:10px!important;
    align-self:stretch!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-copy-v31f6{padding:4px 7px!important}
  body.tinas-operator-v198 #page-servicio .op-order-main-v31f6{padding:0 6px!important}
  body.tinas-operator-v198 #page-servicio .op-order-detail-v31f6{padding:0 3px!important}
  body.tinas-operator-v198 #page-servicio .op-order-incident-v31f6{padding:0!important}

  /* Tina sin tanda: misma altura y Detalle alineado con la fila activa. */
  body.tinas-operator-v198 #page-servicio .op-idle-zone-v31f6{
    grid-template-columns:minmax(0,1fr) 54px!important;
    gap:4px!important;
    align-items:stretch!important;
  }
  body.tinas-operator-v198 #page-servicio .op-idle-detail-v31f6{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    align-self:stretch!important;
    border-radius:10px!important;
    padding:0 3px!important;
  }
}

/* =============================================================
   FIX31 FIX08 · GRÁFICOS NATURALES + BOTONERA LEGIBLE
   - No cambia flujo ni lógica.
   - Sustituye assets intermedios por versiones más verticales.
   - Devuelve presencia tipográfica real a la fila operativa.
   ============================================================= */
@media (min-width:901px){
  /* Pedido / cola: ilustración con proporción natural y mayor presencia vertical. */
  body.tinas-operator-v198 #page-servicio .op-queue-v198{
    grid-template-columns:82px minmax(0,1fr)!important;
    gap:8px!important;
    padding:0 10px!important;
    align-items:center!important;
  }
  body.tinas-operator-v198 #page-servicio .op-kraft-v198{
    width:76px!important;
    height:58px!important;
    max-width:76px!important;
    position:relative!important;
    overflow:visible!important;
    align-self:center!important;
    justify-self:center!important;
  }
  body.tinas-operator-v198 #page-servicio .op-kraft-v198>img{
    position:absolute!important;
    inset:50% auto auto 50%!important;
    transform:translate(-50%,-50%)!important;
    width:auto!important;
    height:56px!important;
    max-width:76px!important;
    max-height:56px!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  body.tinas-operator-v198 #page-servicio .op-queue-copy-v198 strong{
    font-size:15px!important;
    line-height:1.05!important;
    font-weight:950!important;
  }
  body.tinas-operator-v198 #page-servicio .op-queue-copy-v198 span{
    font-size:9px!important;
    line-height:1.1!important;
    margin-top:4px!important;
  }

  /* Recomendación: mascota más alta; no usar el PNG panorámico aplastado. */
  body.tinas-operator-v198 #page-servicio .op-rec-v198{
    grid-template-columns:88px minmax(0,1fr)!important;
    padding:0 10px!important;
    gap:6px!important;
    align-items:center!important;
  }
  body.tinas-operator-v198 #page-servicio .op-rec-mascot-v12{
    width:82px!important;
    height:64px!important;
    max-width:82px!important;
    position:relative!important;
    overflow:visible!important;
    align-self:center!important;
    justify-self:center!important;
  }
  body.tinas-operator-v198 #page-servicio .op-rec-mascot-v12>img{
    position:absolute!important;
    inset:50% auto auto 50%!important;
    transform:translate(-50%,-50%)!important;
    width:auto!important;
    height:62px!important;
    max-width:82px!important;
    max-height:62px!important;
    object-fit:contain!important;
    object-position:center!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }
  body.tinas-operator-v198 #page-servicio .op-rec-v198>div{padding-right:62px!important}
  body.tinas-operator-v198 #page-servicio .op-rec-v198 small{
    font-size:8.5px!important;
    font-weight:900!important;
    letter-spacing:.015em!important;
  }
  body.tinas-operator-v198 #page-servicio .op-rec-v198 strong{
    font-size:15.5px!important;
    line-height:1.05!important;
    font-weight:950!important;
  }
  body.tinas-operator-v198 #page-servicio .op-rec-v198 span{
    font-size:8.5px!important;
    line-height:1.1!important;
    margin-top:3px!important;
  }
  body.tinas-operator-v198 #page-servicio .op-rec-click-badge-v31f6{
    min-width:52px!important;
    height:26px!important;
    padding:0 8px!important;
    border-radius:999px!important;
    font-size:10px!important;
    font-weight:950!important;
    letter-spacing:.015em!important;
  }

  /* Fila operativa: alturas iguales y textos realmente legibles. */
  body.tinas-operator-v198 #page-servicio .op-action-zone-v25.order-active-v31f6{
    grid-template-rows:58px 22px!important;
    min-height:84px!important;
    gap:4px!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-zone-v31f6{
    height:58px!important;
    min-height:58px!important;
    grid-template-columns:minmax(128px,1.08fr) minmax(112px,.94fr) 68px 72px!important;
    gap:5px!important;
    align-items:stretch!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-copy-v31f6,
  body.tinas-operator-v198 #page-servicio .op-order-main-v31f6,
  body.tinas-operator-v198 #page-servicio .op-order-detail-v31f6,
  body.tinas-operator-v198 #page-servicio .op-order-incident-v31f6{
    height:58px!important;
    min-height:58px!important;
    border-radius:11px!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-copy-v31f6{
    padding:6px 9px!important;
    justify-content:center!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-copy-v31f6 small{
    font-size:7px!important;
    line-height:1!important;
    font-weight:950!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-copy-v31f6 b{
    font-size:10.5px!important;
    line-height:1.05!important;
    margin:3px 0 2px!important;
    font-weight:950!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-copy-v31f6 span{
    font-size:7px!important;
    line-height:1.05!important;
    font-weight:800!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-main-v31f6{
    padding:0 10px!important;
    font-size:13.5px!important;
    line-height:1!important;
    font-weight:1000!important;
    letter-spacing:-.01em!important;
    box-shadow:0 3px 8px rgba(134,93,0,.18)!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-detail-v31f6{
    padding:0 5px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:1px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-detail-v31f6 .op-detail-icon-v198{
    width:25px!important;
    height:19px!important;
    transform:scale(.88)!important;
    margin:-2px 0!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-detail-v31f6 strong{
    display:block!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:950!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-incident-v31f6{
    padding:0 4px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    font-size:19px!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-incident-v31f6>span{
    font-size:20px!important;
    line-height:1!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-incident-v31f6>strong{
    display:block!important;
    font-size:8.5px!important;
    line-height:1!important;
    font-weight:950!important;
  }

  /* Tina sin tanda: que Detalle tenga la misma presencia que en una Tina activa. */
  body.tinas-operator-v198 #page-servicio .op-action-zone-v25.idle-v31f6{
    grid-template-rows:58px 22px!important;
    min-height:84px!important;
    gap:4px!important;
  }
  body.tinas-operator-v198 #page-servicio .op-idle-zone-v31f6{
    height:58px!important;
    min-height:58px!important;
    grid-template-columns:minmax(0,1fr) 82px!important;
    gap:6px!important;
    padding:4px 6px!important;
  }
  body.tinas-operator-v198 #page-servicio .op-idle-detail-v31f6{
    height:50px!important;
    min-height:50px!important;
    align-self:center!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:1px!important;
  }
  body.tinas-operator-v198 #page-servicio .op-idle-detail-v31f6 .op-detail-icon-v198{
    width:25px!important;
    height:19px!important;
    transform:scale(.88)!important;
    margin:-2px 0!important;
  }
  body.tinas-operator-v198 #page-servicio .op-idle-detail-v31f6 strong{
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:950!important;
  }
}

/* =============================================================
   FIX31 FIX09 · AJUSTE VERTICAL + BOTONERA EN DOS HILERAS
   Solicitud visual 2026-09-16:
   1) banda superior más arriba / espacio exterior equilibrado;
   2) bloque SIN DATOS menos alto;
   3) pedido/cola integrado, no con aspecto de etiqueta incrustada;
   4) acciones en dos hileras con Detalle + Incidencia completos;
   5) recomendación usa "Click".
   Sin cambios de backend ni lógica de servicio.
   ============================================================= */
@media (min-width:901px){
  /* 1 · Acercar la banda al header y liberar altura útil debajo. */
  body.tinas-operator-v198 #page-servicio .op-general-v198{
    margin-top:2px!important;
    margin-bottom:5px!important;
  }
  body.tinas-operator-v198 #page-servicio .op-shift-v198,
  body.tinas-operator-v198 #page-servicio .op-general-copy-v198{
    transform:translateY(-1px);
  }

  /* Redistribución vertical: menos térmico, más zona operativa. */
  body.tinas-operator-v198 #page-servicio .op-vat-body-v198{
    grid-template-rows:
      clamp(68px,12.2vh,82px)
      clamp(58px,10.1vh,70px)
      clamp(60px,10.7vh,74px)
      minmax(108px,1fr)!important;
    gap:clamp(4px,.75vh,6px)!important;
  }

  /* 2 · SIN DATOS: cápsula notablemente menos alta, centrada. */
  body.tinas-operator-v198 #page-servicio .op-thermal-v198{
    align-items:center!important;
  }
  body.tinas-operator-v198 #page-servicio .op-status-v198{
    height:clamp(56px,9.4vh,66px)!important;
    min-height:0!important;
    max-height:66px!important;
    align-self:center!important;
    padding:4px 9px!important;
    gap:8px!important;
    border-radius:24px!important;
  }
  body.tinas-operator-v198 #page-servicio .op-status-icon-v198{
    width:clamp(32px,5.8vh,40px)!important;
    height:clamp(32px,5.8vh,40px)!important;
    flex-basis:clamp(32px,5.8vh,40px)!important;
  }
  body.tinas-operator-v198 #page-servicio .op-status-v198 b{
    font-size:clamp(13px,2.2vh,17px)!important;
    line-height:1!important;
  }
  body.tinas-operator-v198 #page-servicio .op-status-v198 small{
    font-size:clamp(7px,1.12vh,9px)!important;
    margin-top:2px!important;
  }

  /* 3 · Pedido/cola: sección integrada y sin el marco gráfico del asset viejo. */
  body.tinas-operator-v198 #page-servicio .op-queue-v198{
    height:100%!important;
    min-height:0!important;
    grid-template-columns:68px minmax(0,1fr)!important;
    gap:8px!important;
    padding:3px 11px!important;
    border-radius:14px!important;
    border:1px solid #eee9df!important;
    background:linear-gradient(90deg,#faf9f6 0%,#f6f5f1 100%)!important;
    box-sizing:border-box!important;
  }
  body.tinas-operator-v198 #page-servicio .op-kraft-v198{
    width:58px!important;
    height:54px!important;
    max-width:58px!important;
    overflow:visible!important;
  }
  body.tinas-operator-v198 #page-servicio .op-kraft-v198>img{
    width:auto!important;
    height:52px!important;
    max-width:58px!important;
    max-height:52px!important;
    object-fit:contain!important;
    object-position:center!important;
    mix-blend-mode:multiply!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }
  body.tinas-operator-v198 #page-servicio .op-queue-copy-v198 strong{
    font-size:clamp(14px,2.35vh,17px)!important;
    line-height:1.08!important;
  }
  body.tinas-operator-v198 #page-servicio .op-queue-copy-v198 span{
    font-size:clamp(8px,1.3vh,10px)!important;
    margin-top:3px!important;
  }

  /* Recomendación mantiene su tamaño, pero el aviso debe decir Click. */
  body.tinas-operator-v198 #page-servicio .op-rec-click-badge-v31f6{
    min-width:58px!important;
    padding:0 9px!important;
    font-size:10px!important;
  }

  /* 4 · Zona activa: dos hileras reales. */
  body.tinas-operator-v198 #page-servicio .op-action-zone-v25.order-active-v31f6,
  body.tinas-operator-v198 #page-servicio .op-action-zone-v25.idle-v31f6{
    grid-template-rows:minmax(86px,1fr) 20px!important;
    min-height:110px!important;
    gap:4px!important;
    overflow:visible!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-zone-v31f6{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(44px,1.15fr) minmax(36px,.85fr)!important;
    gap:5px!important;
    height:100%!important;
    min-height:86px!important;
    overflow:visible!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-primary-row-v31f9{
    display:grid!important;
    grid-template-columns:minmax(145px,1fr) minmax(150px,1.06fr)!important;
    gap:6px!important;
    min-width:0!important;
    align-items:stretch!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-secondary-row-v31f9{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    min-width:0!important;
    align-items:stretch!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-copy-v31f6,
  body.tinas-operator-v198 #page-servicio .op-order-main-v31f6,
  body.tinas-operator-v198 #page-servicio .op-order-detail-v31f6,
  body.tinas-operator-v198 #page-servicio .op-order-incident-v31f6{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    border-radius:10px!important;
    box-sizing:border-box!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-copy-v31f6{
    padding:5px 9px!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-copy-v31f6 small{
    font-size:7px!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-copy-v31f6 b{
    font-size:10.5px!important;
    margin:2px 0!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-copy-v31f6 span{
    font-size:7px!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-main-v31f6{
    font-size:14px!important;
    font-weight:1000!important;
    letter-spacing:-.01em!important;
    padding:0 10px!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-detail-v31f6,
  body.tinas-operator-v198 #page-servicio .op-order-incident-v31f6{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    padding:0 10px!important;
    overflow:visible!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-detail-v31f6 .op-detail-icon-v198{
    width:25px!important;
    height:19px!important;
    transform:scale(.82)!important;
    margin:0!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-detail-v31f6 strong,
  body.tinas-operator-v198 #page-servicio .op-order-incident-v31f6 strong{
    display:block!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:950!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-incident-v31f6>span{
    font-size:18px!important;
    line-height:1!important;
  }

  /* Tina libre: misma segunda hilera Detalle + Incidencia. */
  body.tinas-operator-v198 #page-servicio .op-idle-zone-v31f6{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(44px,1.15fr) minmax(36px,.85fr)!important;
    gap:5px!important;
    height:100%!important;
    min-height:86px!important;
    padding:5px 7px!important;
    overflow:visible!important;
  }
  body.tinas-operator-v198 #page-servicio .op-idle-copy-v31f6{
    min-height:0!important;
    padding:0 5px!important;
  }
  body.tinas-operator-v198 #page-servicio .op-idle-secondary-row-v31f9{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    min-width:0!important;
    align-items:stretch!important;
  }
  body.tinas-operator-v198 #page-servicio .op-idle-detail-v31f6,
  body.tinas-operator-v198 #page-servicio .op-idle-incident-v31f9{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    border-radius:10px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    padding:0 10px!important;
    font:inherit!important;
    font-weight:950!important;
    cursor:pointer!important;
    box-sizing:border-box!important;
  }
  body.tinas-operator-v198 #page-servicio .op-idle-detail-v31f6{
    border:1px solid #c7d5d8!important;
    background:#fff!important;
    color:#193d49!important;
  }
  body.tinas-operator-v198 #page-servicio .op-idle-incident-v31f9{
    border:1px solid #e1b49f!important;
    background:#fff8f4!important;
    color:#944921!important;
  }
  body.tinas-operator-v198 #page-servicio .op-idle-incident-v31f9.critical{
    border-color:#d64545!important;
    background:#fff0f0!important;
    color:#9d1f28!important;
  }
  body.tinas-operator-v198 #page-servicio .op-idle-detail-v31f6 strong,
  body.tinas-operator-v198 #page-servicio .op-idle-incident-v31f9 strong{
    font-size:11px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  body.tinas-operator-v198 #page-servicio .op-idle-incident-v31f9>span{
    font-size:18px!important;
    line-height:1!important;
  }
  body.tinas-operator-v198 #page-servicio .op-idle-detail-v31f6 .op-detail-icon-v198{
    width:25px!important;
    height:19px!important;
    transform:scale(.82)!important;
    margin:0!important;
  }

  /* Mantener la línea siguiente paso legible sin robar altura. */
  body.tinas-operator-v198 #page-servicio .op-next-v25{
    min-height:20px!important;
    height:20px!important;
    font-size:7px!important;
  }
}

/* =============================================================
   FIX31 FIX10 · AJUSTE QUIRÚRGICO TÉRMICO + ICONO PAPAS
   Sólo corrige los tres puntos observados en validación FIX09:
   - icono de papas completo, sin corte;
   - texto Objetivo visible bajo temperatura;
   - cápsula de estado térmico centrada verticalmente.
   No altera resto del layout ni la botonera.
   ============================================================= */
@media (min-width:901px){
  /* La fila térmica ya es compacta en FIX09: el bloque izquierdo debe
     respetar esa altura y no heredar los 92px históricos. */
  body.tinas-operator-v198 #page-servicio .op-temp-v198{
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    overflow:visible!important;
    padding-top:2px!important;
    padding-bottom:2px!important;
  }
  body.tinas-operator-v198 #page-servicio .op-temp-v198 small{
    margin:0 0 1px!important;
    flex:none!important;
  }
  body.tinas-operator-v198 #page-servicio .op-temp-v198 strong{
    margin:0!important;
    line-height:.86!important;
    flex:none!important;
  }
  body.tinas-operator-v198 #page-servicio .op-temp-v198>span{
    display:block!important;
    margin-top:3px!important;
    line-height:1!important;
    flex:none!important;
    overflow:visible!important;
  }

  /* Centrar realmente la cápsula dentro de la misma fila térmica. */
  body.tinas-operator-v198 #page-servicio .op-status-v198{
    align-self:center!important;
    justify-self:stretch!important;
    margin-top:0!important;
    margin-bottom:0!important;
    transform:translateY(-1px)!important;
  }

  /* El asset completo es más panorámico: mostrarlo entero, sin crop. */
  body.tinas-operator-v198 #page-servicio .op-kraft-v198{
    width:62px!important;
    height:52px!important;
    max-width:62px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  body.tinas-operator-v198 #page-servicio .op-kraft-v198>img{
    width:62px!important;
    height:auto!important;
    max-width:62px!important;
    max-height:50px!important;
    object-fit:contain!important;
    object-position:center!important;
    display:block!important;
    overflow:visible!important;
  }
}

/* =============================================================
   FIX31 FIX12 · COMPATIBILIDAD MOBILE / TABLET — SOLO <=900px
   Desktop >900px queda intacto respecto a FIX11.
   Corrige el renderer actual FIX09/FIX11 en pantallas táctiles:
   - navegación de 4 pestañas en teléfono;
   - acción del pedido en dos hileras sin recorte;
   - Detalle + Incidencia completos;
   - recomendación Click sin tapar texto;
   - imágenes kraft con proporción natural.
   ============================================================= */
@media (max-width:900px){
  body.tinas-operator-v198 #page-servicio .op-action-zone-v25.order-active-v31f6,
  body.tinas-operator-v198 #page-servicio .op-action-zone-v25.idle-v31f6{
    height:auto!important;
    min-height:0!important;
    grid-template-rows:auto 20px!important;
    gap:5px!important;
    overflow:visible!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-zone-v31f6{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:56px 44px!important;
    gap:6px!important;
    height:auto!important;
    min-height:106px!important;
    overflow:visible!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-primary-row-v31f9{
    display:grid!important;
    grid-template-columns:minmax(0,1.08fr) minmax(128px,.92fr)!important;
    gap:6px!important;
    min-width:0!important;
    align-items:stretch!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-secondary-row-v31f9{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    min-width:0!important;
    align-items:stretch!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-copy-v31f6,
  body.tinas-operator-v198 #page-servicio .op-order-main-v31f6,
  body.tinas-operator-v198 #page-servicio .op-order-detail-v31f6,
  body.tinas-operator-v198 #page-servicio .op-order-incident-v31f6{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    box-sizing:border-box!important;
    border-radius:10px!important;
  }
  body.tinas-operator-v198 #page-servicio .op-order-copy-v31f6{padding:5px 8px!important}
  body.tinas-operator-v198 #page-servicio .op-order-copy-v31f6 small{font-size:6.5px!important;line-height:1!important}
  body.tinas-operator-v198 #page-servicio .op-order-copy-v31f6 b{font-size:10px!important;line-height:1.04!important;margin:2px 0!important}
  body.tinas-operator-v198 #page-servicio .op-order-copy-v31f6 span{font-size:6.5px!important;line-height:1.05!important}
  body.tinas-operator-v198 #page-servicio .op-order-main-v31f6{
    padding:0 8px!important;font-size:14px!important;line-height:1!important;font-weight:1000!important;white-space:nowrap!important
  }
  body.tinas-operator-v198 #page-servicio .op-order-detail-v31f6,
  body.tinas-operator-v198 #page-servicio .op-order-incident-v31f6{
    display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:0 8px!important;overflow:hidden!important
  }
  body.tinas-operator-v198 #page-servicio .op-order-detail-v31f6 strong,
  body.tinas-operator-v198 #page-servicio .op-order-incident-v31f6 strong{
    display:block!important;font-size:11px!important;line-height:1!important;font-weight:950!important;white-space:nowrap!important
  }
  body.tinas-operator-v198 #page-servicio .op-order-detail-v31f6 .op-detail-icon-v198{width:24px!important;height:19px!important;transform:scale(.82)!important;margin:0!important}
  body.tinas-operator-v198 #page-servicio .op-order-incident-v31f6>span{font-size:18px!important;line-height:1!important}

  body.tinas-operator-v198 #page-servicio .op-idle-zone-v31f6{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:52px 44px!important;
    gap:6px!important;
    height:auto!important;
    min-height:102px!important;
    padding:5px 7px!important;
    overflow:visible!important;
  }
  body.tinas-operator-v198 #page-servicio .op-idle-copy-v31f6{min-height:0!important;padding:0 4px!important}
  body.tinas-operator-v198 #page-servicio .op-idle-secondary-row-v31f9{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;min-width:0!important;align-items:stretch!important
  }
  body.tinas-operator-v198 #page-servicio .op-idle-detail-v31f6,
  body.tinas-operator-v198 #page-servicio .op-idle-incident-v31f9{
    width:100%!important;height:44px!important;min-height:44px!important;border-radius:10px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:0 8px!important;font:inherit!important;font-weight:950!important;box-sizing:border-box!important
  }
  body.tinas-operator-v198 #page-servicio .op-idle-detail-v31f6 strong,
  body.tinas-operator-v198 #page-servicio .op-idle-incident-v31f9 strong{font-size:11px!important;line-height:1!important;white-space:nowrap!important}
  body.tinas-operator-v198 #page-servicio .op-idle-detail-v31f6 .op-detail-icon-v198{width:24px!important;height:19px!important;transform:scale(.82)!important;margin:0!important}
  body.tinas-operator-v198 #page-servicio .op-idle-incident-v31f9>span{font-size:18px!important;line-height:1!important}

  body.tinas-operator-v198 #page-servicio .op-next-v25{height:20px!important;min-height:20px!important;font-size:7px!important;overflow:hidden!important}
  body.tinas-operator-v198 #page-servicio .op-next-v25>span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

  /* proporción natural del vaso de papas en tablet/móvil */
  body.tinas-operator-v198 #page-servicio .op-kraft-v198{overflow:visible!important;position:relative!important}
  body.tinas-operator-v198 #page-servicio .op-kraft-v198>img{
    position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
    width:auto!important;height:90%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important
  }

  /* recomendación tocable: reservar sitio real para Click */
  body.tinas-operator-v198 #page-servicio .op-rec-v198>div{min-width:0!important;padding-right:52px!important;overflow:hidden!important}
  body.tinas-operator-v198 #page-servicio .op-rec-click-badge-v31f6{
    top:50%!important;right:7px!important;transform:translateY(-50%)!important;height:24px!important;min-width:48px!important;padding:0 7px!important;font-size:9px!important
  }
}

@media (max-width:620px){
  /* Hay cuatro vistas de operador; en teléfono deben caber las cuatro en una sola fila. */
  body.tinas-operator-v198 #page-servicio .op-nav-v198{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:4px!important;
  }
  body.tinas-operator-v198 #page-servicio .op-nav-v198 button{
    min-width:0!important;padding:3px 2px!important;font-size:10px!important
  }
  body.tinas-operator-v198 #page-servicio .op-nav-v198 button b{font-size:10px!important}

  /* Una Tina por vez; el teléfono puede crecer verticalmente y hacer scroll natural. */
  body.tinas-operator-v198 #page-servicio .op-vat-body-v198{
    height:auto!important;
    grid-template-rows:92px 60px 66px auto!important;
    gap:7px!important;
    overflow:visible!important;
  }
  body.tinas-operator-v198 #page-servicio .op-queue-v198{height:60px!important;min-height:60px!important}
  body.tinas-operator-v198 #page-servicio .op-rec-v198{height:66px!important;min-height:66px!important}

  body.tinas-operator-v198 #page-servicio .op-order-zone-v31f6{grid-template-rows:58px 46px!important;min-height:110px!important}
  body.tinas-operator-v198 #page-servicio .op-order-primary-row-v31f9{grid-template-columns:minmax(0,1.05fr) minmax(124px,.95fr)!important;gap:5px!important}
  body.tinas-operator-v198 #page-servicio .op-order-secondary-row-v31f9{gap:5px!important}
  body.tinas-operator-v198 #page-servicio .op-order-main-v31f6{font-size:13.5px!important;padding:0 6px!important}
  body.tinas-operator-v198 #page-servicio .op-order-detail-v31f6,
  body.tinas-operator-v198 #page-servicio .op-order-incident-v31f6{min-height:46px!important;height:46px!important}

  body.tinas-operator-v198 #page-servicio .op-idle-zone-v31f6{grid-template-rows:54px 46px!important;min-height:106px!important}
  body.tinas-operator-v198 #page-servicio .op-idle-detail-v31f6,
  body.tinas-operator-v198 #page-servicio .op-idle-incident-v31f9{height:46px!important;min-height:46px!important}

  /* No comprimir el modal de recomendación por debajo de targets táctiles. */
  .modal-box.op-rec-modal-box-v31f6{width:calc(100vw - 18px)!important;max-width:460px!important}
  .op-rec-prompt-v31f6{padding:16px 12px 12px!important}
  .op-rec-prompt-actions-v31f6{gap:7px!important}
  .op-rec-prompt-actions-v31f6 button{height:52px!important;min-height:52px!important;padding:0 7px!important}
}

@media (max-width:380px){
  body.tinas-operator-v198 #page-servicio .op-order-primary-row-v31f9{grid-template-columns:minmax(0,1fr) 118px!important}
  body.tinas-operator-v198 #page-servicio .op-order-copy-v31f6 b{font-size:9.5px!important}
  body.tinas-operator-v198 #page-servicio .op-order-main-v31f6{font-size:12.5px!important}
  body.tinas-operator-v198 #page-servicio .op-order-detail-v31f6 strong,
  body.tinas-operator-v198 #page-servicio .op-order-incident-v31f6 strong,
  body.tinas-operator-v198 #page-servicio .op-idle-detail-v31f6 strong,
  body.tinas-operator-v198 #page-servicio .op-idle-incident-v31f9 strong{font-size:10.5px!important}
}

/* =============================================================
   FIX31 FIX13 · GUARD DE NAVEGACIÓN DESKTOP — SIN CAMBIO VISUAL
   La barra superior debe quedar siempre por encima de elementos
   decorativos/overflow y conservar hit-testing en escritorio.
   ============================================================= */
@media (min-width:901px){
  body.tinas-operator-v198 .op-top-v198 .op-brand-v199,
  body.tinas-operator-v198 .op-top-v198 .op-brand-v199>img,
  body.tinas-operator-v198 .op-top-v198 .op-time-v198{
    pointer-events:none!important;
  }
  body.tinas-operator-v198 .op-top-v198 .op-nav-v198,
  body.tinas-operator-v198 .op-top-v198 .op-nav-v198 button,
  body.tinas-operator-v198 .op-top-v198 .op-user-v198{
    position:relative!important;
    z-index:20!important;
    pointer-events:auto!important;
  }
}

/* =============================================================
   FIX31 FIX14 · NAVEGACIÓN DESKTOP REAL — NO CAMBIO VISUAL
   Causa raíz: FIX06 dejó #page-servicio con display:block!important
   en desktop, así que showPage() sí cambiaba state/active pero Tinas
   seguía visible encima de Venta / Órdenes / Reportes.
   ============================================================= */
@media (min-width:901px){
  body.tinas-operator-v198 #page-servicio:not(.active){
    display:none!important;
  }
  body.tinas-operator-v198 #page-servicio.active{
    display:block!important;
  }
}

/* =============================================================
   FIX31 FIX15 · ESTÁNDAR DE VIEWPORT OPERADOR
   Objetivo: Venta / Tinas / Órdenes / Reportes comparten el mismo
   lienzo visual de Tinas en desktop sin modificar la vista Tinas.
   - Canvas 4:3 centrado, max 1448 px.
   - Header con la misma geometría en las 4 vistas.
   - Mismos gutters horizontales.
   - Tinas sigue one-screen.
   - Venta / Órdenes / Reportes hacen scroll dentro del canvas.
   - Móvil <=900 px conserva FIX12 sin cambios visuales.
   ============================================================= */
@media (min-width:901px){
  body.tinas-operator-v198{
    --op-standard-canvas-w:min(100vw,calc(100dvh * 1.333333));
    --op-standard-canvas-max:1448px;
    --op-standard-gutter:clamp(18px,2.8vw,32px);
    --op-standard-header-h:clamp(74px,13.4vh,96px);
    --op-standard-footer-h:clamp(32px,5.8vh,48px);
    background:#f7f0e2!important;
    height:100dvh!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  /* El host de las cuatro vistas ocupa sólo el viewport. */
  body.tinas-operator-v198 .app,
  body.tinas-operator-v198 .workspace,
  body.tinas-operator-v198 .content{
    height:100dvh!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  /* -----------------------------------------------------------
     CANVAS: las tres vistas restantes adoptan exactamente el ancho
     aprobado de Tinas. Tinas se deja intacta deliberadamente.
     ----------------------------------------------------------- */
  body.tinas-operator-v198[data-operator-page-v31="ventas"] #page-ventas{
    width:var(--op-standard-canvas-w)!important;
    max-width:var(--op-standard-canvas-max)!important;
    height:100dvh!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:#fbf6e9!important;
    box-shadow:0 0 30px rgba(27,48,47,.08)!important;
    scrollbar-gutter:stable;
  }
  body.tinas-operator-v198[data-operator-page-v31="espera"] #page-espera,
  body.tinas-operator-v198[data-operator-page-v31="reportes"] #page-reportes{
    width:100%!important;
    max-width:none!important;
    height:100dvh!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#f7f0e2!important;
  }
  body.tinas-operator-v198[data-operator-page-v31="espera"] #page-espera .op-shell-v198.op-sub-shell-v20,
  body.tinas-operator-v198[data-operator-page-v31="reportes"] #page-reportes .op-shell-v198.op-sub-shell-v20{
    width:var(--op-standard-canvas-w)!important;
    max-width:var(--op-standard-canvas-max)!important;
    height:100dvh!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-rows:var(--op-standard-header-h) minmax(0,1fr) var(--op-standard-footer-h)!important;
    background:#fbf6e9!important;
    box-shadow:0 0 30px rgba(27,48,47,.08)!important;
  }

  /* -----------------------------------------------------------
     HEADER STANDARD: replica la geometría aprobada de Tinas.
     ----------------------------------------------------------- */
  body.tinas-operator-v198[data-operator-page-v31="ventas"] #page-ventas>.op-top-v198,
  body.tinas-operator-v198[data-operator-page-v31="espera"] #page-espera .op-top-v198,
  body.tinas-operator-v198[data-operator-page-v31="reportes"] #page-reportes .op-top-v198{
    width:100%!important;
    max-width:100%!important;
    height:var(--op-standard-header-h)!important;
    min-height:0!important;
    grid-template-columns:clamp(205px,27.5%,310px) minmax(0,1fr) clamp(92px,12.5%,145px) clamp(88px,12.5%,138px)!important;
    gap:4px!important;
    padding:0 clamp(7px,1.2vw,14px)!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    position:sticky!important;
    top:0!important;
    z-index:45!important;
  }
  body.tinas-operator-v198[data-operator-page-v31="espera"] #page-espera .op-top-v198,
  body.tinas-operator-v198[data-operator-page-v31="reportes"] #page-reportes .op-top-v198{
    position:relative!important;
  }

  body.tinas-operator-v198[data-operator-page-v31="ventas"] #page-ventas .op-brand-v199,
  body.tinas-operator-v198[data-operator-page-v31="espera"] #page-espera .op-brand-v199,
  body.tinas-operator-v198[data-operator-page-v31="reportes"] #page-reportes .op-brand-v199{
    padding:0!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  body.tinas-operator-v198[data-operator-page-v31="ventas"] #page-ventas .op-brand-v199>img,
  body.tinas-operator-v198[data-operator-page-v31="espera"] #page-espera .op-brand-v199>img,
  body.tinas-operator-v198[data-operator-page-v31="reportes"] #page-reportes .op-brand-v199>img{
    width:100%!important;
    max-width:clamp(205px,25vw,285px)!important;
    height:clamp(68px,11.2vh,86px)!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  body.tinas-operator-v198[data-operator-page-v31="ventas"] #page-ventas .op-nav-v198,
  body.tinas-operator-v198[data-operator-page-v31="espera"] #page-espera .op-nav-v198,
  body.tinas-operator-v198[data-operator-page-v31="reportes"] #page-reportes .op-nav-v198{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:clamp(2px,.45vw,6px)!important;
    overflow:hidden!important;
    min-width:0!important;
  }
  body.tinas-operator-v198[data-operator-page-v31="ventas"] #page-ventas .op-nav-v198 button,
  body.tinas-operator-v198[data-operator-page-v31="espera"] #page-espera .op-nav-v198 button,
  body.tinas-operator-v198[data-operator-page-v31="reportes"] #page-reportes .op-nav-v198 button{
    min-width:0!important;
    width:100%!important;
    height:clamp(46px,8.4vh,62px)!important;
    padding:3px 2px!important;
    font-size:clamp(9px,1.55vh,13px)!important;
  }
  body.tinas-operator-v198[data-operator-page-v31="ventas"] #page-ventas .op-time-v198,
  body.tinas-operator-v198[data-operator-page-v31="espera"] #page-espera .op-time-v198,
  body.tinas-operator-v198[data-operator-page-v31="reportes"] #page-reportes .op-time-v198{
    min-width:0!important;padding:0 5px!important
  }
  body.tinas-operator-v198[data-operator-page-v31="ventas"] #page-ventas .op-time-v198 small,
  body.tinas-operator-v198[data-operator-page-v31="espera"] #page-espera .op-time-v198 small,
  body.tinas-operator-v198[data-operator-page-v31="reportes"] #page-reportes .op-time-v198 small{font-size:clamp(6px,1.05vh,9px)!important}
  body.tinas-operator-v198[data-operator-page-v31="ventas"] #page-ventas .op-time-v198 strong,
  body.tinas-operator-v198[data-operator-page-v31="espera"] #page-espera .op-time-v198 strong,
  body.tinas-operator-v198[data-operator-page-v31="reportes"] #page-reportes .op-time-v198 strong{font-size:clamp(21px,4.2vh,31px)!important}
  body.tinas-operator-v198[data-operator-page-v31="ventas"] #page-ventas .op-user-v198,
  body.tinas-operator-v198[data-operator-page-v31="espera"] #page-espera .op-user-v198,
  body.tinas-operator-v198[data-operator-page-v31="reportes"] #page-reportes .op-user-v198{
    min-width:0!important;padding:0 5px!important;gap:5px!important
  }
  body.tinas-operator-v198[data-operator-page-v31="ventas"] #page-ventas .op-user-v198>span,
  body.tinas-operator-v198[data-operator-page-v31="espera"] #page-espera .op-user-v198>span,
  body.tinas-operator-v198[data-operator-page-v31="reportes"] #page-reportes .op-user-v198>span{
    width:clamp(30px,5.4vh,42px)!important;height:clamp(30px,5.4vh,42px)!important;flex-basis:clamp(30px,5.4vh,42px)!important
  }
  body.tinas-operator-v198[data-operator-page-v31="ventas"] #page-ventas .op-user-v198 small,
  body.tinas-operator-v198[data-operator-page-v31="espera"] #page-espera .op-user-v198 small,
  body.tinas-operator-v198[data-operator-page-v31="reportes"] #page-reportes .op-user-v198 small{font-size:clamp(6px,1vh,8px)!important}
  body.tinas-operator-v198[data-operator-page-v31="ventas"] #page-ventas .op-user-v198 b,
  body.tinas-operator-v198[data-operator-page-v31="espera"] #page-espera .op-user-v198 b,
  body.tinas-operator-v198[data-operator-page-v31="reportes"] #page-reportes .op-user-v198 b{font-size:clamp(9px,1.55vh,12px)!important}

  /* -----------------------------------------------------------
     GUTTERS STANDARD: cada vista usa el mismo ancho útil de Tinas.
     ----------------------------------------------------------- */
  body.tinas-operator-v198[data-operator-page-v31="ventas"] #page-ventas>.op-sales-kitchen-v27,
  body.tinas-operator-v198[data-operator-page-v31="ventas"] #page-ventas>.sales-shell-v128{
    width:calc(100% - var(--op-standard-gutter))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
  body.tinas-operator-v198[data-operator-page-v31="ventas"] #page-ventas>.op-sales-kitchen-v27{
    margin-top:clamp(7px,1.1vh,10px)!important;
    margin-bottom:8px!important;
  }
  body.tinas-operator-v198[data-operator-page-v31="ventas"] #page-ventas>.sales-shell-v128{
    padding-left:0!important;
    padding-right:0!important;
    padding-bottom:18px!important;
  }

  body.tinas-operator-v198[data-operator-page-v31="espera"] #page-espera .op-subpage-v20,
  body.tinas-operator-v198[data-operator-page-v31="reportes"] #page-reportes .op-subpage-v20{
    width:calc(100% - var(--op-standard-gutter))!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:clamp(10px,1.6vh,16px) 0 16px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
    scrollbar-gutter:stable;
  }

  /* Footer estándar en subpáginas: misma altura y alineación de Tinas. */
  body.tinas-operator-v198[data-operator-page-v31="espera"] #page-espera .op-footer-v198,
  body.tinas-operator-v198[data-operator-page-v31="reportes"] #page-reportes .op-footer-v198{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    padding:0 clamp(16px,2.6vw,28px)!important;
    display:flex!important;
    box-sizing:border-box!important;
  }

  /* Órdenes y Reportes dejan de usar el antiguo tope de 920 px. */
  body.tinas-operator-v198[data-operator-page-v31="espera"] #page-espera .op-orders-grid-v20,
  body.tinas-operator-v198[data-operator-page-v31="reportes"] #page-reportes .op-report-grid-v20,
  body.tinas-operator-v198[data-operator-page-v31="reportes"] #page-reportes .op-report-metrics-v20{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
}

@media (min-width:901px){
  /* Cerrar el scroll del documento: el scroll pertenece al canvas estándar. */
  html:has(body.tinas-operator-v198[data-operator-page-v31="ventas"]),
  html:has(body.tinas-operator-v198[data-operator-page-v31="servicio"]),
  html:has(body.tinas-operator-v198[data-operator-page-v31="espera"]),
  html:has(body.tinas-operator-v198[data-operator-page-v31="reportes"]){
    height:100dvh!important;
    min-height:0!important;
    overflow:hidden!important;
    background:#f7f0e2!important;
  }
}

/* ============================================================
   v41.0 · FIX32 — CIERRE E2E OPERADOR REAL
   Admin-only validator. Does not alter the approved operator canvas.
   ============================================================ */
.operator-e2e-card-v32{border:2px solid #b9d7d4!important;background:linear-gradient(180deg,#fff,#f7fbfa)!important}
.operator-e2e-card-v32.closed{border-color:#9fd5b2!important;background:linear-gradient(180deg,#fff,#f4fbf6)!important}
.operator-e2e-build-v32{display:inline-grid!important;place-items:center!important;min-width:62px!important;height:30px!important;padding:0 11px!important;border-radius:999px!important;background:#08736c!important;color:#fff!important;font-size:10px!important;font-weight:950!important;letter-spacing:.07em!important}
.operator-e2e-summary-v32{display:grid!important;grid-template-columns:1.4fr .7fr .9fr!important;gap:8px!important;margin:11px 0 8px!important}
.operator-e2e-summary-v32>div{border:1px solid #dbe4e3!important;border-radius:11px!important;background:#fff!important;padding:9px 10px!important;display:grid!important;gap:2px!important;min-width:0!important}
.operator-e2e-summary-v32 small{font-size:7px!important;font-weight:950!important;letter-spacing:.09em!important;color:#6c7d81!important}
.operator-e2e-summary-v32 b{font-size:11px!important;color:#15383e!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.operator-e2e-bar-v32{height:7px!important;border-radius:999px!important;background:#e6eceb!important;overflow:hidden!important;margin:3px 0 10px!important}
.operator-e2e-bar-v32>span{display:block!important;height:100%!important;border-radius:inherit!important;background:#0b8179!important;transition:width .2s ease!important}
.operator-e2e-next-v32{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;column-gap:10px!important;row-gap:2px!important;align-items:center!important;border-radius:11px!important;background:#edf7f5!important;padding:9px 11px!important;margin:8px 0 11px!important}
.operator-e2e-next-v32 small{grid-row:1/3!important;font-size:7px!important;font-weight:950!important;letter-spacing:.09em!important;color:#677a7e!important}
.operator-e2e-next-v32 b{font-size:12px!important;color:#08736c!important}
.operator-e2e-next-v32 span{font-size:9px!important;line-height:1.35!important;color:#586b70!important}
.operator-e2e-next-v32.in-modal-v32{margin-top:12px!important}
.operator-e2e-modal-v32{display:grid!important;gap:10px!important}
.operator-e2e-modal-head-v32{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important}
.operator-e2e-modal-head-v32>div{display:grid!important;gap:3px!important;min-width:0!important}
.operator-e2e-modal-head-v32 small{font-size:8px!important;font-weight:950!important;letter-spacing:.09em!important;color:#687b80!important}
.operator-e2e-modal-head-v32 h3{margin:0!important;font-size:20px!important;color:#14383e!important}
.operator-e2e-modal-head-v32 span{font-size:10px!important;color:#64767b!important}
.operator-e2e-modal-head-v32>b{min-width:66px!important;height:34px!important;padding:0 10px!important;border-radius:999px!important;display:grid!important;place-items:center!important;font-size:10px!important;font-weight:950!important;letter-spacing:.05em!important;background:#fff0c9!important;color:#805700!important}
.operator-e2e-modal-head-v32>b.done{background:#dff4e6!important;color:#08713f!important}.operator-e2e-modal-head-v32>b.fail{background:#fde0dc!important;color:#9d281d!important}
.operator-e2e-stages-v32{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.operator-e2e-stage-v32{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;border:1px solid #dfe5e4!important;border-radius:10px!important;padding:8px!important;background:#fafcfc!important;min-width:0!important}
.operator-e2e-stage-v32>span{width:24px!important;height:24px!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-weight:950!important;background:#e8ecec!important;color:#596a70!important}
.operator-e2e-stage-v32.pass>span{background:#dff4e6!important;color:#08713f!important}.operator-e2e-stage-v32.fail>span{background:#fde0dc!important;color:#9d281d!important}
.operator-e2e-stage-v32 b{font-size:10.5px!important;color:#263b40!important}.operator-e2e-stage-v32 small{display:block!important;font-size:8.5px!important;line-height:1.35!important;color:#65777c!important;margin-top:1px!important}
.operator-e2e-guards-v32{border:1px solid #dfe6e5!important;border-radius:12px!important;background:#fff!important;padding:10px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.operator-e2e-guards-v32 h4{grid-column:1/-1!important;margin:0 0 2px!important;font-size:12px!important;color:#183b41!important}
.operator-e2e-guard-v32{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;gap:8px!important;align-items:start!important;border:1px solid #e2e8e7!important;border-radius:9px!important;padding:7px 8px!important;background:#fafcfc!important}
.operator-e2e-guard-v32>b{font-size:8px!important;font-weight:950!important;letter-spacing:.05em!important;border-radius:999px!important;text-align:center!important;padding:4px 5px!important;background:#ecefef!important;color:#637278!important}
.operator-e2e-guard-v32.pass>b{background:#dff4e6!important;color:#08713f!important}.operator-e2e-guard-v32.fail>b{background:#fde0dc!important;color:#9d281d!important}
.operator-e2e-guard-v32 strong{display:block!important;font-size:9.5px!important;color:#263b40!important}.operator-e2e-guard-v32 small{display:block!important;font-size:8px!important;line-height:1.3!important;color:#6b7a7e!important;margin-top:1px!important}
.operator-e2e-actions-v32{margin-top:2px!important;flex-wrap:wrap!important}.operator-e2e-actions-v32 .btn{min-height:38px!important}
.operator-e2e-loading-v32{min-height:180px!important;display:grid!important;place-items:center!important;align-content:center!important;gap:9px!important;text-align:center!important;color:#244248!important}.operator-e2e-loading-v32 small{color:#687b80!important}
@media(max-width:760px){.operator-e2e-summary-v32{grid-template-columns:1fr 1fr!important}.operator-e2e-summary-v32>div:first-child{grid-column:1/-1!important}.operator-e2e-stages-v32,.operator-e2e-guards-v32{grid-template-columns:1fr!important}.operator-e2e-guards-v32 h4{grid-column:1!important}.operator-e2e-modal-head-v32 h3{font-size:17px!important}.operator-e2e-next-v32{grid-template-columns:1fr!important}.operator-e2e-next-v32 small{grid-row:auto!important}}


/* ============================================================
   v41.0 · FIX32 FIX01 — E2E modal class collision
   Root cause: the inner next-action panel used class="modal",
   colliding with the global full-screen .modal overlay selector.
   Only the FIX32 E2E modal marker is renamed; operator UI unchanged.
   ============================================================ */
.operator-e2e-next-v32.in-modal-v32{position:static!important;inset:auto!important;width:auto!important;height:auto!important;display:grid!important;place-items:initial!important;background:#edf7f5!important;padding:9px 11px!important;z-index:auto!important;}

/* ============================================================
   v41.0 · FIX32 FIX02 — inicio auto-cierra + atención de Tina
   - No cambia el layout base aprobado.
   - Desktop: la Tina que termina gana ~4.5% del ancho tomando espacio
     de su compañera; el grid conserva el ancho total y nunca se solapan.
   - Mobile: no crece fuera del viewport; sólo recibe énfasis visual.
   ============================================================ */
.op-vat-card-v198.op-complete-attention-v32f2{
  animation:opVatCompleteAttentionV32F2 1.25s ease both!important;
  position:relative!important;
  z-index:2!important;
}
@keyframes opVatCompleteAttentionV32F2{
  0%,100%{filter:brightness(1);box-shadow:none}
  28%{filter:brightness(1.035);box-shadow:0 0 0 3px rgba(255,184,28,.38),0 8px 24px rgba(18,55,60,.12)}
  62%{filter:brightness(1.015);box-shadow:0 0 0 2px rgba(255,184,28,.20),0 4px 15px rgba(18,55,60,.08)}
}
@media (min-width:901px){
  body.tinas-operator-v198 #page-servicio .op-vats-v198{
    transition:grid-template-columns .26s ease!important;
  }
  body.tinas-operator-v198 #page-servicio .op-vats-v198[data-op-complete-focus="1"]{
    grid-template-columns:minmax(0,1.045fr) minmax(0,.955fr)!important;
  }
  body.tinas-operator-v198 #page-servicio .op-vats-v198[data-op-complete-focus="2"]{
    grid-template-columns:minmax(0,.955fr) minmax(0,1.045fr)!important;
  }
}
@media (max-width:900px){
  body.tinas-operator-v198 #page-servicio .op-vat-card-v198.op-complete-attention-v32f2{
    transform:none!important;
  }
}

/* ============================================================
   v41.0 · FIX32 FIX03 — atención continua hasta retirar
   - La Tina vencida pulsa de forma continua mientras permanezca en 00:00.
   - Desktop: crecimiento/reducción ocurre dentro del grid; nunca invade la otra Tina.
   - Si ambas Tinas vencen a la vez, ambas parpadean pero el grid queda 50/50.
   - Mobile: no altera ancho; sólo borde/sombra/brightness.
   ============================================================ */
.op-vat-card-v198.op-complete-attention-v32f3{
  animation:opVatCompleteAttentionV32F3 2.15s ease-in-out infinite!important;
  position:relative!important;
  z-index:2!important;
  will-change:filter,box-shadow;
}
@keyframes opVatCompleteAttentionV32F3{
  0%,100%{filter:brightness(1);box-shadow:0 0 0 0 rgba(255,184,28,0),0 0 0 rgba(18,55,60,0)}
  22%{filter:brightness(1.045);box-shadow:0 0 0 3px rgba(255,184,28,.42),0 9px 24px rgba(18,55,60,.13)}
  48%{filter:brightness(1.012);box-shadow:0 0 0 1px rgba(255,184,28,.16),0 4px 12px rgba(18,55,60,.07)}
  72%{filter:brightness(1.035);box-shadow:0 0 0 2px rgba(255,184,28,.30),0 7px 20px rgba(18,55,60,.10)}
}
@media (min-width:901px){
  body.tinas-operator-v198 #page-servicio .op-vats-v198[data-op-complete-focus-v32f3="1"]{
    animation:opVatGridFocus1V32F3 2.15s ease-in-out infinite!important;
  }
  body.tinas-operator-v198 #page-servicio .op-vats-v198[data-op-complete-focus-v32f3="2"]{
    animation:opVatGridFocus2V32F3 2.15s ease-in-out infinite!important;
  }
  @keyframes opVatGridFocus1V32F3{
    0%,100%{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
    22%,34%{grid-template-columns:minmax(0,1.045fr) minmax(0,.955fr)}
    58%{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
    72%,80%{grid-template-columns:minmax(0,1.028fr) minmax(0,.972fr)}
  }
  @keyframes opVatGridFocus2V32F3{
    0%,100%{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
    22%,34%{grid-template-columns:minmax(0,.955fr) minmax(0,1.045fr)}
    58%{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
    72%,80%{grid-template-columns:minmax(0,.972fr) minmax(0,1.028fr)}
  }
}
@media (max-width:900px){
  body.tinas-operator-v198 #page-servicio .op-vat-card-v198.op-complete-attention-v32f3{
    transform:none!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .op-vat-card-v198.op-complete-attention-v32f3{
    animation:none!important;
    box-shadow:0 0 0 3px rgba(255,184,28,.42)!important;
    filter:brightness(1.025)!important;
  }
  body.tinas-operator-v198 #page-servicio .op-vats-v198[data-op-complete-focus-v32f3]{animation:none!important}
}

/* ============================================================
   v41.0 · FIX32 FIX04 — desktop compacto + reloj protagonista + alerta robusta
   1) En desktop grande el operador conserva el tamaño/densidad aprobados:
      canvas máximo 960×720, centrado horizontalmente; no se estira con el monitor.
   2) Durante EN FRITURA el countdown es un dato primario y grande.
   3) En 00:00 la Tina entra en alerta continua hasta Retirar Papas.
      La clase nace del estado real y se reafirma cada segundo.
   ============================================================ */
@media (min-width:901px){
  body.tinas-operator-v198{
    --op-standard-canvas-w:min(100vw,960px)!important;
    --op-standard-canvas-max:960px!important;
    --op-standard-canvas-h:min(100dvh,720px)!important;
  }
  body.tinas-operator-v198 #page-servicio .op-shell-v198{
    width:min(100vw,960px)!important;
    max-width:960px!important;
    height:min(100dvh,720px)!important;
    max-height:720px!important;
    margin:0 auto!important;
  }
  body.tinas-operator-v198[data-operator-page-v31="ventas"] #page-ventas{
    width:min(100vw,960px)!important;
    max-width:960px!important;
    height:min(100dvh,720px)!important;
    max-height:720px!important;
  }
  body.tinas-operator-v198[data-operator-page-v31="espera"] #page-espera .op-shell-v198.op-sub-shell-v20,
  body.tinas-operator-v198[data-operator-page-v31="reportes"] #page-reportes .op-shell-v198.op-sub-shell-v20{
    width:min(100vw,960px)!important;
    max-width:960px!important;
    height:min(100dvh,720px)!important;
    max-height:720px!important;
  }
}

/* El estado térmico mantiene su cápsula, pero EN FRITURA reserva un bloque propio para el reloj. */
.op-status-copy-v32f4{
  min-width:0!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
}
.op-status-text-v32f4{min-width:0!important;overflow:hidden!important}
.op-status-text-v32f4 b,.op-status-text-v32f4 small{display:block!important;min-width:0!important}
.op-fry-timer-v32f4{
  display:block!important;
  min-width:74px!important;
  text-align:right!important;
  font-size:clamp(27px,4.8vh,36px)!important;
  line-height:.92!important;
  letter-spacing:-.045em!important;
  font-weight:1000!important;
  font-variant-numeric:tabular-nums!important;
  color:#123149!important;
  white-space:nowrap!important;
}
.op-fry-timer-v32f4[hidden]{display:none!important}
.op-status-v198.active .op-status-icon-v198{flex-shrink:0!important}
.op-status-v198.active .op-status-copy-v32f4{gap:6px!important}
.op-status-v198.active .op-status-text-v32f4 small{font-size:7.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.op-status-v198.active.expired-v32f4 .op-fry-timer-v32f4,
.op-fry-timer-v32f4.expired{color:#c93b19!important}

/* Alarma operativa: visible, continua y ligada directamente a state=running + 00:00. */
.op-vat-card-v198.op-vat-expired-v32f4{
  position:relative!important;
  z-index:3!important;
  animation:opVatExpiredHardV32F4 1.45s ease-in-out infinite!important;
  will-change:filter,box-shadow;
}
.op-vat-card-v198.op-vat-expired-v32f4 .op-status-v198.active{
  animation:opVatExpiredStatusV32F4 1.45s ease-in-out infinite!important;
}
.op-vat-card-v198.op-vat-expired-v32f4 .op-order-main-v31f6.danger{
  animation:opVatExpiredButtonV32F4 1.45s ease-in-out infinite!important;
}
@keyframes opVatExpiredHardV32F4{
  0%,100%{filter:brightness(1);box-shadow:0 0 0 0 rgba(236,76,34,0),0 0 0 rgba(18,55,60,0)}
  45%{filter:brightness(1.055);box-shadow:0 0 0 5px rgba(236,76,34,.48),0 11px 28px rgba(18,55,60,.18)}
}
@keyframes opVatExpiredStatusV32F4{
  0%,100%{background:#fff7f1!important;box-shadow:inset 0 0 0 0 rgba(236,76,34,0)}
  45%{background:#ffe3d7!important;box-shadow:inset 0 0 0 2px rgba(236,76,34,.34)}
}
@keyframes opVatExpiredButtonV32F4{
  0%,100%{filter:brightness(1)}
  45%{filter:brightness(1.18)}
}

@media (min-width:901px){
  body.tinas-operator-v198 #page-servicio .op-vats-v198[data-op-complete-focus-v32f4="1"]{
    animation:opVatGridFocus1V32F4 1.45s ease-in-out infinite!important;
  }
  body.tinas-operator-v198 #page-servicio .op-vats-v198[data-op-complete-focus-v32f4="2"]{
    animation:opVatGridFocus2V32F4 1.45s ease-in-out infinite!important;
  }
  @keyframes opVatGridFocus1V32F4{
    0%,100%{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
    45%{grid-template-columns:minmax(0,1.045fr) minmax(0,.955fr)}
  }
  @keyframes opVatGridFocus2V32F4{
    0%,100%{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
    45%{grid-template-columns:minmax(0,.955fr) minmax(0,1.045fr)}
  }
}

/* En móvil no se altera el ancho de la Tina. */
@media (max-width:900px){
  .op-vat-card-v198.op-vat-expired-v32f4{transform:none!important}
  .op-fry-timer-v32f4{font-size:30px!important;min-width:72px!important}
}

/* La alarma crítica no desaparece por "reduced motion": se elimina el crecimiento,
   pero se conserva un destello de color discreto para no perder la señal operativa. */
@media (prefers-reduced-motion:reduce){
  .op-vat-card-v198.op-vat-expired-v32f4{
    animation:opVatExpiredReducedV32F4 2s step-end infinite!important;
  }
  .op-vat-card-v198.op-vat-expired-v32f4 .op-status-v198.active,
  .op-vat-card-v198.op-vat-expired-v32f4 .op-order-main-v31f6.danger{
    animation:none!important;
  }
  body.tinas-operator-v198 #page-servicio .op-vats-v198[data-op-complete-focus-v32f4]{animation:none!important}
  @keyframes opVatExpiredReducedV32F4{
    0%,100%{box-shadow:0 0 0 3px rgba(236,76,34,.52);filter:brightness(1)}
    50%{box-shadow:0 0 0 6px rgba(236,76,34,.18);filter:brightness(1.035)}
  }
}

/* ============================================================
   v41.0 · FIX32 FIX05 — AUTO claro + scroll estable + picker desde Tinas
   - AUTO explica por qué no asigna cuando faltan datos seguros.
   - Órdenes conserva su scroll durante refresh/rerender.
   - Cola de Tinas permite elegir un pedido pendiente explícitamente.
   ============================================================ */
.assignment-mode-v30{position:relative!important}
.assignment-auto-status-v32f5{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:8px!important;
  padding:8px 10px!important;
  border-radius:10px!important;
  font-size:11px!important;
  line-height:1.25!important;
}
.assignment-auto-status-v32f5 b{white-space:nowrap!important;font-size:11px!important}
.assignment-auto-status-v32f5 span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.assignment-auto-status-v32f5 button{border:0!important;border-radius:999px!important;padding:6px 10px!important;font-weight:900!important;cursor:pointer!important;background:#fff!important;color:#123149!important;box-shadow:0 0 0 1px rgba(18,49,73,.14)!important}
.assignment-auto-status-v32f5.ok{background:#e9f7ef!important;color:#166534!important}
.assignment-auto-status-v32f5.ready{background:#e8f3ff!important;color:#0f4d7a!important}
.assignment-auto-status-v32f5.checking{background:#f4f6f7!important;color:#455a64!important}
.assignment-auto-status-v32f5.blocked{background:#fff4dc!important;color:#7a4a00!important;border:1px solid #f0c86c!important}

.op-queue-v198.op-queue-selectable-v32f5{
  cursor:pointer!important;
  outline:none!important;
  transition:box-shadow .14s ease,transform .14s ease,background .14s ease!important;
}
.op-queue-v198.op-queue-selectable-v32f5:hover,
.op-queue-v198.op-queue-selectable-v32f5:focus-visible{
  box-shadow:0 0 0 3px rgba(255,184,28,.30)!important;
  background:#fffaf0!important;
  transform:translateY(-1px)!important;
}
.op-queue-pick-hint-v32f5{
  display:inline-flex!important;
  margin-top:3px!important;
  width:max-content!important;
  max-width:100%!important;
  padding:2px 7px!important;
  border-radius:999px!important;
  background:#ffe58b!important;
  color:#5c4500!important;
  font-style:normal!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}
.op-queue-pick-hint-v32f5[hidden]{display:none!important}

.op-pending-picker-v32f5{display:grid!important;gap:12px!important;min-width:min(720px,90vw)!important}
.op-pending-picker-v32f5 header small{font-weight:900!important;color:#00746f!important;letter-spacing:.08em!important}
.op-pending-picker-v32f5 header h3{margin:3px 0 4px!important;font-size:24px!important}
.op-pending-picker-v32f5 header p{margin:0!important;color:#50616a!important;font-size:12px!important;line-height:1.4!important}
.op-pending-picker-list-v32f5{display:grid!important;gap:8px!important;max-height:min(56vh,460px)!important;overflow:auto!important;padding-right:2px!important}
.op-pending-picker-row-v32f5{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;padding:11px 12px!important;border:1px solid #dce4e6!important;border-radius:12px!important;background:#fff!important}
.op-pending-picker-row-v32f5>div{min-width:0!important;display:grid!important;gap:2px!important}
.op-pending-picker-row-v32f5 small{font-size:8px!important;font-weight:900!important;color:#678!important;letter-spacing:.07em!important}
.op-pending-picker-row-v32f5 b{font-size:14px!important;color:#123149!important}
.op-pending-picker-row-v32f5 span{font-size:10px!important;color:#5b6a72!important;white-space:normal!important}
.op-pending-picker-row-v32f5.manual{border-color:#f2c45d!important;background:#fffaf0!important}
.op-pending-picker-row-v32f5.ready{border-color:#80cfaa!important;background:#f2fbf6!important}
.op-pending-picker-row-v32f5.blocked{opacity:.72!important}
.op-pending-picker-v32f5 footer{display:flex!important;justify-content:flex-end!important;gap:8px!important}

@media (max-width:900px){
  .assignment-auto-status-v32f5{grid-template-columns:1fr!important}
  .assignment-auto-status-v32f5 span{white-space:normal!important}
  .assignment-auto-status-v32f5 button{width:100%!important}
  .op-pending-picker-v32f5{min-width:0!important;width:min(94vw,520px)!important}
  .op-pending-picker-row-v32f5{grid-template-columns:1fr!important}
  .op-pending-picker-row-v32f5 button{width:100%!important;min-height:44px!important}
}


/* ============================================================
   v41.0 · FIX32 FIX06 — alerta de Tina reforzada hasta Retirar Papas
   Triple fallback: clase JS, data-attribute y :has() sobre botón danger.
   No cambia geometría ni invade la Tina vecina.
   ============================================================ */
.op-vat-card-v198.op-vat-expired-v32f6,
.op-vat-card-v198[data-op-expired-v32f6="1"],
.op-vat-card-v198:has(.op-order-main-v31f6.danger){
  position:relative!important;
  isolation:isolate!important;
}
.op-vat-card-v198.op-vat-expired-v32f6::after,
.op-vat-card-v198[data-op-expired-v32f6="1"]::after,
.op-vat-card-v198:has(.op-order-main-v31f6.danger)::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:20!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  border:5px solid rgba(238,78,36,.86)!important;
  background:rgba(255,114,64,.08)!important;
  opacity:.12!important;
  animation:opVatExpiredOverlayV32F6 1.05s steps(2,end) infinite!important;
}
.op-vat-card-v198.op-vat-expired-v32f6 .op-vat-head-v198,
.op-vat-card-v198[data-op-expired-v32f6="1"] .op-vat-head-v198,
.op-vat-card-v198:has(.op-order-main-v31f6.danger) .op-vat-head-v198{
  animation:opVatExpiredHeaderV32F6 1.05s steps(2,end) infinite!important;
}
.op-vat-card-v198.op-vat-expired-v32f6 .op-order-main-v31f6.danger,
.op-vat-card-v198[data-op-expired-v32f6="1"] .op-order-main-v31f6.danger,
.op-vat-card-v198:has(.op-order-main-v31f6.danger) .op-order-main-v31f6.danger{
  animation:opVatExpiredCtaV32F6 1.05s steps(2,end) infinite!important;
}
@keyframes opVatExpiredOverlayV32F6{
  0%,100%{opacity:.08;border-color:rgba(238,78,36,.36);background:rgba(255,114,64,.02)}
  50%{opacity:1;border-color:rgba(238,78,36,.98);background:rgba(255,114,64,.12)}
}
@keyframes opVatExpiredHeaderV32F6{
  0%,100%{filter:brightness(1)}
  50%{filter:brightness(1.18) saturate(1.15)}
}
@keyframes opVatExpiredCtaV32F6{
  0%,100%{filter:brightness(1);box-shadow:inset 0 0 0 0 rgba(255,255,255,0)}
  50%{filter:brightness(1.22);box-shadow:inset 0 0 0 3px rgba(255,255,255,.72)}
}
/* Alerta crítica: incluso con reduced-motion se conserva un cambio de estado visible. */
@media (prefers-reduced-motion:reduce){
  .op-vat-card-v198.op-vat-expired-v32f6::after,
  .op-vat-card-v198[data-op-expired-v32f6="1"]::after,
  .op-vat-card-v198:has(.op-order-main-v31f6.danger)::after{
    animation:opVatExpiredOverlayV32F6 1.4s steps(2,end) infinite!important;
  }
}

/* ============================================================
   v41.0 · FIX32 FIX07 — pulso de tamaño + picker ajustado al contenido
   1) Tina vencida aumenta/disminuye ancho de forma continua dentro del grid.
      No usa overlap: una Tina toma espacio de la otra y el gap se conserva.
   2) Selector de pedido desde Tina usa modal propio que ajusta su caja al
      contenido; el scroll exterior falso desaparece y sólo la lista interna
      puede desplazarse si realmente hay muchos pedidos.
   ============================================================ */
@media (min-width:901px){
  body.tinas-operator-v198 #page-servicio .op-vats-v198[data-op-complete-focus-v32f7="1"]{
    animation:opVatGridSizePulse1V32F7 1.35s ease-in-out infinite!important;
  }
  body.tinas-operator-v198 #page-servicio .op-vats-v198[data-op-complete-focus-v32f7="2"]{
    animation:opVatGridSizePulse2V32F7 1.35s ease-in-out infinite!important;
  }
  @keyframes opVatGridSizePulse1V32F7{
    0%,100%{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
    50%{grid-template-columns:minmax(0,1.075fr) minmax(0,.925fr)}
  }
  @keyframes opVatGridSizePulse2V32F7{
    0%,100%{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
    50%{grid-template-columns:minmax(0,.925fr) minmax(0,1.075fr)}
  }
  body.tinas-operator-v198 #page-servicio .op-vats-v198[data-op-complete-both-v32f7="1"]{
    animation:none!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
}

/* El picker ya no hereda geometría/scroll del modal de Detalle. */
#modalBox.op-pending-picker-modal-v32f7{
  width:min(720px,calc(100vw - 32px))!important;
  max-width:720px!important;
  height:auto!important;
  max-height:calc(100dvh - 36px)!important;
  overflow:hidden!important;
  padding:18px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid #d9e2e3!important;
  box-shadow:0 22px 68px rgba(5,37,38,.30)!important;
}
#modalBox.op-pending-picker-modal-v32f7 .op-pending-picker-v32f5{
  min-width:0!important;
  width:100%!important;
  max-height:calc(100dvh - 72px)!important;
  grid-template-rows:auto minmax(0,auto) auto!important;
  overflow:hidden!important;
}
#modalBox.op-pending-picker-modal-v32f7 .op-pending-picker-list-v32f5{
  max-height:min(48dvh,420px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:auto!important;
}
#modalBox.op-pending-picker-modal-v32f7 .op-pending-picker-v32f5 footer{
  margin-top:2px!important;
}
@media (max-width:900px){
  #modalBox.op-pending-picker-modal-v32f7{
    width:calc(100vw - 18px)!important;
    max-width:520px!important;
    max-height:calc(100dvh - 18px)!important;
    padding:14px!important;
  }
  #modalBox.op-pending-picker-modal-v32f7 .op-pending-picker-v32f5{
    max-height:calc(100dvh - 46px)!important;
  }
  #modalBox.op-pending-picker-modal-v32f7 .op-pending-picker-list-v32f5{
    max-height:min(52dvh,420px)!important;
  }
}
@media (prefers-reduced-motion:reduce){
  /* La alerta operativa conserva una variación de tamaño lenta y discreta. */
  body.tinas-operator-v198 #page-servicio .op-vats-v198[data-op-complete-focus-v32f7="1"]{
    animation:opVatGridSizePulse1V32F7 2.2s ease-in-out infinite!important;
  }
  body.tinas-operator-v198 #page-servicio .op-vats-v198[data-op-complete-focus-v32f7="2"]{
    animation:opVatGridSizePulse2V32F7 2.2s ease-in-out infinite!important;
  }
}


/* ============================================================
   v41.0 · FIX32 FIX08 — pulso de dimensión REAL
   El ancho lo controla JS en píxeles para evitar la interpolación no fiable
   de tracks fr/minmax en Chromium. Este bloque apaga sólo la animación de
   grid de FIX07; borde/alarma de FIX06 permanecen intactos.
   ============================================================ */
@media (min-width:901px){
  body.tinas-operator-v198 #page-servicio .op-vats-v198[data-op-complete-focus-v32f7]{
    animation:none!important;
  }
  body.tinas-operator-v198 #page-servicio .op-vat-card-v198.op-vat-expired-v32f6 .op-vat-head-v198,
  body.tinas-operator-v198 #page-servicio .op-vat-card-v198[data-op-expired-v32f6="1"] .op-vat-head-v198{
    transform-origin:center center!important;
  }
}


/* ============================================================
   v41.0 · FIX32 FIX09 — pulso 2D sin afectar la Tina vecina
   El grid permanece 50/50. La Tina vencida escala ancho+alto como
   capa visual, anclada al borde interior para crecer hacia afuera.
   ============================================================ */
@media (min-width:901px){
  body.tinas-operator-v198 #page-servicio .op-vats-v198[data-op-scale-pulse-v32f9="1"]{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    overflow:visible!important;
  }
  body.tinas-operator-v198 #page-servicio .op-vats-v198[data-op-scale-pulse-v32f9="1"] .op-vat-card-v198{
    transition:none!important;
  }
  body.tinas-operator-v198 #page-servicio .op-vats-v198[data-op-scale-pulse-v32f9="1"] .op-vat-card-v198.op-vat-expired-v32f6{
    position:relative!important;
  }
}


/* ============================================================
   v41.0 · FIX32 FIX11 — pulso 2D contenido + Venta contenido primero
   La Tina vencida puede crecer en X/Y, pero su borde exterior queda
   anclado a la línea del canvas. El crecimiento horizontal se limita
   para caber en el gap central sin mover ni redimensionar la otra Tina.
   ============================================================ */
@media (min-width:901px){
  body.tinas-operator-v198 #page-servicio .op-vats-v198[data-op-scale-pulse-v32f9="1"]{
    overflow:visible!important;
    isolation:isolate!important;
  }
  body.tinas-operator-v198 #page-servicio .op-vat-card-v198.op-vat-expired-v32f6{
    max-width:100%!important;
  }
  body.tinas-operator-v198 #page-servicio .op-vat-card-v198[data-op-vat="1"].op-vat-expired-v32f6{
    transform-origin:left center!important;
  }
  body.tinas-operator-v198 #page-servicio .op-vat-card-v198[data-op-vat="2"].op-vat-expired-v32f6{
    transform-origin:right center!important;
  }
}


/* ============================================================
   v41.0 · FIX32 FIX11 — orden de contenido en Venta
   Sin rediseño: Registrar venta va inmediatamente después del header;
   Cocina en vivo se renderiza al final. Tinas conserva el arranque.
   ============================================================ */

/* FIX33 · OTA multi-ESP32 */
.ota33-card{border:1px solid #d8e4e5}
.ota33-device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ota33-device-card{border:1px solid #dce5e6;border-radius:16px;padding:14px;background:#fff}
.ota33-device-card h4{margin:0;font-size:18px}
.ota33-device-card code{font-size:11px}
.ota33-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.ota33-grid>div{border:1px solid #e1e7e8;border-radius:10px;padding:9px;background:#fbfcfc;min-width:0}
.ota33-grid small{display:block;color:#6f7d81;margin-bottom:3px}
.ota33-grid b{display:block;overflow-wrap:anywhere}
.ota33-progress{border:1px solid #f0cb67;background:#fff9e8;border-radius:12px;padding:10px;margin:10px 0}
.ota33-progress>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px}
.ota33-progress progress{width:100%;height:12px}
.ota33-progress small{display:block;margin-top:5px;color:#637176}
@media(max-width:900px){.ota33-device-grid,.ota33-grid{grid-template-columns:1fr}}
/* FIX33 FIX02 · carga directa de cualquier .bin desde Admin */
.ota33-publish-preview-v331{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ota33-publish-preview-v331>div{min-width:0}
.ota33-publish-preview-v331 small{display:block;color:#66757a;margin-bottom:3px}
.ota33-publish-preview-v331 b,.ota33-publish-preview-v331 code{display:block;overflow-wrap:anywhere}
.ota33-sha-v331{grid-column:1/-1}
.ota33-sha-v331 code{font-size:11px;line-height:1.45}
@media(max-width:900px){.ota33-publish-preview-v331{grid-template-columns:1fr}.ota33-sha-v331{grid-column:auto}}

/* FIX33 FIX02 · carga directa de cualquier .bin por dispositivo */
.ota33-device-actions-v332{display:flex;gap:8px;flex-wrap:wrap}.ota33-device-actions-v332 .btn{flex:1 1 150px}.ota33-device-card [data-ota33-upload]{min-width:120px}


/* ============================================================
   FIX34 · SENSORES SIMPLIFICADOS + CHECKER DE COLOR
   ============================================================ */
.sensor34-hub{display:grid;gap:14px}
.sensor34-title{margin-bottom:0}
.sensor34-title p{max-width:760px}
.sensor34-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sensor34-card{border:1px solid #dce4e7;border-radius:18px;background:#fff;padding:14px;display:grid;gap:10px;min-width:0}
.sensor34-card.sensor34-color{grid-column:1/-1}
.sensor34-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.sensor34-head>div:first-child{display:flex;gap:10px;align-items:center;min-width:0}
.sensor34-head h3{margin:0;font-size:19px}
.sensor34-head small{display:block;color:#65747b;margin-top:2px}
.sensor34-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eef6f6;border:1px solid #d9e7e7;font-size:20px;flex:0 0 auto}
.sensor34-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.sensor34-reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sensor34-color-readings{grid-template-columns:repeat(3,minmax(0,1fr))}
.sensor34-reading-grid>div{border:1px solid #e1e8ea;border-radius:13px;background:#f8fbfb;padding:11px;display:grid;gap:2px;min-width:0}
.sensor34-reading-grid span{font-size:10px;font-weight:900;letter-spacing:.06em;color:#617177;text-transform:uppercase}
.sensor34-reading-grid strong{font-size:25px;line-height:1.05;color:#17384a;overflow-wrap:anywhere}
.sensor34-reading-grid small{font-size:10px;color:#718087}
.sensor34-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.sensor34-strip span{font-size:10px;color:#6c7a80;border-top:1px solid #edf1f2;padding-top:7px;min-width:0}
.sensor34-strip b{display:block;color:#243c46;margin-top:2px;overflow-wrap:anywhere}
.sensor34-fw{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;border:1px solid #e3e9ea;border-radius:12px;padding:9px 10px;background:#fbfcfc}
.sensor34-fw>div{min-width:0}
.sensor34-fw span{display:block;font-size:9px;color:#6c7b80;text-transform:uppercase;font-weight:900;letter-spacing:.05em}
.sensor34-fw b{display:block;font-size:12px;overflow-wrap:anywhere;margin-top:2px}
.sensor34-fw-progress{grid-column:1/-1}
.sensor34-fw-progress progress{width:100%;height:10px}
.sensor34-fw-progress small{display:block;color:#66767c;margin-top:3px}
.sensor34-actions{display:flex;gap:8px;flex-wrap:wrap}
.sensor34-actions .btn{flex:1 1 125px}
.sensor34-tech{border:1px solid #e2e8e9;border-radius:12px;background:#fafcfc}
.sensor34-tech>summary{cursor:pointer;padding:9px 11px;font-weight:800;font-size:11px;color:#52636b}
.sensor34-tech-body{padding:0 11px 11px;display:grid;gap:7px}
.sensor34-tech-actions{display:flex;gap:7px;flex-wrap:wrap}
.sensor34-link-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(150px,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-top:1px solid #edf1f2}
.sensor34-link-row small{display:block;color:#6b7a80;margin-top:2px}
.color34-capture-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.color34-file-btn{position:relative}
.color34-preview{min-height:210px;border:1px dashed #bdcdd1;border-radius:14px;background:#f7faf9;display:grid;place-items:center;overflow:hidden;text-align:center}
.color34-preview>div{padding:24px;display:grid;gap:5px;color:#617279}
.color34-preview img{display:block;width:100%;max-height:360px;object-fit:contain;background:#eef2f2}
.color34-result-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:6px}
.color34-result-head small{display:block;color:#6a797f;margin-top:2px}
@media(max-width:900px){
  .sensor34-grid{grid-template-columns:1fr}
  .sensor34-card.sensor34-color{grid-column:auto}
  .sensor34-fw{grid-template-columns:1fr 1fr}
  .sensor34-fw>div:nth-child(3){grid-column:1/-1}
}
@media(max-width:620px){
  .sensor34-head,.sensor34-title{display:grid}
  .sensor34-badges{justify-content:flex-start}
  .sensor34-reading-grid,.sensor34-color-readings,.sensor34-strip,.color34-capture-grid,.sensor34-fw{grid-template-columns:1fr}
  .sensor34-fw>div:nth-child(3),.sensor34-fw-progress{grid-column:auto}
  .sensor34-link-row{grid-template-columns:1fr}
  .sensor34-reading-grid strong{font-size:23px}
}

/* ============================================================
   FIX35 · CHECKER COLOR · REFERENCIA CONTROLADA / REPETIBILIDAD
   ============================================================ */
.color35-card-ref{border:1px solid #cfe0e4;border-radius:12px;background:#f5fafb;padding:10px 12px;display:grid;gap:3px}
.color35-card-ref>b{font-size:12px;color:#17384a}.color35-card-ref>small{font-size:10px;color:#65757c;line-height:1.4}
.color35-modal{display:grid;gap:12px}.color35-modal .card-head p{margin:3px 0 0;color:#65757c;font-size:11px}
.color35-setup-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.color35-setup-guide>div{border:1px solid #e0e8e9;border-radius:12px;background:#f8fbfb;padding:10px;display:flex;gap:8px;align-items:flex-start}
.color35-setup-guide>div>b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#17384a;color:#fff;flex:0 0 auto;font-size:11px}
.color35-setup-guide>div>span{font-size:11px;line-height:1.4;color:#53666f}
.color35-capture-row{display:grid;grid-template-columns:minmax(130px,1.3fr) minmax(120px,1fr) minmax(110px,1fr) auto;gap:9px;align-items:center;border:1px solid #e1e8ea;border-radius:12px;padding:10px;background:#fafcfc;margin:6px 0}
.color35-capture-row.done{background:#f5faf7;border-color:#d3e4da}.color35-capture-row>div{display:grid;gap:2px;min-width:0}
.color35-capture-row span,.color35-capture-row small{font-size:9px;color:#68787e}.color35-capture-row b{font-size:11px;overflow-wrap:anywhere}
.color35-next{border:1px dashed #bbced2;border-radius:14px;padding:12px;background:#f8fbfb;display:grid;gap:8px}.color35-next h4{margin:0}
.color35-candidate{display:grid;gap:10px}.color35-ranges{display:flex;gap:7px;flex-wrap:wrap;border:1px solid #e0e7e8;border-radius:12px;padding:10px;background:#fafcfc}
.color35-ranges>b{flex:1 0 100%;font-size:11px}.color35-ranges>span{font-size:10px;border:1px solid #dde6e8;background:#fff;border-radius:999px;padding:5px 8px}
.color35-ref-summary{display:grid;gap:4px}
@media(max-width:700px){.color35-setup-guide{grid-template-columns:1fr}.color35-capture-row{grid-template-columns:1fr 1fr}.color35-capture-row>.badge{justify-self:start}.color35-ranges>span{flex:1 1 auto}}

/* FIX35 FIX03 · TESTS MONITOR */
.monitor35-tests{margin-top:8px;border-top:1px solid #e3eaeb;padding-top:10px;display:grid;gap:9px}.monitor35-tests-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.monitor35-tests-head>div{display:grid;gap:2px}.monitor35-tests-head small,.monitor35-test small{color:#65757c;font-size:10px;line-height:1.4}.monitor35-test-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:8px}.monitor35-test{border:1px solid #dde6e8;border-radius:12px;padding:10px;background:#fff;display:grid;gap:8px}.monitor35-test>div:first-child{display:grid;gap:2px}.monitor35-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.monitor35-test label{font-size:10px;font-weight:800;color:#53666f;display:grid;gap:3px}.monitor35-test input,.monitor35-test select,.monitor35-test textarea{width:100%;box-sizing:border-box}.monitor35-actions{display:flex;gap:6px;flex-wrap:wrap}.monitor35-actions .btn{flex:1 1 100px}.monitor35-state{border-radius:8px;background:#f5f8f8;padding:7px 8px;color:#314b56!important}.monitor35-sequence textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.btn-danger{background:#8b1e1e;color:#fff;border-color:#8b1e1e}@media(max-width:800px){.monitor35-test-grid,.monitor35-fields{grid-template-columns:1fr}.monitor35-tests-head{display:grid}}

/* FIX35 FIX04 · página dedicada Tests */
.monitor35-page{max-width:980px;margin:0 auto}
.monitor35-human-guide{background:#f7faf9;border:1px solid #d8e4e1;border-radius:16px;padding:16px;margin:12px 0 16px}
.monitor35-human-guide>b{display:block;margin-bottom:10px}
.monitor35-frequency-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:10px}
.monitor35-frequency-grid span{background:white;border:1px solid #e1e7e5;border-radius:12px;padding:10px}
.monitor35-frequency-grid b,.monitor35-frequency-grid small{display:block}
.monitor35-frequency-grid small{margin-top:4px;line-height:1.25}
.monitor35-inline-expect{font-size:12px;line-height:1.35;background:#f4f7f7;border-radius:10px;padding:8px 10px;margin:8px 0}
@media(max-width:900px){.monitor35-frequency-grid{grid-template-columns:1fr 1fr}.monitor35-page{max-width:none}}

/* FIX35 FIX06 · estabilidad visual */
.sensor34-grid{align-items:start}
.sensor34-card{align-self:start}
.sensor34-strip{min-height:58px;align-items:center}
.sensor34-strip>span{min-width:0}
.sensor34-strip [data-tm-live="age"]{display:inline-block;min-height:2.5em;vertical-align:middle}
.monitor35-page input,.monitor35-page select,.monitor35-page textarea{transition:none}
@media(max-width:900px){.sensor34-strip{min-height:0}}

/* FIX35 FIX07 · cierre visual Tests monitor */
.monitor35-wifi-live{border:1px solid #dbe6e7;border-radius:12px;padding:12px;background:#f7faf9;display:grid;gap:6px;min-height:88px}
.monitor35-wifi-step{font-size:16px;font-weight:900;color:#173744}
.monitor35-wifi-detail{font-size:12px;line-height:1.35;color:#53666f;min-height:32px}
.monitor35-progress{height:8px;border-radius:999px;background:#e2e9e9;overflow:hidden}
.monitor35-progress i{display:block;height:100%;background:currentColor;border-radius:inherit;transition:width .25s ease}
.monitor35-wifi-live.running,.monitor35-wifi-live.pending{color:#087f7a}.monitor35-wifi-live.done{color:#247245}.monitor35-wifi-live.error,.monitor35-wifi-live.cancelled{color:#9b2525}
.monitor35-tech-state{font-size:9px!important;color:#77868b!important}

/* FIX35 FIX09 */
.monitor35-wifi-live.sync{color:#8a6412;background:#fff9e9}
.monitor35-pagebar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin:4px 0 18px}
.monitor35-pagebar h2{margin:3px 0}.monitor35-pagebar p{margin:0;color:#66757a}
.monitor35-page-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:760px){.monitor35-pagebar{display:grid}.monitor35-page-actions{justify-content:flex-start}}

/* FIX36 · LAB Physical WIP */
.lab-wip-v36{border:2px solid #d8e6e4}.lab-wip-kpis-v36{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}
.lab-wip-kpis-v36>div{padding:10px;border:1px solid #d9e0e2;border-radius:12px}.lab-wip-kpis-v36 small{display:block}.lab-wip-kpis-v36 b{font-size:1.35rem}
.lab-wip-grid-v36{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.lab-wip-run-v36{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px;border:1px solid #d9e0e2;border-radius:12px}
.lab-wip-run-v36 small,.lab-wip-run-v36 span{display:block}.lab-wip-run-v36 b{display:block;margin:2px 0}.lab-wip-resources-v36{margin-top:12px}
.lab-wip-tray-v36{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #e4e8e9}.lab-wip-tray-v36 span{display:block;color:#647278}
.lab-wip-mass-strip-v36{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 16px}.lab-wip-mass-strip-v36 span{padding:10px;border:1px solid #d9e0e2;border-radius:10px}
@media(max-width:760px){.lab-wip-kpis-v36,.lab-wip-grid-v36{grid-template-columns:1fr 1fr}.lab-wip-run-v36{grid-column:1/-1}.lab-wip-mass-strip-v36{grid-template-columns:1fr}}

/* FIX37 · LAB Autopilot */
.lab-auto-v37{border:2px solid #1e5f5a;background:linear-gradient(180deg,#fbfffe,#f5fbfa);margin-bottom:14px}
.lab-auto-main-v37{display:flex;justify-content:space-between;align-items:center;gap:18px}.lab-auto-main-v37 h2{margin:3px 0 4px}.lab-auto-main-v37 p{margin:0;color:#52666a}
.lab-auto-cta-v37{min-width:180px;min-height:50px;font-size:1rem}.lab-auto-chips-v37{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.lab-auto-chips-v37 span{border:1px solid #cddfdd;background:white;border-radius:999px;padding:5px 9px;font-size:.82rem}
.lab-auto-foot-v37{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid #d7e5e3;font-size:.86rem;color:#52666a}
@media(max-width:760px){.lab-auto-main-v37{display:grid}.lab-auto-cta-v37{width:100%}.lab-auto-foot-v37{grid-template-columns:1fr}}

/* FIX38 Papa Copilot */
.prep38{border:2px solid #6b4f2a;background:#fffdf8;margin-bottom:14px}.prep38-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.prep38-head h2{margin:3px 0}.prep38-head p{margin:0;color:#5f6468}.prep38-state{font-size:.78rem;font-weight:800;background:#f3eadc;border-radius:999px;padding:7px 10px}.prep38-action{display:flex;gap:8px;align-items:center;margin:14px 0}.prep38-action input{font-size:1.35rem;font-weight:800;max-width:220px;padding:12px}.prep38-action .btn-primary{min-height:52px}.prep38-timer{font-size:2rem;font-weight:900;font-variant-numeric:tabular-nums}.prep38-yield{margin-top:10px;padding:10px;border-radius:10px;background:#f8f3e9}.prep38-scheduler{display:flex;gap:9px;align-items:center;flex-wrap:wrap;border-top:1px solid #eadfce;padding-top:11px}.prep38-scheduler span{background:#f6f4ef;border-radius:999px;padding:5px 8px;font-size:.82rem}.prep38-scheduler strong{color:#185b51}.prep38-scheduler em{color:#795548;font-style:normal}@media(max-width:760px){.prep38-head{display:grid}.prep38-action{display:grid}.prep38-action input{max-width:none;width:100%}}

/* FIX38 FIX01 · action-first visual refresh */
.prep38-actionfirst{padding:0;overflow:hidden;border:1px solid #b49a73;box-shadow:0 5px 18px rgba(62,45,25,.07);background:#fffdfa}
.prep38-kicker{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 8px}
.prep38-actionfirst .prep38-state{background:#f4ecdf;color:#503d25}
.prep38-now{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:10px 18px 18px}
.prep38-now-label,.prep38-small-label,.prep38-weight span{display:block;font-size:.72rem;letter-spacing:.08em;font-weight:900;color:#087a72;margin-bottom:5px}
.prep38-now h2{font-size:clamp(1.55rem,2.5vw,2.15rem);line-height:1.05;margin:0 0 7px;color:#18222a}
.prep38-now p{font-size:1rem;max-width:680px;margin:0;color:#59646a}
.prep38-now-control{min-width:220px}.prep38-maincta{min-height:58px;padding:0 22px;font-size:1rem;font-weight:900}
.prep38-weight input{width:210px;font-size:1.65rem;font-weight:900;padding:11px 12px;margin-bottom:8px}
.prep38-yield{margin:0 18px 12px;display:flex;align-items:center;gap:10px;background:#f7f3eb}.prep38-yield span{font-size:.7rem;font-weight:900;letter-spacing:.06em}.prep38-yield strong{margin-left:auto;color:#087a72}
.prep38-statusrow{display:grid;grid-template-columns:120px 120px 150px minmax(220px,1fr);border-top:1px solid #eadfce;background:#faf7f1}
.prep38-statusrow>div{padding:11px 14px;border-right:1px solid #eadfce}.prep38-statusrow>div:last-child{border-right:0}
.prep38-statusrow small{display:block;font-size:.67rem;font-weight:800;color:#7b7b76;margin-bottom:2px}.prep38-statusrow b{font-size:.9rem}
.prep38-statusrow .ok b{color:#087a72}.prep38-statusrow .busy b{color:#8a5426}.prep38-statusrow .next b{color:#293b43}
.prep38-secondary{display:flex;align-items:center;gap:12px;padding:8px 18px 12px;background:#faf7f1;color:#775d42;font-size:.82rem}
.prep38-actionfirst.is-blocked{border-color:#c58a4d}.prep38-actionfirst.is-blocked .prep38-now{background:#fffaf2}
@media(max-width:760px){.prep38-now{grid-template-columns:1fr}.prep38-now-control,.prep38-maincta,.prep38-weight input{width:100%}.prep38-statusrow{grid-template-columns:1fr 1fr}.prep38-statusrow .next{grid-column:1/-1}.prep38-kicker{align-items:flex-start;gap:8px}.prep38-secondary{flex-wrap:wrap}}

/* FIX38 FIX02 · Unified LAB Copilot */
.lab-unified38{padding:0;overflow:hidden;border:1px solid #b89b72;background:#fffdfa;box-shadow:0 7px 24px rgba(66,47,24,.08)}
.lab-unified-top38{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 10px}.lab-unified-top38 h1{font-size:1.2rem;margin:2px 0 0}
.lab-device-strip38{display:flex;gap:7px;flex-wrap:wrap}.lab-device-strip38 span{padding:5px 8px;border:1px solid #e4d8c5;border-radius:999px;font-size:.75rem;background:#faf7f0}.lab-device-strip38 b{color:#a46d30}.lab-device-strip38 b.ok{color:#087a72}
.lab-route38{display:flex;align-items:center;padding:10px 20px 16px;overflow-x:auto}.lab-route38 i{height:2px;min-width:18px;flex:1;background:#ddd2c1}
.lab-route-step38{display:flex;align-items:center;gap:5px;white-space:nowrap;color:#9a938a;font-size:.73rem}.lab-route-step38 span{font-size:1rem}.lab-route-step38.active{color:#087a72}.lab-route-step38.active b{font-size:.8rem}.lab-route-step38.done{color:#6d755f}
.lab-now38{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:22px 20px;background:linear-gradient(100deg,#f7f1e6,#fffdf9);border-top:1px solid #eadfce;border-bottom:1px solid #eadfce}
.lab-section-label38{font-size:.7rem;font-weight:900;letter-spacing:.12em;color:#087a72}.lab-now38 h2{font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.02;margin:5px 0 8px}.lab-now38 p{margin:0;max-width:700px;color:#596267;font-size:1rem}
.lab-now-action38{min-width:220px}.lab-now-cta38{min-height:60px;min-width:210px;font-weight:900;font-size:1rem}
.lab-flow38{display:grid;grid-template-columns:1.3fr 1fr}.lab-flow38>div{padding:14px 20px}.lab-flow38>div+div{border-left:1px solid #eadfce}.lab-flow38 p{margin:5px 0 0;color:#5f6468}
.lab-process-chips38{display:flex;gap:7px;flex-wrap:wrap;margin-top:6px}.lab-process-chips38 span{padding:6px 9px;border-radius:999px;background:#f4efe6;font-size:.82rem}.lab-process-chips38 .muted{color:#7c7b76}
.lab-unified-foot38{display:flex;align-items:center;gap:12px;padding:9px 20px;background:#faf7f1;border-top:1px solid #eadfce;font-size:.78rem;color:#6c6861}.lab-unified-foot38 .btn{margin-left:auto}.lab-unified-foot38 .btn+.btn{margin-left:0}
.lab-tech-details38{margin-top:12px}.lab-tech-details38>summary{cursor:pointer;font-weight:800;color:#566267;padding:10px 2px}.lab-tech-details38:not([open])>*:not(summary){display:none}
.lab-unified38.is-blocked .lab-now38{background:#fff8ed}.lab-unified38.is-blocked{border-color:#c88b4b}
@media(max-width:800px){.lab-unified-top38{align-items:flex-start;gap:10px}.lab-device-strip38{justify-content:flex-end}.lab-now38{grid-template-columns:1fr}.lab-now-action38,.lab-now-cta38{width:100%}.lab-flow38{grid-template-columns:1fr}.lab-flow38>div+div{border-left:0;border-top:1px solid #eadfce}.lab-unified-foot38{flex-wrap:wrap}.lab-unified-foot38 .btn{margin-left:0}.lab-route38{padding-left:14px;padding-right:14px}.lab-route-step38 b{font-size:.66rem}}

/* FIX38 FIX03 · one operational surface, zero function loss */
.lab-single-flow38>.lab-unified38{margin-top:10px}
.lab-legacy-advanced38{margin:12px 0 24px;border:1px solid #d9d5cc;border-radius:14px;background:#fff}
.lab-legacy-advanced38>summary{display:flex;justify-content:space-between;gap:12px;align-items:center;cursor:pointer;padding:15px 18px;font-weight:900;color:#26363d;list-style:none}
.lab-legacy-advanced38>summary::-webkit-details-marker{display:none}.lab-legacy-advanced38>summary:before{content:'›';font-size:1.4rem;color:#087a72;transition:.15s}.lab-legacy-advanced38[open]>summary:before{transform:rotate(90deg)}
.lab-legacy-advanced38>summary span{margin-left:auto;font-size:.75rem;font-weight:500;color:#7a7c79}
.lab-legacy-body38{padding:0 10px 12px}.lab-legacy-body38>*{margin-top:12px}
.lab-operating38 .tinas-fab,.lab-operating38 [class*="tinas-float"],.lab-operating38 [data-tinas-fab]{opacity:.38;transform:scale(.86);transform-origin:bottom right}
.lab-operating38 .tinas-fab:hover,.lab-operating38 [class*="tinas-float"]:hover,.lab-operating38 [data-tinas-fab]:hover{opacity:1;transform:scale(1)}
@media(max-width:760px){.lab-legacy-advanced38>summary span{display:none}.lab-legacy-body38{padding:0 5px 8px}}

/* FIX39 end-to-end route */
.lab-route38{scrollbar-width:thin}.lab-route-step38.active b{font-weight:950}.lab-unified-top38 h1{max-width:620px}.lab-now38{min-height:150px}
@media(max-width:900px){.lab-route38{gap:0}.lab-route-step38 b{font-size:.63rem}.lab-route38 i{min-width:10px}}

/* FIX39 FIX01 · PRE-LAB must be visible and fail closed */
.prelab-check39{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:12px 18px;border-top:1px solid #e8e0d2;background:#fbfaf7}
.prelab-check39 span{padding:7px 9px;border-radius:9px;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prelab-check39 .ok{background:#edf8f1;color:#276244}.prelab-check39 .pending{background:#fff4d7;color:#795800}.prelab-check39 .wait{grid-column:1/-1;background:#f2f3f3;color:#59636a}
@media(max-width:760px){.prelab-check39{grid-template-columns:1fr 1fr}.prelab-check39 span{white-space:normal}}

/* FIX39 FIX05 · clicked action must match the screen shown */
.lab-legacy-body38>.lab-context-hidden39{display:none!important}
.lab-context-focus39{display:block!important;border:2px solid #07867f!important;box-shadow:0 10px 28px rgba(0,0,0,.08);margin-top:10px!important}
.lab-context-bar39{position:sticky;top:0;z-index:15;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;border:1px solid #b8ded9;border-radius:12px;background:#f3fbfa;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.lab-context-bar39 div{display:grid;gap:2px}.lab-context-bar39 span{font-size:.68rem;font-weight:900;letter-spacing:.08em;color:#087b74}.lab-context-bar39 b{font-size:1rem;color:#102d3d}
@media(max-width:760px){.lab-context-bar39{align-items:stretch;flex-direction:column}.lab-context-bar39 button{width:100%}}

/* FIX39 FIX12 FIX06 · OTA waiting connection */
.ota33-inline-cancel{margin-top:10px}.ota33-inline-cancel .btn{width:100%}

/* FIX39 FIX12 FIX09 · OTA progress UX: no mostrar 0% falso durante descarga sin telemetría granular. */
.ota33-indeterminate{position:relative;overflow:hidden;width:100%;height:12px;border-radius:999px;background:#e7edef;border:1px solid #d5e0e3}
.ota33-indeterminate.compact{height:10px}
.ota33-indeterminate>i{position:absolute;top:0;bottom:0;left:-42%;width:42%;border-radius:999px;background:var(--teal);opacity:.72;animation:ota33IndeterminateSweep 1.15s ease-in-out infinite}
@keyframes ota33IndeterminateSweep{0%{left:-42%}100%{left:100%}}
@media(prefers-reduced-motion:reduce){.ota33-indeterminate>i{animation:none;left:29%;width:42%}}


/* FIX39 FIX12 FIX10 · Llegué con una compra */
.smart-arrived-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px;background:linear-gradient(135deg,rgba(15,118,110,.09),rgba(245,158,11,.08));border:1px solid rgba(15,118,110,.22)}
.smart-arrived-copy{max-width:760px}.smart-arrived-copy h3{font-size:1.55rem;margin:.15rem 0 .35rem}.smart-arrived-copy p{margin:0;color:var(--muted,#5d6670);line-height:1.45}.smart-arrived-kicker{font-size:.72rem;font-weight:900;letter-spacing:.12em;color:#0f766e}.smart-arrived-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.smart-arrived-meta span{font-size:.78rem;font-weight:800;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid rgba(15,118,110,.15)}
.smart-arrived-cta{min-width:220px;min-height:50px;font-weight:900}.smart-arrived-head{font-weight:900}
.smart-lab-coverage{display:grid;gap:8px;margin:10px 0}.smart-coverage-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid var(--line,#dce2e6);border-radius:12px;background:var(--panel,#fff)}.smart-coverage-row small{display:block;color:var(--muted,#65717b);margin-top:2px}.smart-nonconsume{display:block;color:var(--muted,#65717b);padding:2px 4px 8px}
.smart-ticket-now-wrap{display:grid;gap:6px;padding:12px;border:1px solid rgba(15,118,110,.22);border-radius:12px;background:rgba(15,118,110,.05)}.smart-ticket-now-wrap .btn{width:100%;min-height:48px;font-weight:900}.smart-ticket-now-wrap small{color:var(--muted,#65717b);line-height:1.35}
.smart-purchase-modal{display:grid;gap:16px}.smart-modal-head h3{margin:.15rem 0 .2rem;font-size:1.55rem}.smart-modal-head p{margin:0;color:var(--muted,#65717b)}.smart-source-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.smart-source-choice{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:start;padding:13px;border:1px solid var(--line,#dce2e6);border-radius:12px;cursor:pointer}.smart-source-choice input{grid-row:1/3}.smart-source-choice small{color:var(--muted,#65717b)}
#smartPurchaseLines{display:grid;gap:12px}.smart-line-card{padding:14px;border:1px solid var(--line,#dce2e6);border-radius:14px;background:var(--panel,#fff);display:grid;gap:11px}.smart-line-source>div{display:grid;grid-template-columns:auto 1fr;gap:6px 9px;align-items:center}.smart-line-source small{grid-column:2;color:var(--muted,#65717b)}.smart-confidence{font-size:.68rem;font-weight:900;padding:4px 7px;border-radius:999px}.smart-confidence.alta{background:#dcfce7;color:#166534}.smart-confidence.media{background:#fef3c7;color:#92400e}.smart-confidence.baja{background:#fee2e2;color:#991b1b}.smart-candidate-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end}.smart-classification{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:9px 11px;border-radius:10px;background:rgba(15,118,110,.07)}.smart-classification span{font-weight:850}.smart-classification small{color:var(--muted,#65717b)}.smart-line-grid{align-items:end}.smart-cost-preview{border:1px solid rgba(15,118,110,.25);border-radius:10px;padding:8px 10px;min-height:58px;display:flex;flex-direction:column;justify-content:center}.smart-cost-preview small{font-weight:900;color:#0f766e}.smart-cost-preview b{font-size:1.05rem}.smart-review-lab{padding:12px;border-radius:12px;background:rgba(2,132,199,.05);border:1px solid rgba(2,132,199,.15)}.smart-review-lab h4{margin:0 0 6px}
@media(max-width:760px){.smart-arrived-hero{align-items:stretch;flex-direction:column;padding:17px}.smart-arrived-cta{width:100%;min-width:0}.smart-source-tabs{grid-template-columns:1fr}.smart-candidate-row{grid-template-columns:1fr}.smart-classification{display:grid}.smart-coverage-row{align-items:flex-start}.smart-line-grid{grid-template-columns:1fr}.smart-trace-fields{grid-template-columns:1fr}}

/* ==========================================================
   v41.0 · FIX39 FIX12 FIX10 FIX05 · FREEZER BOTTOM-UP
   5 niveles · 1 charola por nivel · zonificación física
   ========================================================== */
.lab-freezer-visual-card-v201{overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fbfcfc 100%)}
.lab-freezer-kicker-v201{display:block;font-size:.68rem;font-weight:900;letter-spacing:.11em;color:#147f81;margin-bottom:4px}
.lab-freezer-summary-v201{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}
.lab-freezer-summary-v201>div{border:1px solid #dce5e7;background:#f7faf9;border-radius:14px;padding:10px 12px;min-width:0}
.lab-freezer-summary-v201 b{display:block;color:#132536;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lab-freezer-summary-v201 small{display:block;color:#6d7c84;font-size:.72rem;margin-top:2px}
.lab-freezer-hero-v201{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 58px;max-width:760px;margin:16px auto 10px;filter:drop-shadow(0 15px 16px rgba(21,40,48,.12))}
.lab-freezer-shell-v201{position:relative;border:9px solid #dce3e6;border-bottom-width:14px;border-radius:22px 10px 12px 12px;background:linear-gradient(135deg,#eef3f4,#cbd5d8);padding:12px 12px 16px;box-shadow:inset 0 0 0 2px #f8fbfb,inset 0 -16px 22px rgba(64,86,92,.08)}
.lab-freezer-top-v201{display:flex;align-items:center;justify-content:space-between;padding:0 5px 10px;color:#334a54}
.lab-freezer-top-v201 span{font-size:.73rem;font-weight:900;letter-spacing:.12em}.lab-freezer-top-v201 small{font-size:.68rem;color:#78878e}
.lab-freezer-cavity-v201{background:linear-gradient(90deg,#aebbc0,#eef3f4 5%,#f7fafa 50%,#e1e8ea 95%,#a7b5ba);border:2px solid #aab9be;border-radius:12px;padding:8px 9px 12px;box-shadow:inset 0 0 25px rgba(55,75,82,.20);display:grid;gap:7px}
.lab-freezer-level-row-v201{display:grid;grid-template-columns:78px minmax(0,1fr) 70px;align-items:center;gap:8px;min-width:0;border-radius:11px;padding:4px 5px;cursor:pointer;transition:.16s ease;outline:none}
.lab-freezer-level-row-v201:hover,.lab-freezer-level-row-v201:focus-visible{background:rgba(255,255,255,.55)}
.lab-freezer-level-row-v201.selected{background:rgba(0,126,128,.08);box-shadow:0 0 0 2px rgba(0,126,128,.22)}
.lab-freezer-level-tag-v201,.lab-freezer-level-mass-v201{display:grid;gap:1px}.lab-freezer-level-tag-v201 b,.lab-freezer-level-mass-v201 b{font-size:.78rem;color:#17313c}.lab-freezer-level-tag-v201 small,.lab-freezer-level-mass-v201 small{font-size:.62rem;color:#687980}
.lab-freezer-level-mass-v201{text-align:right}
.lab-freezer-shelf-v201{position:relative;padding-bottom:5px}.lab-freezer-shelf-v201:after{content:"";position:absolute;left:-5px;right:-5px;bottom:0;height:6px;border-radius:2px;background:linear-gradient(180deg,#dbe2e4,#84959b);box-shadow:0 3px 4px rgba(34,53,59,.25)}
.lab-freezer-tray-v201{position:relative;min-width:0;background:linear-gradient(180deg,#f8fbfb,#e7edef);border:2px solid #bcc9cd;border-radius:13px 13px 9px 9px;padding:7px 9px 0;box-shadow:inset 0 2px 0 rgba(255,255,255,.9),0 3px 5px rgba(45,65,72,.15)}
.lab-freezer-tray-v201:before{content:"";position:absolute;left:4px;right:4px;top:3px;height:4px;border:1px solid #dfe7e9;border-bottom:0;border-radius:11px 11px 0 0}
.lab-freezer-tray-v201.compact{padding:5px 7px 0;border-radius:10px 10px 7px 7px}
.lab-freezer-tray-grid-v201{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(25px,1fr));gap:4px;min-height:78px;isolation:isolate}
.lab-freezer-tray-v201.compact .lab-freezer-tray-grid-v201{grid-template-rows:repeat(2,minmax(15px,1fr));gap:2px;min-height:42px}
.lab-freezer-zone-v201{position:relative;z-index:1;border:1px dashed #c8d3d6;border-radius:7px;background:rgba(237,242,244,.78);min-width:0;min-height:0;color:#76868c;display:flex;flex-direction:column;align-items:center;justify-content:center;font:inherit;padding:2px;box-shadow:none}
button.lab-freezer-zone-v201{cursor:pointer}.lab-freezer-zone-v201 span{font-size:.64rem;font-weight:800}.lab-freezer-zone-v201 small{font-size:.58rem;color:#84939a}
.lab-freezer-zone-v201.occupied{background:#e3e9eb;border-style:solid;opacity:.55}.lab-freezer-zone-v201.selected{background:#d9f2ee;border:2px solid #008b87;color:#075e5e;opacity:1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.lab-freezer-lot-v201{position:relative;z-index:3;border:1px solid #68b9b2;border-radius:8px;background:linear-gradient(180deg,#b9ebe3,#8cd6cb);color:#103a3d;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;min-width:0;text-align:center;box-shadow:0 2px 3px rgba(28,71,70,.16);font:inherit}
button.lab-freezer-lot-v201{cursor:pointer}.lab-freezer-lot-v201 b{font-size:.72rem;line-height:1.05;max-width:100%;overflow:hidden;text-overflow:ellipsis}.lab-freezer-lot-v201 small{font-size:.61rem;line-height:1.05;margin-top:2px}.lab-freezer-lot-v201.bagged{background:linear-gradient(180deg,#d9ead6,#b9dbb0);border-color:#8db77f}.lab-freezer-lot-v201.frozen{background:linear-gradient(180deg,#c9e7f7,#9ecfe8);border-color:#72aed0}.lab-freezer-lot-v201.separable{background:linear-gradient(180deg,#f4e6b7,#e8cf7b);border-color:#caae55}
.lab-freezer-tray-v201.compact .lab-freezer-lot-v201 b{font-size:.58rem}.lab-freezer-tray-v201.compact .lab-freezer-lot-v201 small{font-size:.52rem}.lab-freezer-tray-v201.compact .lab-freezer-zone-v201 span{display:none}
.lab-freezer-empty-v201{position:absolute;z-index:2;inset:0;display:grid;place-items:center;pointer-events:none;color:#819096;font-size:.68rem;font-weight:800;letter-spacing:.03em}
.lab-freezer-tray-lip-v201{margin:5px -6px 0;padding:4px 8px 5px;border-top:1px solid #c4cfd2;background:linear-gradient(180deg,#eef3f4,#d6dfe2);border-radius:0 0 8px 8px;display:flex;justify-content:space-between;gap:8px;align-items:center;color:#273f49}.lab-freezer-tray-lip-v201 span{font-size:.68rem;font-weight:900}.lab-freezer-tray-lip-v201 small{font-size:.61rem;color:#708087}.lab-freezer-tray-v201.compact .lab-freezer-tray-lip-v201{padding:2px 6px 3px;margin-top:3px}.lab-freezer-tray-v201.compact .lab-freezer-tray-lip-v201 span{font-size:.54rem}
.lab-freezer-door-v201{margin:18px 0 20px -2px;border:7px solid #dbe3e6;border-left:4px solid #9cabb0;border-radius:4px 14px 14px 4px;background:linear-gradient(90deg,#cbd6da,#eef3f4 55%,#d6dfe2);box-shadow:inset 0 0 0 2px #f8fbfb;display:flex;flex-direction:column;justify-content:space-around;padding:13px 6px;transform:skewY(-1deg)}
.lab-freezer-door-v201 div{height:5px;border-radius:999px;background:#c2cdd1;box-shadow:0 1px 0 #f7fafa}
.lab-freezer-feet-v201{position:absolute;left:16px;right:16px;bottom:-18px;display:flex;justify-content:space-between}.lab-freezer-feet-v201 i{display:block;width:27px;height:11px;border-radius:0 0 6px 6px;background:#687a80}
.lab-freezer-recommend-v201{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #d5e3e1;background:#f4faf8;border-radius:14px;padding:12px 14px;margin:18px 0 12px}.lab-freezer-recommend-v201>div{display:grid;gap:2px}.lab-freezer-recommend-v201 span{font-size:.66rem;font-weight:900;letter-spacing:.08em;color:#17797a}.lab-freezer-recommend-v201 b{font-size:1.05rem}.lab-freezer-recommend-v201 small{color:#65757d}
.lab-freezer-selected-v201{border:1px solid #dce5e7;background:#fff;border-radius:18px;padding:15px;margin-top:12px}.lab-freezer-selected-v201>.lab-freezer-tray-v201{max-width:620px;margin:12px auto}.lab-freezer-zone-count-v201{text-align:right}.lab-freezer-zone-count-v201 b{display:block;font-size:1.15rem;color:#087d7d}.lab-freezer-zone-count-v201 small{color:#6c7c82}
.lab-freezer-selected-meta-v201{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.lab-freezer-selected-meta-v201 span{display:grid;border:1px solid #e2e9eb;border-radius:12px;padding:9px 10px;background:#fafcfc}.lab-freezer-selected-meta-v201 b{font-size:.95rem}.lab-freezer-selected-meta-v201 small{font-size:.68rem;color:#738187}
.lab-freezer-tech-v201{margin-top:12px;border-top:1px solid #e0e7e9;padding-top:10px}.lab-freezer-tech-v201>summary{cursor:pointer;font-weight:850;color:#314852}
.lab-place-freezer-v201{display:grid;gap:12px}.lab-freezer-size-pill-v201{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#eef5f5;border:1px solid #cfe0df;color:#166e70;font-weight:850;font-size:.73rem}
.lab-place-levels-v201{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.lab-place-level-v201{display:grid;gap:2px;border:1px solid #d8e1e4;background:#f8fafa;border-radius:11px;padding:8px 6px;color:#31454d;text-align:left;cursor:pointer}.lab-place-level-v201.selected{border:2px solid #008884;background:#e8f6f3;color:#075f60}.lab-place-level-v201 span{font-size:.72rem;font-weight:900}.lab-place-level-v201 b{font-size:.72rem}.lab-place-level-v201 small{font-size:.62rem;color:#75858b}
.lab-place-tray-v201{border:1px solid #dce5e7;background:#fbfdfd;border-radius:16px;padding:12px}.lab-place-tray-v201>.lab-freezer-tray-v201{margin:10px 0}.lab-place-hint-v201{font-size:.75rem;color:#596d75;margin:8px 0}.lab-place-hint-v201 b{color:#153b43}
@media(max-width:720px){.lab-freezer-summary-v201{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-freezer-hero-v201{grid-template-columns:minmax(0,1fr) 32px}.lab-freezer-shell-v201{border-width:6px;border-bottom-width:10px;padding:8px 7px 12px}.lab-freezer-cavity-v201{padding:6px 5px 9px;gap:5px}.lab-freezer-level-row-v201{grid-template-columns:54px minmax(0,1fr) 46px;gap:4px;padding:3px}.lab-freezer-level-tag-v201 b,.lab-freezer-level-mass-v201 b{font-size:.65rem}.lab-freezer-level-tag-v201 small,.lab-freezer-level-mass-v201 small{font-size:.51rem}.lab-freezer-tray-v201.compact .lab-freezer-tray-grid-v201{min-height:36px}.lab-freezer-door-v201{border-width:4px;border-left-width:2px;padding:8px 4px}.lab-freezer-top-v201 small{display:none}.lab-freezer-selected-meta-v201{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-place-levels-v201{grid-template-columns:repeat(5,minmax(58px,1fr));overflow-x:auto;padding-bottom:3px}.lab-place-level-v201{min-width:64px}.lab-freezer-recommend-v201{align-items:flex-start}.lab-freezer-selected-v201{padding:12px}.lab-freezer-tray-grid-v201{min-height:92px}}
@media(max-width:420px){.lab-freezer-level-row-v201{grid-template-columns:48px minmax(0,1fr) 40px}.lab-freezer-level-tag-v201 small,.lab-freezer-level-mass-v201 small{display:none}.lab-freezer-tray-v201.compact .lab-freezer-lot-v201 small{display:none}.lab-freezer-tray-v201.compact .lab-freezer-tray-lip-v201 span{font-size:.48rem}.lab-freezer-summary-v201>div{padding:8px 10px}.lab-freezer-recommend-v201{display:grid}.lab-freezer-selected-meta-v201{gap:5px}.lab-freezer-selected-meta-v201 span{padding:8px 7px}.lab-freezer-selected-meta-v201 b{font-size:.84rem}}


/* ============================================================
   v41.0 · FIX39 FIX12 FIX10 FIX05 · FREEZER BOTTOM-UP
   LR-05: selección física de niveles mediante charolas 30 × 21
   ============================================================ */
.lab-freezer-qual-modal-v204{max-width:820px;margin:auto}
.lab-freezer-qual-modal-v204>.lab-friendly-title-v181{align-items:flex-start;gap:12px}
.lab-freezer-qual-picker-v204{border:1px solid #d8e3e5;background:linear-gradient(180deg,#fbfdfd,#f4f8f8);border-radius:20px;padding:14px;box-shadow:0 8px 22px rgba(30,58,66,.06)}
.lab-freezer-qual-picker-head-v204{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.lab-freezer-qual-picker-head-v204 small{display:block;color:#147f81;font-size:.66rem;font-weight:900;letter-spacing:.1em}.lab-freezer-qual-picker-head-v204 h3{margin:2px 0 0;font-size:1.12rem}
.lab-freezer-qual-selected-summary-v204{min-width:92px;text-align:center;border:1px solid #cde1df;background:#edf8f6;border-radius:14px;padding:7px 10px}.lab-freezer-qual-selected-summary-v204 b{display:block;color:#087d7d;font-size:1.15rem}.lab-freezer-qual-selected-summary-v204 small{display:block;color:#5e7479;font-size:.63rem;line-height:1.05}
.lab-freezer-qual-shell-v204{position:relative;max-width:620px;margin:0 auto 10px;border:8px solid #d8e0e3;border-bottom-width:13px;border-radius:20px 11px 13px 13px;background:linear-gradient(135deg,#eef3f4,#c6d1d5);padding:10px 10px 15px;box-shadow:inset 0 0 0 2px #f8fbfb,inset 0 -12px 20px rgba(63,84,91,.09),0 12px 20px rgba(42,64,71,.12)}
.lab-freezer-qual-top-v204{display:flex;align-items:center;justify-content:space-between;padding:0 5px 8px;color:#334b55}.lab-freezer-qual-top-v204 span{font-size:.68rem;font-weight:950;letter-spacing:.12em}.lab-freezer-qual-top-v204 small{font-size:.64rem;color:#728288}
.lab-freezer-qual-levels-v204{display:grid;gap:6px;background:linear-gradient(90deg,#aebbc0,#f1f5f6 5%,#fbfdfd 50%,#e2e9eb 95%,#a9b7bc);border:2px solid #aab9be;border-radius:12px;padding:7px 8px 10px;box-shadow:inset 0 0 22px rgba(55,75,82,.18)}
.lab-freezer-qual-level-v204{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) 30px;gap:8px;align-items:center;border:0;background:transparent;border-radius:11px;padding:4px 5px;font:inherit;text-align:left;cursor:pointer;transition:.16s ease;color:#17313c}
.lab-freezer-qual-level-v204:hover,.lab-freezer-qual-level-v204:focus-visible{background:rgba(255,255,255,.64);outline:none}.lab-freezer-qual-level-v204.selected{background:rgba(0,126,128,.10);box-shadow:0 0 0 2px rgba(0,126,128,.28)}
.lab-freezer-qual-level-label-v204{display:grid;gap:1px}.lab-freezer-qual-level-label-v204 b{font-size:.78rem}.lab-freezer-qual-level-label-v204 small{font-size:.54rem;font-weight:850;color:#76868c}.lab-freezer-qual-level-v204.selected .lab-freezer-qual-level-label-v204 small{color:#087d7d}
.lab-freezer-qual-shelf-v204{position:relative;padding-bottom:6px}.lab-freezer-qual-shelf-v204:after{content:"";position:absolute;left:-5px;right:-5px;bottom:0;height:6px;border-radius:2px;background:linear-gradient(180deg,#dce3e5,#819399);box-shadow:0 3px 4px rgba(34,53,59,.22)}
.lab-freezer-qual-tray-v204{position:relative;background:linear-gradient(180deg,#fbfdfd,#e4eaec);border:2px solid #b9c7cb;border-radius:12px 12px 8px 8px;padding:5px 7px 0;box-shadow:inset 0 2px 0 rgba(255,255,255,.95),0 3px 5px rgba(45,65,72,.15);overflow:hidden}
.lab-freezer-qual-tray-v204:before{content:"";position:absolute;left:4px;right:4px;top:3px;height:4px;border:1px solid #dfe7e9;border-bottom:0;border-radius:10px 10px 0 0;pointer-events:none}
.lab-freezer-qual-tray-grid-v204{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,18px);gap:3px;padding-top:3px;isolation:isolate}.lab-freezer-qual-zone-v204{display:block;border:1px dashed #cad5d8;border-radius:5px;background:rgba(239,244,245,.82)}
.lab-freezer-qual-lip-v204{margin:4px -5px 0;padding:3px 7px 4px;border-top:1px solid #c1cdd0;background:linear-gradient(180deg,#eef3f4,#d4dde0);border-radius:0 0 7px 7px;text-align:center;color:#304750;font-size:.57rem;font-weight:950}
.lab-freezer-qual-use-v204,.lab-freezer-qual-empty-v204{position:absolute;z-index:4;inset:3px;display:grid;place-items:center;border-radius:7px;font-size:.65rem;font-weight:950;letter-spacing:.04em}.lab-freezer-qual-empty-v204{color:#859399;background:rgba(255,255,255,.18)}.lab-freezer-qual-use-v204{color:#075e5e;background:rgba(183,235,226,.80);border:2px solid #1a9992;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.lab-freezer-qual-check-v204{width:27px;height:27px;border-radius:999px;border:1px solid #c5d1d4;background:#f8fbfb;color:#718188;display:grid;place-items:center;font-weight:950}.lab-freezer-qual-level-v204.selected .lab-freezer-qual-check-v204{background:#087f80;color:#fff;border-color:#087f80}
.lab-freezer-qual-feet-v204{position:absolute;left:18px;right:18px;bottom:-17px;display:flex;justify-content:space-between}.lab-freezer-qual-feet-v204 i{display:block;width:24px;height:9px;border-radius:0 0 5px 5px;background:#65777d}
.lab-freezer-qual-legend-v204{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:10px;color:#50666e;font-size:.7rem}.lab-freezer-qual-legend-v204>span{display:inline-flex;align-items:center;gap:5px;font-weight:800}.lab-freezer-qual-legend-v204 i{width:14px;height:14px;border-radius:4px;border:1px solid #c7d2d5;background:#eef3f4}.lab-freezer-qual-legend-v204 i.sel{background:#b7ebe2;border-color:#389c94}.lab-freezer-qual-legend-v204>small{flex-basis:100%;color:#6b7b82}
.lab-freezer-qual-load-v204{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);gap:10px;align-items:end}.lab-freezer-qual-load-v204 .notice{margin:0;min-height:100%;display:flex;flex-direction:column;justify-content:center}
.lab-freezer-qual-layer-v204{display:flex!important;gap:10px;align-items:center;border:1px solid #d9e4e6;background:#f8fbfb;border-radius:14px;padding:10px 12px}.lab-freezer-qual-layer-v204 input{width:20px;height:20px;flex:0 0 auto}.lab-freezer-qual-layer-v204 span{display:grid;gap:1px}.lab-freezer-qual-layer-v204 b{font-size:.82rem}.lab-freezer-qual-layer-v204 small{font-size:.68rem;color:#6b7b82}
@media(max-width:620px){.lab-freezer-qual-modal-v204>.lab-friendly-title-v181{display:grid}.lab-freezer-qual-picker-v204{padding:10px}.lab-freezer-qual-shell-v204{border-width:6px;border-bottom-width:10px;padding:7px 6px 11px}.lab-freezer-qual-top-v204 small{display:none}.lab-freezer-qual-level-v204{grid-template-columns:52px minmax(0,1fr) 28px;gap:5px;padding:3px}.lab-freezer-qual-level-label-v204 b{font-size:.69rem}.lab-freezer-qual-level-label-v204 small{font-size:.49rem}.lab-freezer-qual-tray-grid-v204{grid-template-rows:repeat(2,16px);gap:2px}.lab-freezer-qual-use-v204{font-size:.57rem}.lab-freezer-qual-load-v204{grid-template-columns:1fr}.lab-freezer-qual-picker-head-v204 h3{font-size:1rem}.lab-freezer-qual-selected-summary-v204{min-width:76px;padding:6px 8px}.lab-freezer-qual-legend-v204{gap:8px}}


/* ==========================================================
   v41.0 · FIX39 FIX12 FIX10 FIX05 · FREEZER BOTTOM-UP
   Convención física: Nivel 1 abajo, Nivel 5 arriba.
   ========================================================== */
.lab-freezer-orientation-v205,.lab-freezer-qual-orientation-v205{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#47616a;font-size:.58rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase}
.lab-freezer-orientation-v205{padding:3px 7px 5px}
.lab-freezer-qual-orientation-v205{padding:1px 6px 6px}
.lab-freezer-qual-how-v205{border:1px solid #cde3e1;background:linear-gradient(135deg,#f5fbfa,#eef8f6);border-radius:16px;padding:12px 14px;margin:4px 0 12px;color:#284650}
.lab-freezer-qual-how-title-v205{display:grid;gap:2px;margin-bottom:7px}.lab-freezer-qual-how-title-v205 b{color:#086f71;font-size:.88rem}.lab-freezer-qual-how-title-v205 small{color:#61777e;font-size:.7rem;line-height:1.35}
.lab-freezer-qual-how-v205 ol{margin:0;padding-left:20px;display:grid;gap:5px;font-size:.73rem;line-height:1.35}.lab-freezer-qual-how-v205 li::marker{color:#087f80;font-weight:950}
.lab-freezer-level-tag-v201 small,.lab-freezer-qual-level-label-v204 small{text-transform:uppercase;letter-spacing:.025em}
@media(max-width:620px){.lab-freezer-orientation-v205,.lab-freezer-qual-orientation-v205{font-size:.5rem}.lab-freezer-qual-how-v205{padding:10px 11px}.lab-freezer-qual-how-v205 ol{font-size:.68rem;gap:4px}}

/* FIX10 FIX07 · CUT/PREP RELEASE + PREP_BATCH */
.prep202-shell{display:block!important}.prep202-card{margin:14px 0 0;border:1px solid #d8e4e7;background:linear-gradient(180deg,#fff 0%,#fbfdfd 100%);overflow:hidden}.prep202-card.done{box-shadow:inset 4px 0 0 #0b8e83}.prep202-card.pending{box-shadow:inset 4px 0 0 #d5a12a}.prep202-card.red{box-shadow:inset 4px 0 0 #b64949}.prep202-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.prep202-head h2{margin:4px 0 6px;font-size:clamp(22px,3vw,30px);line-height:1.05}.prep202-head p{margin:0;max-width:780px;color:#536878}.prep202-capacity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.prep202-capacity-grid>div{padding:12px;border:1px solid #dce5e8;border-radius:14px;background:#f7fafb;min-height:88px;display:flex;flex-direction:column;justify-content:center}.prep202-capacity-grid small,.prep202-mass-strip small,.prep202-batch-summary small,.prep202-release-preview small,.prep202-weigh-compare small{font-size:10px;letter-spacing:.08em;color:#667985;font-weight:800}.prep202-capacity-grid strong{font-size:21px;color:#102b3d;margin:2px 0}.prep202-capacity-grid span{font-size:12px;color:#647987}.prep202-active,.prep202-start,.prep202-empty{border:1px solid #cfe0e2;border-radius:16px;padding:14px;background:#fff}.prep202-active-top{display:flex;justify-content:space-between;gap:14px;align-items:center}.prep202-active-top h3{margin:2px 0}.prep202-active-top small{color:#0a7e75;font-weight:900;letter-spacing:.08em}.prep202-active-top span{color:#60717c}.prep202-step-badge{display:grid;grid-template-columns:42px auto;grid-template-areas:'i b' 'i s';align-items:center;gap:0 9px;background:#edf8f7;border:1px solid #bfe3df;border-radius:14px;padding:8px 12px;min-width:145px}.prep202-step-badge i{grid-area:i;width:38px;height:38px;border-radius:12px;background:#07877d;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:900}.prep202-step-badge b{grid-area:b}.prep202-step-badge span{grid-area:s;font-size:11px}.prep202-pipeline{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:16px 0}.prep202-pipeline span{padding:7px 4px;border-radius:10px;border:1px solid #d9e3e6;text-align:center;background:#f8fafb;color:#6f7c85}.prep202-pipeline i{display:block;font-style:normal;font-size:11px;font-weight:900}.prep202-pipeline b{font-size:10px}.prep202-pipeline span.done{background:#e6f5f1;color:#176f67;border-color:#bee0da}.prep202-pipeline span.active{background:#0c857c;color:#fff;border-color:#0c857c}.prep202-mass-strip,.prep202-batch-summary,.prep202-release-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.prep202-mass-strip span,.prep202-batch-summary span,.prep202-release-preview span{background:#f5f8f9;border-radius:12px;padding:10px;display:flex;flex-direction:column}.prep202-mass-strip b,.prep202-batch-summary b,.prep202-release-preview b{font-size:18px;color:#173247}.prep202-start{display:grid;grid-template-columns:1fr minmax(220px,.7fr) auto;gap:12px;align-items:end}.prep202-start p,.prep202-empty p{margin:5px 0;color:#60717c}.prep202-empty{text-align:center;padding:20px}.prep202-last{margin-top:12px;border-top:1px solid #e1e7ea;padding-top:10px}.prep202-last summary{cursor:pointer;font-weight:800}.prep202-step-modal,.prep202-release-result{max-width:720px}.prep202-step-modal h2,.prep202-release-result h2{margin:4px 0 12px;font-size:28px;line-height:1.05}.prep202-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.prep202-cut-visual{display:grid;grid-template-columns:1fr 1.6fr 1fr;align-items:center;text-align:center;gap:8px;padding:16px;border-radius:16px;background:#f2f6f7;margin:10px 0}.prep202-cut-visual b{font-size:30px;color:#0b7d75;border:2px solid #0b8e83;border-radius:14px;padding:18px 8px;background:#fff}.prep202-cut-visual span{font-weight:800;color:#6b7b84}.prep202-big-timer{font-variant-numeric:tabular-nums;font-size:52px;font-weight:900;letter-spacing:.03em;color:#0b8078;text-align:center;background:#eff8f7;border:1px solid #c8e6e2;border-radius:18px;padding:14px;margin:10px 0}.prep202-dry-visual{display:grid;gap:6px;text-align:center;background:#f6f1e8;border-radius:16px;padding:16px;margin:10px 0}.prep202-dry-visual div{background:#fff;border:1px dashed #c8baa2;border-radius:10px;padding:8px;font-weight:900;color:#705e47}.prep202-dry-visual b{font-size:28px;letter-spacing:10px}.prep202-weigh-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:12px 0}.prep202-weigh-compare span{background:#f5f8f9;border-radius:14px;padding:12px;text-align:center}.prep202-weigh-compare>span:nth-child(2){background:transparent;font-size:24px}.prep202-weigh-compare b{display:block;font-size:24px}.prep202-children{display:grid;gap:8px;margin:10px 0}.prep202-children>div{display:grid;grid-template-columns:120px 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid #d9e4e6;border-radius:12px;background:#f8fbfb}.prep202-children span{font-weight:900;color:#087b73}.prep202-children strong{font-size:18px}.prep202-release-result .eyebrow,.prep202-step-modal .eyebrow{color:#087c73;font-weight:900;letter-spacing:.08em;font-size:11px}
@media(max-width:760px){.prep202-head,.prep202-active-top{flex-direction:column}.prep202-capacity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prep202-start{grid-template-columns:1fr}.prep202-pipeline{grid-template-columns:repeat(4,1fr)}.prep202-mass-strip,.prep202-batch-summary,.prep202-release-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.prep202-check-grid{grid-template-columns:1fr}.prep202-step-badge{width:100%}.prep202-children>div{grid-template-columns:1fr auto}.prep202-children span{grid-column:1/-1}.prep202-big-timer{font-size:44px}.prep202-cut-visual b{font-size:24px}}

/* ==========================================================
   v41.0 · FIX39 FIX12 FIX10 FIX08 · LAB VISUAL OPERATIVO
   RDNSS · action-first, mobile-first, physical freezer model
   ========================================================== */
.lab204-home{display:grid;gap:14px;margin:10px 0 26px}.lab204-home .eyebrow,.lab204-modal .eyebrow{color:var(--teal);font-size:10px;letter-spacing:.11em;font-weight:950;text-transform:uppercase}.lab204-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid #d8e5e5;border-radius:22px;background:linear-gradient(135deg,#fffefa 0%,#f2faf8 60%,#eef7f6 100%);box-shadow:0 10px 24px rgba(25,54,63,.06)}.lab204-hero h1{margin:3px 0 6px;font-size:clamp(28px,4vw,42px);line-height:1;color:#10263a}.lab204-hero p{max-width:820px;margin:0;color:#526a76;line-height:1.5}.lab204-route{display:flex;align-items:center;gap:5px;overflow-x:auto;padding:9px 3px 12px;scrollbar-width:thin}.lab204-route>div{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;border:1px solid #e4ddd2;background:#fffdf9;color:#80776c;white-space:nowrap}.lab204-route>div i{font-style:normal;font-size:11px}.lab204-route>div b{font-size:10px;letter-spacing:.02em}.lab204-route>div.active{background:#e2f4f0;border-color:#8fcfc6;color:#006d6d;box-shadow:inset 0 0 0 1px #d2efea}.lab204-route>div.done{background:#edf7ef;border-color:#b8dcc2;color:#167a3d}.lab204-route>span{color:#b2a89b;font-weight:900}.lab204-now{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px;border-radius:22px;border:1px solid #dfe7e5;background:linear-gradient(120deg,#fffdf9,#fbfffe);box-shadow:0 8px 22px rgba(31,57,64,.06)}.lab204-now-copy>small{color:#007575;font-size:10px;font-weight:950;letter-spacing:.13em}.lab204-now-copy h2{margin:5px 0 7px;font-size:clamp(26px,4vw,38px);line-height:1.05;color:#11273a}.lab204-now-copy p{margin:0;color:#556d78;max-width:830px;line-height:1.45}.lab204-now-action{min-width:210px}.lab204-main-cta{min-height:58px;min-width:210px;font-size:15px;font-weight:950;border-radius:14px}.lab204-action-stack{display:grid;gap:8px}.lab204-recover-cta{font-size:11px;letter-spacing:.06em;font-weight:900;border-style:dashed}.lab204-section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.lab204-section-head h3{margin:2px 0 4px;font-size:22px}.lab204-section-head p{margin:0;color:var(--muted);font-size:13px}.lab204-side-lab{border:1px solid var(--line);background:var(--card);border-radius:20px;padding:16px;display:grid;gap:12px}.lab204-tech{border:1px solid var(--line);border-radius:16px;background:#fbfaf7;padding:12px 14px}.lab204-tech summary{cursor:pointer;display:flex;justify-content:space-between;gap:10px}.lab204-tech summary span{font-size:11px;color:var(--muted)}

/* Visual ASÍ SÍ / ASÍ NO */
.lab204-visual-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lab204-visual{border-radius:20px;padding:12px;border:1px solid #dce5e4;background:#fff;display:grid;gap:4px;min-height:210px;overflow:hidden}.lab204-visual.sí{border-color:#a8d6bd;background:linear-gradient(180deg,#f7fffa,#effaf3)}.lab204-visual.no{border-color:#efc5bc;background:linear-gradient(180deg,#fffaf7,#fff1ed)}.lab204-visual>small{font-size:10px;letter-spacing:.11em;font-weight:950}.lab204-visual.sí>small{color:#14713a}.lab204-visual.no>small{color:#a43a2b}.lab204-visual>b{font-size:18px;color:#152d3f}.lab204-visual>span{font-size:12px;color:#5f7179}.lab204-demo{position:relative;height:126px;border-radius:15px;overflow:hidden;background:#f1f4ef;border:1px solid rgba(31,54,65,.08)}.lab204-demo i{position:absolute;display:block}.lab204-demo.potato-good{background:radial-gradient(circle at 65% 24%,#f0ddb2 0 4%,transparent 5%),linear-gradient(180deg,#f6f1df,#ece1c5)}.lab204-demo.potato-good i{width:54px;height:40px;border-radius:50% 45% 52% 48%;background:linear-gradient(140deg,#c9a66b,#a67f47);box-shadow:inset -5px -6px 10px rgba(97,62,24,.16),0 3px 5px rgba(59,50,30,.14)}.lab204-demo.potato-good i:nth-child(1){left:16%;top:24%;transform:rotate(-8deg)}.lab204-demo.potato-good i:nth-child(2){left:42%;top:18%;transform:rotate(11deg)}.lab204-demo.potato-good i:nth-child(3){left:66%;top:38%;transform:rotate(-5deg)}.lab204-demo.potato-good i:nth-child(4){left:28%;top:58%;transform:rotate(8deg)}.lab204-demo.potato-good i:nth-child(5){left:54%;top:60%;transform:rotate(-11deg)}.lab204-demo.potato-bad{background:linear-gradient(180deg,#f3eadb,#e5d8c1)}.lab204-demo.potato-bad i{width:52px;height:39px;border-radius:50%;background:#a98a57;box-shadow:inset 14px 0 0 rgba(73,122,49,.65),inset -5px -5px 8px rgba(78,47,24,.22)}.lab204-demo.potato-bad i:nth-child(1){left:11%;top:22%}.lab204-demo.potato-bad i:nth-child(2){left:42%;top:15%;background:#927147}.lab204-demo.potato-bad i:nth-child(2)::after{content:'';position:absolute;width:4px;height:28px;background:#756138;left:28px;top:-19px;transform:rotate(19deg);border-radius:4px}.lab204-demo.potato-bad i:nth-child(3){left:68%;top:34%;background:radial-gradient(circle at 50% 50%,#603827 0 24%,#a27d50 26%)}.lab204-demo.potato-bad i:nth-child(4){left:27%;top:63%;opacity:.65}.lab204-demo.potato-bad i:nth-child(5){left:56%;top:62%;background:#7f684d}.lab204-demo.fries-good,.lab204-demo.fries-bad,.lab204-demo.freeze-good,.lab204-demo.freeze-bad{background:linear-gradient(180deg,#f2f0e8,#e9e4d7)}.lab204-demo.fries-good i,.lab204-demo.fries-bad i,.lab204-demo.freeze-good i,.lab204-demo.freeze-bad i{height:18px;border-radius:5px;background:linear-gradient(180deg,#f6e6ad,#e7c875);border:1px solid #d7b961;box-shadow:0 2px 2px rgba(88,68,29,.10)}.lab204-demo.fries-good i{width:72px}.lab204-demo.fries-good i:nth-child(1){left:12%;top:22%}.lab204-demo.fries-good i:nth-child(2){left:50%;top:22%}.lab204-demo.fries-good i:nth-child(3){left:22%;top:50%}.lab204-demo.fries-good i:nth-child(4){left:60%;top:50%}.lab204-demo.fries-good i:nth-child(5){left:41%;top:73%}.lab204-demo.fries-bad i:nth-child(1){width:110px;left:6%;top:20%;height:9px}.lab204-demo.fries-bad i:nth-child(2){width:42px;left:57%;top:17%;height:28px}.lab204-demo.fries-bad i:nth-child(3){width:96px;left:16%;top:51%;height:12px}.lab204-demo.fries-bad i:nth-child(4){width:54px;left:62%;top:52%;height:26px}.lab204-demo.fries-bad i:nth-child(5){width:120px;left:28%;top:78%;height:9px}.lab204-demo.dry-good,.lab204-demo.dry-bad{background:linear-gradient(180deg,#f4f0e9,#e9dfd0)}.lab204-demo.dry-good::before,.lab204-demo.dry-bad::before{content:'';position:absolute;left:10%;right:10%;top:18%;height:28px;border-radius:7px;background:#fff;border:1px dashed #cdbfae;box-shadow:0 48px 0 #fff}.lab204-demo.dry-good i,.lab204-demo.dry-bad i{width:42px;height:11px;border-radius:4px;background:#ebd17d}.lab204-demo.dry-good i:nth-child(1),.lab204-demo.dry-bad i:nth-child(1){left:18%;top:50%}.lab204-demo.dry-good i:nth-child(2),.lab204-demo.dry-bad i:nth-child(2){left:43%;top:47%}.lab204-demo.dry-good i:nth-child(3),.lab204-demo.dry-bad i:nth-child(3){left:66%;top:52%}.lab204-demo.dry-bad::after{content:'💧  💧  💧';position:absolute;left:20%;right:20%;bottom:3px;text-align:center;font-size:18px}.lab204-demo.freeze-good i{width:64px}.lab204-demo.freeze-good i:nth-child(1){left:8%;top:19%}.lab204-demo.freeze-good i:nth-child(2){left:54%;top:19%}.lab204-demo.freeze-good i:nth-child(3){left:30%;top:47%}.lab204-demo.freeze-good i:nth-child(4){left:8%;top:73%}.lab204-demo.freeze-good i:nth-child(5){left:57%;top:73%}.lab204-demo.freeze-bad i{width:66px;left:36%;box-shadow:0 3px 5px rgba(66,51,28,.25)}.lab204-demo.freeze-bad i:nth-child(1){top:20%;transform:rotate(7deg)}.lab204-demo.freeze-bad i:nth-child(2){top:32%;left:29%;transform:rotate(-9deg)}.lab204-demo.freeze-bad i:nth-child(3){top:44%;left:40%;transform:rotate(11deg)}.lab204-demo.freeze-bad i:nth-child(4){top:56%;left:31%;transform:rotate(-4deg)}.lab204-demo.freeze-bad i:nth-child(5){top:68%;left:38%;transform:rotate(5deg)}.lab204-demo.color-good,.lab204-demo.color-bad{display:flex;align-items:center;justify-content:center;background:#f4eee3}.lab204-demo.color-good::after{content:'';width:70%;height:52%;border-radius:50%;background:repeating-linear-gradient(90deg,#d9a12b 0 13px,#efc65d 13px 25px);box-shadow:0 8px 15px rgba(91,62,17,.15)}.lab204-demo.color-bad::after{content:'';width:70%;height:52%;border-radius:50%;background:linear-gradient(90deg,#f6e9aa 0 30%,#dfb242 30% 66%,#8f5425 66%);box-shadow:0 8px 15px rgba(91,62,17,.15)}

/* Physical freezer: five shelves, one 30x21 tray per level */
.lab204-freezer{position:relative;border:10px solid #d8e0e2;border-bottom-width:16px;border-radius:24px;background:linear-gradient(90deg,#e8f0f1 0,#f9fcfc 7%,#edf4f4 93%,#d9e3e5 100%);box-shadow:inset 0 0 0 2px #fff,0 13px 28px rgba(36,56,61,.13);padding:10px 12px 16px;display:grid;gap:8px;max-width:720px;margin:0 auto}.lab204-freezer::before,.lab204-freezer::after{content:'';position:absolute;bottom:-25px;width:30px;height:11px;background:#63777d;border-radius:0 0 6px 6px}.lab204-freezer::before{left:26px}.lab204-freezer::after{right:26px}.lab204-freezer-head,.lab204-freezer-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:3px 8px;color:#3f5963}.lab204-freezer-head b{font-size:12px;letter-spacing:.12em}.lab204-freezer-head span,.lab204-freezer-foot{font-size:10px}.lab204-freezer-level{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;align-items:center;padding:7px 9px;border-radius:15px;border:1px solid rgba(85,112,119,.13);background:rgba(255,255,255,.45);box-shadow:inset 0 -4px 0 rgba(83,110,116,.12)}.lab204-freezer-level.selected{outline:3px solid rgba(0,125,120,.24);background:rgba(224,247,242,.82)}.lab204-level-label{display:grid;gap:2px}.lab204-level-label b{font-size:15px;color:#173146}.lab204-level-label small{font-size:8px;font-weight:950;letter-spacing:.06em;color:#0a7773}.lab204-tray{position:relative;border-radius:12px 12px 9px 9px;padding:7px 8px 0;background:linear-gradient(180deg,#fefefe,#e9eff0);border:1px solid #bfcdd0;box-shadow:0 5px 2px rgba(91,111,116,.28),inset 0 2px 0 white;transform:perspective(600px) rotateX(1deg)}.lab204-tray::before{content:'';position:absolute;inset:3px 5px 20px;border:1px solid #d4dfe1;border-radius:8px;pointer-events:none}.lab204-tray-surface{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,31px);gap:3px;padding:2px}.lab204-zone{border-radius:7px;border:1px dashed #cbd7d9;display:grid;place-items:center;align-content:center;min-width:0;font-size:9px;text-align:center;overflow:hidden}.lab204-zone.free{background:rgba(248,252,252,.76);color:#86969b}.lab204-zone.occupied{background:linear-gradient(135deg,#c7eee7,#a5ded5);border:1px solid #54aaa0;color:#075f5d}.lab204-zone b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.lab204-zone small{font-size:7px}.lab204-tray-lip{position:relative;z-index:2;margin:4px -8px 0;border-top:1px solid #cbd6d8;padding:3px;text-align:center;font-size:8px;font-weight:900;color:#324d59;background:linear-gradient(180deg,#f9fbfb,#dce4e5);border-radius:0 0 8px 8px}.lab204-freezer-foot{font-weight:800;color:#667b83}.lab204-freezer-foot span:nth-child(2){font-weight:600;text-align:center}.lab204-placement-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px}.lab204-level-picks{display:grid;gap:7px}.lab204-level-picks label{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #d8e2e3;border-radius:12px;background:#fbfdfd;font-weight:800}.lab204-placement-tray{border:1px solid #d4e0e2;border-radius:16px;padding:12px;background:#f6faf9}.lab204-placement-tray .lab204-tray{margin-top:6px}.lab204-placement-tray .lab204-zone{cursor:pointer;min-height:44px}.lab204-placement-tray .lab204-zone:has(input:checked){background:#097e78;color:#fff;border-color:#097e78;box-shadow:0 0 0 2px #c4ebe5}.lab204-placement-tray .lab204-zone input{position:absolute;opacity:0;pointer-events:none}.lab204-freeze-event{display:grid;gap:10px}.lab204-freeze-event .lab204-tray{max-width:520px}

/* Checkpoints / choices / operational cards */
.lab204-checkpoints{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.lab204-checkpoints button{border:1px solid #d7e0e1;background:#fff;border-radius:13px;padding:9px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:'i b' 'i s';gap:0 7px;text-align:left;color:#273f4d}.lab204-checkpoints button i{grid-area:i;font-style:normal;font-size:18px}.lab204-checkpoints button b{grid-area:b;font-size:11px}.lab204-checkpoints button small{grid-area:s;font-size:9px;color:#73868d}.lab204-checkpoints button.done{background:#edf8f2;border-color:#b9ddc6;color:#176c39}.lab204-choice-row{display:flex;flex-wrap:wrap;gap:8px}.lab204-choice{position:relative;min-width:110px;flex:1}.lab204-choice input{position:absolute;opacity:0}.lab204-choice span{display:block;padding:11px 12px;border:1px solid #d8e1e2;border-radius:12px;background:#fff;text-align:center;font-weight:850;font-size:12px;cursor:pointer}.lab204-choice:has(input:checked) span{background:#e2f4f0;border-color:#4ba99e;color:#056c68;box-shadow:inset 0 0 0 1px #8bcfc5}.lab204-mobile-photo{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid #cbdfe0;border-radius:15px;background:#f5fbfa}.lab204-mobile-photo>div{display:grid;gap:2px}.lab204-mobile-photo span{font-size:11px;color:#647881}.lab204-mobile-photo input{max-width:230px}.lab204-release-check{display:flex!important;align-items:flex-start;gap:10px;border:1px solid #bcded8;background:#eff9f6;border-radius:14px;padding:11px 12px}.lab204-release-check input{margin-top:3px;width:19px;height:19px}.lab204-release-check span{display:grid;gap:1px}.lab204-release-check small{color:#5f777d;font-size:10px}.lab204-dose-hero{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:14px;border-radius:17px;background:linear-gradient(135deg,#eef8f6,#fff8e5);border:1px solid #d8e4dd}.lab204-dose-hero>div{text-align:center}.lab204-dose-hero small{display:block;font-size:9px;font-weight:900;letter-spacing:.08em;color:#667a80}.lab204-dose-hero b{display:block;font-size:28px;color:#173147}.lab204-dose-hero>span{font-size:27px;font-weight:900;color:#0b7975}.lab204-dose-hero>small{grid-column:1/-1;text-align:center}.lab204-cooling-visual{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lab204-cooling-visual>div{border:1px solid #d8e2e1;border-radius:16px;padding:12px}.lab204-cooling-visual .good{background:#eff9f2;border-color:#b9dec4}.lab204-cooling-visual .bad{background:#fff3ef;border-color:#ecc6bc}.lab204-cooling-visual b{display:block;margin-bottom:5px}.lab204-cooling-visual span{font-size:12px;color:#5b7079}.lab204-defect-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.lab204-defect{border:1px solid #dde4e4;border-radius:14px;padding:11px;background:#fff}.lab204-defect>b{display:block;font-size:14px}.lab204-defect>span{font-size:10px;color:#6f8087}.lab204-defect>div{display:flex;gap:8px;margin-top:8px}.lab204-defect label{font-size:10px;font-weight:900;display:flex;align-items:center;gap:4px}.lab204-five-weights{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:6px}.lab204-five-weights label{font-size:10px;text-align:center}.lab204-five-weights input{text-align:center;padding-inline:4px}.lab204-ab-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.lab204-ab-flow>div{border:1px solid #dce3e3;border-radius:14px;padding:12px;background:#fff}.lab204-ab-flow>span{font-weight:950;color:#0a7772}.lab204-boneless-picks{display:grid;grid-template-columns:1fr 1fr;gap:9px}.lab204-trial-summary{display:flex;gap:7px;overflow-x:auto}.lab204-trial-summary>span{flex:0 0 150px;border:1px solid #dce4e4;border-radius:12px;padding:9px;background:#fbfdfd;display:grid}.lab204-trial-summary small{font-size:9px;color:#6c7f86}

/* DOE / compare */
.lab204-doe-mini{border:1px solid #dfe5e4;border-radius:20px;padding:14px;background:#fffdf9}.lab204-doe-mini-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.lab204-doe-mini-head>div{display:grid}.lab204-doe-mini-head small{font-size:9px;letter-spacing:.09em;color:#0b7772;font-weight:950}.lab204-doe-mini-grid{display:grid;grid-template-columns:repeat(11,minmax(92px,1fr));gap:6px;overflow-x:auto;padding-bottom:5px}.lab204-doe-mini-grid>div{min-width:94px;border:1px solid #e0e5e5;border-radius:11px;padding:8px;background:#f9fbfb;display:grid;gap:2px}.lab204-doe-mini-grid small{font-size:8px;color:#75868c}.lab204-doe-mini-grid b{font-size:10px;color:#163448}.lab204-doe-mini-grid span{font-size:9px;color:#536f78}.lab204-doe-mini-grid>div.done{background:#eef8f2;border-color:#bfddc9}.lab204-doe-mini-grid>div.prefry,.lab204-doe-mini-grid>div.final{background:#fff8e9;border-color:#e6d19a}.lab204-run-strip{display:flex;gap:7px;overflow-x:auto;padding:2px 0 8px}.lab204-run-strip button{flex:0 0 132px;border:1px solid #dce4e4;border-radius:13px;padding:9px;text-align:left;background:#fff;display:grid;gap:2px}.lab204-run-strip small{font-size:8px;color:#74868d}.lab204-run-strip b{font-size:11px;color:#163248}.lab204-run-strip span{font-size:9px;color:#5e737c}.lab204-run-strip button.done{background:#edf8f2;border-color:#b7dcc3}.lab204-compare{min-width:min(1060px,90vw)}.modal-box:has(.lab204-compare){width:min(1180px,96vw);max-width:1180px}.modal-box:has(.lab204-modal){width:min(780px,96vw);max-width:780px}.lab204-modal-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.lab204-modal-head h2{margin:3px 0;font-size:clamp(24px,4vw,34px);line-height:1.08}.lab204-modal-head>span{font-size:10px;font-weight:950;color:#0a7772;border:1px solid #bcded9;background:#eff8f6;border-radius:999px;padding:6px 10px}.lab204-compare-table{overflow:auto;border:1px solid #dce3e3;border-radius:14px;margin:10px 0;max-height:60vh}.lab204-compare-table table{width:100%;min-width:960px;border-collapse:collapse;background:#fff}.lab204-compare-table th{position:sticky;top:0;background:#f2f7f6;color:#264652;font-size:10px;z-index:1}.lab204-compare-table th,.lab204-compare-table td{padding:9px;border-bottom:1px solid #e5e9e9;vertical-align:top;text-align:left}.lab204-compare-table td{font-size:11px}.lab204-compare-table td>small{display:block;color:#6d7e85;font-size:8px}.lab204-compare-table[data-focus="thermal"] .col-yield,.lab204-compare-table[data-focus="thermal"] .col-sensory{opacity:.22}.lab204-compare-table[data-focus="sensory"] .col-thermal,.lab204-compare-table[data-focus="sensory"] .col-yield{opacity:.22}.lab204-compare-table[data-focus="yield"] .col-thermal,.lab204-compare-table[data-focus="yield"] .col-sensory{opacity:.22}.lab204-compare-table[data-focus="validity"] .col-factors,.lab204-compare-table[data-focus="validity"] .col-thermal,.lab204-compare-table[data-focus="validity"] .col-yield{opacity:.22}.lab204-diag-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.lab204-formulation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.lab204-formulation{border:1px solid #dfe5e4;border-radius:15px;padding:11px;background:#fff;display:grid;gap:9px;min-width:0}.lab204-formulation h4{margin:2px 0;font-size:15px}.lab204-formulation>div>small{font-size:8px;color:#75858b}.lab204-formulation>div>span{font-size:10px;color:#5f737a}.lab204-subrecipe{display:grid;gap:5px;border-top:1px dashed #d9e0df;padding-top:7px}.lab204-subrecipe span{display:grid}.lab204-subrecipe b{font-size:10px;color:#23424e}.lab204-subrecipe small{font-size:8px;color:#718187}.lab204-costs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.lab204-costs>div{border:1px solid #dce4e3;border-radius:15px;padding:12px;background:linear-gradient(180deg,#fff,#f8faf9);display:grid;gap:3px}.lab204-costs small{font-size:9px;font-weight:950;letter-spacing:.08em;color:#657b83}.lab204-costs b{font-size:23px;color:#173249}.lab204-costs span{font-size:10px;color:#687c84}

@media(max-width:860px){.lab204-now{grid-template-columns:1fr}.lab204-now-action,.lab204-main-cta{width:100%;min-width:0}.lab204-placement-grid{grid-template-columns:1fr}.lab204-level-picks{grid-template-columns:repeat(5,1fr)}.lab204-formulation-grid{grid-template-columns:repeat(2,1fr)}.lab204-doe-mini-grid{grid-template-columns:repeat(11,110px)}}
@media(max-width:620px){.lab204-home{gap:10px}.lab204-hero{padding:14px;display:grid}.lab204-hero h1{font-size:31px}.lab204-now{padding:15px}.lab204-now-copy h2{font-size:28px}.lab204-visual-pair{grid-template-columns:1fr 1fr;gap:7px}.lab204-visual{padding:8px;min-height:181px}.lab204-demo{height:104px}.lab204-visual>b{font-size:15px}.lab204-visual>span{font-size:10px}.lab204-freezer{border-width:7px;border-bottom-width:12px;border-radius:18px;padding:8px 6px 13px;gap:5px}.lab204-freezer-head span{font-size:8px}.lab204-freezer-level{grid-template-columns:58px minmax(0,1fr);gap:5px;padding:5px}.lab204-level-label b{font-size:12px}.lab204-level-label small{font-size:6.5px}.lab204-tray-surface{grid-template-rows:repeat(2,26px);gap:2px}.lab204-zone b{font-size:7px}.lab204-zone small{font-size:6px}.lab204-tray-lip{font-size:7px}.lab204-freezer-foot{font-size:7px;padding-inline:2px}.lab204-level-picks{grid-template-columns:repeat(2,1fr)}.lab204-checkpoints{grid-template-columns:1fr}.lab204-mobile-photo{display:grid}.lab204-mobile-photo input{max-width:100%}.lab204-defect-grid{grid-template-columns:1fr}.lab204-five-weights{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.lab204-five-weights label{font-size:8px}.lab204-five-weights input{font-size:12px}.lab204-choice{min-width:84px}.lab204-choice span{padding:10px 7px;font-size:10px}.lab204-formulation-grid{grid-template-columns:1fr}.lab204-costs{grid-template-columns:1fr}.lab204-diag-grid{grid-template-columns:1fr}.lab204-dose-hero b{font-size:23px}.lab204-cooling-visual{grid-template-columns:1fr}.lab204-ab-flow{grid-template-columns:1fr}.lab204-ab-flow>span{transform:rotate(90deg);justify-self:center}.lab204-compare{min-width:0}.modal-box:has(.lab204-compare),.modal-box:has(.lab204-modal){width:96vw}.lab204-route>div{padding:6px 7px}.lab204-route>div b{font-size:8px}}

/* v41.0 FIX09 FIX03 · LAB FLOW CLOSURE */
.lab204-route-shell{display:grid;gap:4px}.lab204-route-note{display:flex;align-items:center;gap:8px;padding:0 4px;color:#6f7d82}.lab204-route-note b{font-size:9px;letter-spacing:.09em;color:#08736f}.lab204-route-note span{font-size:9px}.lab205-hero-actions{display:flex;gap:8px;align-items:center}.lab205-parallel{border:1px solid #cfe2df;border-radius:18px;background:linear-gradient(135deg,#f5fbf9,#fffdf8);padding:12px 14px;display:grid;gap:9px}.lab205-parallel.quiet{opacity:.78}.lab205-parallel>div:first-child:not(.lab205-parallel-head){display:grid;gap:2px}.lab205-parallel small{font-size:8px;letter-spacing:.08em;font-weight:900;color:#0b7772}.lab205-parallel b{font-size:13px;color:#173448}.lab205-parallel span{font-size:10px;color:#60757d}.lab205-parallel-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.lab205-parallel-head>div{display:grid;gap:1px}.lab205-parallel-head>span{border:1px solid #d8e2e0;border-radius:999px;padding:4px 8px;background:#fff}.lab205-parallel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lab205-parallel-grid button{border:1px solid #d9e4e2;border-radius:13px;background:#fff;padding:10px 12px;text-align:left;display:grid;gap:2px;cursor:pointer}.lab205-parallel-grid button:hover{border-color:#8ccbc2;background:#f3fbf8}.lab205-parallel-grid button span{font-weight:800;color:#0a7772}.lab204-home .checkline small{display:block;margin-left:4px;color:#6d7f86;font-size:9px}
body.lab-operating38 .tinas-fab{display:none!important}
@media(min-width:900px){.lab204-route{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:5px;overflow:visible;padding:6px 0 10px}.lab204-route>span{display:none}.lab204-route>div{min-width:0;justify-content:center;padding:7px 4px}.lab204-route>div b{font-size:8px;overflow:hidden;text-overflow:ellipsis}.lab204-route>div i{font-size:9px}}
@media(max-width:899px){.lab204-route{display:flex;overflow-x:auto}.lab204-route-note span{display:none}}
@media(max-width:620px){.lab205-hero-actions{width:100%}.lab205-hero-actions .btn{flex:1}.lab205-parallel-grid{grid-template-columns:1fr}.lab204-route-note{padding-inline:2px}}
/* FIX09 FIX03 · mobile route explanation remains readable above the horizontal progress strip */
@media(max-width:620px){
  .lab204-route-note{display:grid;gap:2px;padding-inline:2px}
  .lab204-route-note span{display:block;line-height:1.35}
}

/* FIX09 FIX04 · LAB unified context + operator readability */
@media (min-width:900px){
  body:not(.tinas-operator-v198) .tinas-fab{display:none!important}
}
body[data-page="laboratorio"] .tinas-fab,
body[data-page="servicio"]:not(.tinas-operator-v198) .tinas-fab{display:none!important}

.assignment-vats-head-v31 b{font-size:14px!important}
.assignment-vats-head-v31 span{font-size:12px!important}
.assignment-vat-row-v31{padding:11px!important;gap:8px!important;border-radius:12px!important}
.assignment-vat-name-v31>b{font-size:15px!important}
.assignment-vat-name-v31>span{font-size:11px!important;padding:4px 7px!important}
.assignment-vat-facts-v31{gap:8px!important}
.assignment-vat-facts-v31 small{font-size:10px!important;letter-spacing:.05em!important}
.assignment-vat-facts-v31 b{font-size:13px!important}
.assignment-vat-row-v31 p{font-size:12px!important;line-height:1.4!important}

.op-rec-click-badge-v31f6{min-width:96px!important;padding-inline:10px!important;font-size:10px!important}
.op-quick-temp-v31f1{display:grid;gap:8px;margin:8px 0}.op-quick-temp-v31f1 label{display:grid;gap:6px}.op-quick-temp-v31f1 label small{font-weight:600;color:var(--muted)}
.menu-cost-recipe-pending-v205{display:inline-block;margin-top:3px;font-size:12px;font-weight:850;color:#9a6a00}.menu-cost-sauce-v175.pending-v205{border-style:dashed;background:#fffdf7}
.lab205-trace-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0}.lab205-trace-grid>div{border:1px solid #dce5e4;border-radius:12px;background:#fff;padding:10px;display:grid;gap:3px;min-width:0}.lab205-trace-grid small{font-size:9px;font-weight:950;letter-spacing:.07em;color:#617780}.lab205-trace-grid b{font-size:13px;color:#173447;overflow-wrap:anywhere}.lab205-trace-grid span{font-size:10px;color:#6b7d84}.lab205-trace-grid .mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}
.lab205-thermal-edit{border:1px solid #dce5e4;border-radius:14px;background:#fbfcfb;padding:10px 12px}.lab205-thermal-edit>summary{cursor:pointer;display:flex;justify-content:space-between;gap:10px;align-items:center}.lab205-thermal-edit>summary span{font-size:11px;color:var(--muted)}.lab205-thermal-edit[open]>summary{margin-bottom:12px}
@media(max-width:860px){.lab205-trace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.lab205-trace-grid{grid-template-columns:1fr}.assignment-vats-head-v31 b{font-size:13px!important}.assignment-vats-head-v31 span{font-size:11px!important}.assignment-vat-name-v31>b{font-size:14px!important}.assignment-vat-facts-v31 b{font-size:12px!important}.assignment-vat-row-v31 p{font-size:11.5px!important}body.tinas-operator-v198 #page-servicio .op-rec-click-badge-v31f6{min-width:82px!important;font-size:8px!important}}
.service-manual-inline-v205{grid-template-columns:minmax(140px,1fr) minmax(105px,.65fr) auto!important;align-items:end!important;gap:8px!important}.service-manual-temp-field{display:grid!important;gap:4px!important}.service-manual-temp-field span{font-size:11px!important;font-weight:850!important}.service-manual-temp-field span small{font-weight:600!important;color:var(--muted)!important}.service-manual-temp-field input{min-width:0!important}.service-manual-temp-live{display:grid;gap:2px;align-self:center;padding:6px 9px;border-radius:10px;background:#eef8f3;border:1px solid #c6dfd1}.service-manual-temp-live small{font-size:9px;font-weight:900;color:#28724b}.service-manual-temp-live b{font-size:13px}.service-manual-temp-note{grid-column:1/-1;color:var(--muted);font-size:10px}
@media(max-width:620px){.service-manual-inline-v205{grid-template-columns:1fr!important}.service-manual-temp-note{grid-column:1!important}}

/* FIX09 FIX05 · LAB modo guiado: una acción física por pantalla */
.lab205-wizard{display:grid;gap:14px;max-width:760px;margin:0 auto}.lab205-wizard-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.lab205-wizard-top>div{display:grid;gap:4px}.lab205-wizard-top small{font-size:10px;font-weight:950;letter-spacing:.09em;color:#087e79}.lab205-wizard-top h2{margin:0;font-size:30px;line-height:1.03;color:#10283a}.lab205-wizard-top p{margin:0;color:#61737b;font-size:13px}.lab205-wizard-top>span{min-width:48px;height:36px;border-radius:999px;border:1px solid #d8e3e4;background:#f5f9f8;display:grid;place-items:center;font-weight:950;color:#0a716d}.lab205-progress{height:7px;background:#e9efef;border-radius:999px;overflow:hidden}.lab205-progress>i{display:block;height:100%;background:#0b817c;border-radius:999px;transition:width .18s ease}.lab205-step-body{display:grid;gap:14px;min-height:230px;align-content:start}.lab205-wizard-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;border-top:1px solid #e3e8e8;padding-top:12px}.lab205-single-field{display:grid;gap:8px;font-size:14px;font-weight:900;color:#173447}.lab205-single-field input,.lab205-single-field textarea{font-size:22px!important;min-height:58px!important;border-radius:14px!important;padding:12px 14px!important}.lab205-single-field textarea{font-size:15px!important;min-height:110px!important}.lab205-big-choice,.lab205-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lab205-choice-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.lab205-big-choice button,.lab205-choice-grid button{appearance:none;border:1px solid #d8e3e3;background:#fff;border-radius:16px;padding:18px 16px;text-align:left;display:grid;gap:5px;cursor:pointer;min-height:76px;color:#10283a}.lab205-big-choice button b,.lab205-choice-grid button b{font-size:17px}.lab205-big-choice button span,.lab205-choice-grid button span{font-size:12px;color:#64757c}.lab205-big-choice button:hover,.lab205-choice-grid button:hover,.lab205-big-choice button.selected,.lab205-choice-grid button.selected{border-color:#0b817c;background:#eef9f7;box-shadow:0 0 0 2px rgba(11,129,124,.08) inset}.lab205-big-choice .primary-choice{border-color:#0b817c;background:#f1fbf9}.lab205-big-choice .danger-choice{border-color:#e9b6a8;background:#fff8f5}.lab205-confirm-card{border:1px solid #d8e3e3;border-radius:18px;padding:20px;background:#fff;display:grid;gap:9px;text-align:center}.lab205-confirm-card>b{font-size:22px}.lab205-confirm-card>span{font-size:13px;color:#66777d}.lab205-confirm-card>.btn{justify-self:center;min-width:220px}.lab205-unit-toggle{display:flex;gap:8px}.lab205-unit-toggle button{border:1px solid #dbe4e4;background:#fff;border-radius:999px;padding:9px 15px;font-weight:900;cursor:pointer}.lab205-unit-toggle button.selected{background:#0b817c;color:#fff;border-color:#0b817c}.lab205-mini-question{display:grid;gap:8px}.lab205-mini-question>b{font-size:14px;color:#173447}.lab205-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.lab205-summary-grid>div{border:1px solid #dce5e5;border-radius:14px;background:#fff;padding:12px;display:grid;gap:3px;min-width:0}.lab205-summary-grid small{font-size:10px;font-weight:900;letter-spacing:.05em;color:#687b83}.lab205-summary-grid b{font-size:18px;overflow-wrap:anywhere}.lab205-details{border:1px solid #dce5e5;border-radius:14px;background:#fbfcfc;padding:10px 12px}.lab205-details>summary{cursor:pointer;font-weight:900;color:#294858}.lab205-details[open]>summary{margin-bottom:9px}.lab205-details textarea{width:100%;min-height:95px}.lab205-reading-hero{border:1px solid #cfe1df;background:#eff8f6;border-radius:18px;padding:22px;display:grid;gap:4px;text-align:center}.lab205-reading-hero small{font-size:10px;font-weight:950;letter-spacing:.08em;color:#087e79}.lab205-reading-hero b{font-size:32px;color:#10283a}.lab205-reading-hero span{font-size:12px;color:#61757c}.lab205-photo-step{padding:14px;border-radius:16px}.lab205-photo-step input{font-size:14px}.lab205-release-ready{display:grid;gap:8px;border:1px solid #b9dfcf;background:#f3fbf7;border-radius:16px;padding:14px}.lab205-release-ready>b{font-size:15px}.lab205-release-ready>span{font-size:12px;color:#61766c}
@media(max-width:640px){.lab205-wizard-top h2{font-size:25px}.lab205-step-body{min-height:200px}.lab205-big-choice,.lab205-choice-grid,.lab205-choice-grid.three,.lab205-summary-grid{grid-template-columns:1fr}.lab205-wizard-actions{display:grid;grid-template-columns:1fr 1fr}.lab205-wizard-actions .btn{width:100%}.lab205-wizard-actions .btn:last-child:nth-child(odd){grid-column:1/-1}.lab205-single-field input{font-size:20px!important}}

/* FIX09 FIX05 · Boneless 5 vs 6: comparación guiada */
.lab205-boneless-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.lab205-big-choice-card{appearance:none;border:2px solid var(--line,#d9e1e5);background:#fff;border-radius:18px;padding:18px;text-align:left;display:grid;gap:7px;min-height:150px;cursor:pointer;color:inherit}
.lab205-big-choice-card:hover,.lab205-big-choice-card.selected{border-color:#00877f;background:#f0fbf9}
.lab205-big-choice-card small{font-weight:900;letter-spacing:.08em;color:#08786f}
.lab205-big-choice-card b{font-size:22px;line-height:1.1}
.lab205-big-choice-card span{font-size:16px}
.lab205-big-choice-card em{font-style:normal;color:#52616b;font-size:14px}
.lab205-big-choice-card strong{justify-self:start;background:#dff5e8;border-radius:999px;padding:5px 9px;font-size:12px}
@media(max-width:640px){.lab205-boneless-compare{grid-template-columns:1fr}.lab205-big-choice-card{min-height:120px}}


/* ============================================================
   FIX12 · UX INTUITIVO DINÁMICO
   Sólo presentación/interacción. Sin cambios de lógica de negocio.
   ============================================================ */
body.mp-ux-v212{--ux-touch:46px;--ux-text:#152b36;--ux-muted:#60747e;--ux-line:#d8e3e8;--ux-soft:#f4f8fa;--ux-blue:#0b6f8f;--ux-green:#18784b;--ux-amber:#a56700;padding-bottom:0}
body.mp-ux-v212 .page{line-height:1.45}
body.mp-ux-v212 .page p,body.mp-ux-v212 .page span,body.mp-ux-v212 .modal-box p,body.mp-ux-v212 .modal-box span{line-height:1.4}
body.mp-ux-v212 .page small,body.mp-ux-v212 .modal-box small{font-size:12.5px;line-height:1.35}
body.mp-ux-v212 .btn,body.mp-ux-v212 select,body.mp-ux-v212 input{min-height:var(--ux-touch)}
body.mp-ux-v212 input,body.mp-ux-v212 select,body.mp-ux-v212 textarea{font-size:16px}
body.mp-ux-v212 .btn,body.mp-ux-v212 button{touch-action:manipulation}
body.mp-ux-v212 .page-head h2,body.mp-ux-v212 .section-title h2{letter-spacing:-.02em}
body.mp-ux-v212 .metric-line{min-height:42px;align-items:center}
body.mp-ux-v212 .metric-line span,body.mp-ux-v212 .metric-line b{font-size:13px}
body.mp-ux-v212 .card{box-shadow:0 2px 12px rgba(19,37,54,.055)}
body.mp-ux-v212 .mp-ux-context-v212{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;margin:0 0 18px;padding:14px 16px;border:1px solid #cfe0e8;border-radius:16px;background:#f2f9fc;box-shadow:0 4px 16px rgba(19,37,54,.06)}
body.mp-ux-v212 .mp-ux-context-v212.warn{background:#fff9ec;border-color:#ead4a1}body.mp-ux-v212 .mp-ux-context-v212.done{background:#eef9f3;border-color:#bfe0cd}
body.mp-ux-v212 .mp-ux-context-icon-v212{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:22px;font-weight:900;background:#dceff6;color:#095f7a}
body.mp-ux-v212 .mp-ux-context-v212.warn .mp-ux-context-icon-v212{background:#f8e9be;color:#875600}body.mp-ux-v212 .mp-ux-context-v212.done .mp-ux-context-icon-v212{background:#d7efe1;color:#176d46}
body.mp-ux-v212 .mp-ux-context-copy-v212{display:flex;flex-direction:column;min-width:0}.mp-ux-context-copy-v212 small{font-weight:900;letter-spacing:.09em;color:#57717e}.mp-ux-context-copy-v212 b{font-size:17px;color:var(--ux-text);margin:1px 0}.mp-ux-context-copy-v212 span{font-size:13.5px;color:var(--ux-muted)}
body.mp-ux-v212 .mp-ux-context-action-v212{border:0;border-radius:12px;padding:0 16px;background:#132536;color:white;font-weight:850;white-space:nowrap}.mp-ux-context-action-v212 i{font-style:normal;margin-left:5px}
body.mp-ux-v212 .mp-ux-focus-v212{outline:3px solid rgba(11,111,143,.32)!important;outline-offset:4px;transition:outline-color .25s ease}
body.mp-ux-v212 .mp-ux-step-v212{display:inline-flex;align-items:center;gap:7px;margin-right:8px;padding:4px 9px 4px 5px;border-radius:999px;background:#e8f2f6;color:#21414f;font-size:11.5px;font-weight:900;letter-spacing:.02em;vertical-align:middle}.mp-ux-step-v212 i{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#132536;color:#fff;font-style:normal;font-size:12px}
body.mp-ux-v212 .sales-panel-heading-v128,body.mp-ux-v212 .sales-config-title-v128,body.mp-ux-v212 .sales-payment-head-v128{position:relative;flex-wrap:wrap}
body.mp-ux-v212 .mp-ux-charge-step-v212{display:grid!important;place-items:center;width:26px!important;height:26px!important;min-width:26px;border-radius:50%;background:rgba(255,255,255,.18);font-weight:900;margin-right:4px}
body.mp-ux-v212 .mp-ux-next-v212{box-shadow:0 0 0 2px rgba(11,111,143,.16),0 8px 24px rgba(19,37,54,.08)}
body.mp-ux-v212 .sales-order-panel-v128{top:18px}
body.mp-ux-v212 .sales-product-card-v128,body.mp-ux-v212 .sales-choice,body.mp-ux-v212 .sales-payment-v128{transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}
body.mp-ux-v212 .sales-product-card-v128:active,body.mp-ux-v212 .sales-choice:active,body.mp-ux-v212 .sales-payment-v128:active{transform:scale(.985)}
body.mp-ux-v212 .mp-ux-dock-v212{display:none}
body.mp-ux-v212 .toast{font-size:14px;line-height:1.35}
body.mp-ux-v212 .modal-box{max-height:min(88vh,900px);overscroll-behavior:contain}
body.mp-ux-v212 .modal-box label{font-size:13.5px;font-weight:700}
body.mp-ux-v212 .modal-box textarea{min-height:90px}

@media (max-width:1180px){
  body.mp-ux-v212 .page button,body.mp-ux-v212 .modal-box button{min-height:44px}
  body.mp-ux-v212:not(.operator-presentation-v20){padding-bottom:76px}
  body.mp-ux-v212:not(.operator-presentation-v20) .mp-ux-dock-v212{position:fixed;z-index:2500;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:6px;border:1px solid #d7e1e6;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 10px 36px rgba(19,37,54,.2);backdrop-filter:blur(14px)}
  body.mp-ux-v212 .mp-ux-dock-v212 button{min-width:0;min-height:54px;border:0;border-radius:12px;background:transparent;color:#60717a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:16px}
  body.mp-ux-v212 .mp-ux-dock-v212 button b{font-size:11.5px;white-space:nowrap}.mp-ux-dock-v212 button.active{background:#132536!important;color:#fff!important}.mp-ux-dock-v212 button span{line-height:1}
  body.mp-ux-v212 .tinas-fab{bottom:82px}
  body.mp-ux-v212 .sales-workspace-v128{align-items:start}
}
@media (max-width:900px){
  body.mp-ux-v212 .content{padding-bottom:18px}
  body.mp-ux-v212 .topbar{min-height:64px}.topbar .datebox{display:none}.topbar .greeting p{font-size:12.5px}.topbar .greeting h1{font-size:18px}
  body.mp-ux-v212 .page small,body.mp-ux-v212 .modal-box small{font-size:13px!important}
  body.mp-ux-v212 .mp-ux-context-v212{grid-template-columns:38px minmax(0,1fr);padding:12px;margin-bottom:12px}.mp-ux-context-icon-v212{width:36px!important;height:36px!important;border-radius:10px!important}.mp-ux-context-action-v212{grid-column:1/-1;width:100%;min-height:46px}
  body.mp-ux-v212 .sales-order-panel-v128{position:static!important}
  body.mp-ux-v212 .modal-box{width:min(96vw,720px);max-height:92vh;border-radius:18px 18px 10px 10px}
  body.mp-ux-v212 .modal-box .decision-actions:last-child,body.mp-ux-v212 .modal-box form>.form-grid:last-child{position:sticky;bottom:-1px;background:linear-gradient(to bottom,rgba(255,255,255,.88),#fff 20%);padding-top:10px;padding-bottom:max(4px,env(safe-area-inset-bottom));z-index:3}
}
@media (max-width:620px){
  body.mp-ux-v212 .mp-ux-dock-v212{left:6px;right:6px;bottom:max(5px,env(safe-area-inset-bottom));border-radius:15px}.mp-ux-dock-v212 button{min-height:52px!important}.mp-ux-dock-v212 button b{font-size:10.8px!important}
  body.mp-ux-v212 .page-head{gap:10px}.page-head h2,.section-title h2{font-size:23px!important}.page-head p,.section-title p{font-size:13.5px!important}
  body.mp-ux-v212 .sales-product-card-v128{min-height:82px}
  body.mp-ux-v212 .btn{font-size:14px}
}

/* ============================================================
   FIX13 · UX JERARQUÍA OPERATIVA
   Tinas primero · Venta guiada compacta · LAB acción primero ·
   Costos con CTAs agrupados. Sólo presentación/interacción.
   ============================================================ */
body.mp-ux-v213{--ux213-ink:#10263a;--ux213-teal:#087d79;--ux213-soft:#f3f8f8;--ux213-line:#d8e5e5}
body.mp-ux-v213[data-ux-page="servicio"] .topbar,
body.mp-ux-v213[data-ux-page="laboratorio"] .topbar,
body.mp-ux-v213[data-ux-page="costos"] .topbar{height:88px;padding:10px 24px}
body.mp-ux-v213[data-ux-page="servicio"] .greeting h1,
body.mp-ux-v213[data-ux-page="laboratorio"] .greeting h1,
body.mp-ux-v213[data-ux-page="costos"] .greeting h1{font-size:25px}
body.mp-ux-v213[data-ux-page="servicio"] .greeting p,
body.mp-ux-v213[data-ux-page="laboratorio"] .greeting p,
body.mp-ux-v213[data-ux-page="costos"] .greeting p{margin-top:3px;font-size:13px}

/* TINAS: la información accionable siempre antecede alertas/resúmenes. */
#page-servicio[data-ux-tinas-first="1"] .service-page-head{margin-bottom:7px}
#page-servicio[data-ux-tinas-first="1"] .service-priority-layout{margin-top:0;margin-bottom:8px}
#page-servicio[data-ux-tinas-first="1"]>.mp-ux-context-v212{margin:10px 0 8px;padding:10px 12px;grid-template-columns:36px minmax(0,1fr) auto;box-shadow:none}
#page-servicio[data-ux-tinas-first="1"]>.mp-ux-context-v212 .mp-ux-context-icon-v212{width:34px;height:34px;border-radius:10px;font-size:18px}
#page-servicio[data-ux-tinas-first="1"]>.mp-ux-context-v212 .mp-ux-context-copy-v212 b{font-size:15px}
#page-servicio[data-ux-tinas-first="1"]>.mp-ux-context-v212 .mp-ux-context-copy-v212 span{font-size:12px}
#page-servicio[data-ux-tinas-first="1"]>.notice.yellow,
#page-servicio[data-ux-tinas-first="1"]>.notice.red{margin:8px 0 10px}
#page-servicio[data-ux-tinas-first="1"] .service-vats-primary .vat-actions>.btn,
#page-servicio[data-ux-tinas-first="1"] .service-vats-primary .service-manual-inline>.btn{min-height:43px;font-weight:900;font-size:12px}
#page-servicio[data-ux-tinas-first="1"] .service-vats-primary .vat-more summary{font-size:11px;font-weight:850}
#page-servicio[data-ux-tinas-first="1"] .service-vats-primary .service-guidance{border-width:1px;box-shadow:0 2px 7px rgba(18,43,54,.04)}

/* VENTA: un progreso compacto sustituye al banner grande y evita duplicación. */
.mp-sales-progress-v213{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 10px;padding:7px;border:1px solid #d7e4e7;border-radius:15px;background:#f8fbfc}
.mp-sales-progress-v213>div{display:grid;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:7px;min-width:0;padding:7px 8px;border-radius:11px;color:#61727b}
.mp-sales-progress-v213 i{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#e7eef1;color:#49606b;font-style:normal;font-weight:900;font-size:11px}
.mp-sales-progress-v213 span{display:grid;min-width:0}.mp-sales-progress-v213 b{font-size:11px;color:#304956}.mp-sales-progress-v213 small{font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#76858b}
.mp-sales-progress-v213>div.current{background:#eaf7f6}.mp-sales-progress-v213>div.current i{background:#0b817c;color:#fff}.mp-sales-progress-v213>div.current b{color:#075f5b}
.mp-sales-progress-v213>div.done i{background:#dcefe4;color:#176d46}.mp-sales-progress-v213>div.blocked{background:#fff8ea}.mp-sales-progress-v213>div.blocked i{background:#f2dfac;color:#805400}
.mp-sales-checklist-v213{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0 0 9px}
.mp-sales-checklist-v213>div{display:grid;grid-template-columns:20px auto minmax(0,1fr);align-items:center;gap:5px;padding:6px 7px;border:1px solid #e2e8ea;border-radius:9px;background:#fbfcfc;min-width:0}
.mp-sales-checklist-v213 i{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:10px;background:#eef2f3;color:#718087}.mp-sales-checklist-v213 .ok i{background:#dff1e6;color:#176d46}
.mp-sales-checklist-v213 span{font-size:9px;color:#6b7a81}.mp-sales-checklist-v213 b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;color:#19364a}
#page-ventas[data-ux-sales-stage="1"] .sales-payment-head-v128,#page-ventas[data-ux-sales-stage="1"] .sales-payment-grid-v128{opacity:.48}
#page-ventas[data-ux-sales-stage="1"] .sales-order-panel-v128{box-shadow:0 2px 10px rgba(19,37,54,.04)}

/* LAB: lo que se hace AHORA va antes que el mapa completo del protocolo. */
#page-laboratorio[data-ux-lab-priority="1"] .lab204-now{border-color:#9fd1ca;background:linear-gradient(120deg,#f5fbf9,#fffdf9);box-shadow:0 9px 24px rgba(18,72,71,.08)}
#page-laboratorio[data-ux-lab-priority="1"] .lab204-now-copy>small{font-size:11px!important}
#page-laboratorio[data-ux-lab-priority="1"] .lab204-main-cta{min-height:60px;font-size:16px}
#page-laboratorio[data-ux-lab-priority="1"] .lab204-route-shell{margin-top:1px;padding-top:2px;border-top:1px solid #edf1f0}
#page-laboratorio[data-ux-lab-priority="1"] .lab204-route-note span{color:#7b888d}
#page-laboratorio[data-ux-lab-priority="1"] .lab204-route>div{padding-top:6px;padding-bottom:6px}

/* COSTOS: un CTA visible + acciones de captura secundarias agrupadas. */
#page-costos .page-head .inventory-actions{align-items:center}
.mp-cost-more-v213{position:relative}
.mp-cost-more-v213>summary{list-style:none;cursor:pointer;min-height:46px;display:flex;align-items:center;padding:0 15px;border:1px solid #dfded8;border-radius:12px;background:#fff;font-weight:850;color:#17283a}
.mp-cost-more-v213>summary::-webkit-details-marker{display:none}.mp-cost-more-v213>summary:after{content:'⌄';margin-left:8px;color:#6d7b80}
.mp-cost-more-v213[open]>summary:after{content:'⌃'}
.mp-cost-more-v213>div{position:absolute;z-index:40;right:0;top:calc(100% + 6px);min-width:220px;display:grid;gap:6px;padding:8px;border:1px solid #dce4e4;border-radius:13px;background:#fff;box-shadow:0 14px 34px rgba(19,37,54,.16)}
.mp-cost-more-v213>div .btn{width:100%;justify-content:flex-start}

@media(max-width:1180px){
  body.mp-ux-v213[data-ux-page="servicio"] .topbar,body.mp-ux-v213[data-ux-page="laboratorio"] .topbar,body.mp-ux-v213[data-ux-page="costos"] .topbar{height:76px;padding:8px 16px}
  body.mp-ux-v213[data-ux-page="servicio"] .greeting h1,body.mp-ux-v213[data-ux-page="laboratorio"] .greeting h1,body.mp-ux-v213[data-ux-page="costos"] .greeting h1{font-size:22px}
  .mp-sales-progress-v213{gap:4px;padding:5px}.mp-sales-progress-v213>div{padding:6px 5px;grid-template-columns:24px minmax(0,1fr)}.mp-sales-progress-v213 i{width:24px;height:24px}.mp-sales-progress-v213 small{font-size:8.5px!important}
}
@media(max-width:760px){
  #page-servicio[data-ux-tinas-first="1"]>.mp-ux-context-v212{grid-template-columns:34px minmax(0,1fr)}
  #page-servicio[data-ux-tinas-first="1"]>.mp-ux-context-v212 .mp-ux-context-action-v212{grid-column:1/-1}
  .mp-sales-progress-v213{grid-template-columns:1fr 1fr}.mp-sales-checklist-v213{grid-template-columns:1fr}
  .mp-cost-more-v213{width:100%}.mp-cost-more-v213>summary{justify-content:center}.mp-cost-more-v213>div{position:static;margin-top:6px;box-shadow:none;min-width:0}
}


/* ============================================================
   FIX14 · UX CIERRE OPERATIVO
   Venta explícita · LAB compacto · Costos accionables ·
   Costeo comparativo · Tinas/Órdenes sin contradicciones visuales.
   ============================================================ */
body.mp-ux-v214{--ux214-teal:#087d79;--ux214-ink:#10263a;--ux214-muted:#6b7c84}
/* Venta: el método de pago debe elegirse; precio pendiente nunca parece $0. */
#page-ventas[data-ux214="1"] .sales-eta-v128[hidden]{display:none!important}
#page-ventas[data-ux214="1"] .sales-payment-head-v128 strong,
#page-ventas[data-ux214="1"] .sales-order-selected-top-v136 strong{white-space:nowrap}
#page-ventas.mp-sales-has-product-v214 .sales-product-grid-v128{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:8px}
#page-ventas.mp-sales-has-product-v214 .sales-product-card-v128{min-height:54px;padding:8px 10px;grid-template-columns:minmax(0,1fr) 28px}
#page-ventas.mp-sales-has-product-v214 .sales-product-card-v128 .sales-product-photo-v128{display:none}
#page-ventas.mp-sales-has-product-v214 .sales-product-card-v128 .sales-product-text-v128 span{display:none}
#page-ventas.mp-sales-has-product-v214 .sales-product-card-v128 .sales-product-text-v128 strong{font-size:13px}
#page-ventas.mp-sales-has-product-v214 .sales-product-card-v128.selected{background:#e8f7f5;border-color:#0a8c86}
#page-ventas.mp-sales-has-product-v214 .sales-product-card-v128.selected .sales-product-text-v128 strong:after{content:'  ✓';color:#087d79}
#page-ventas[data-ux214="1"] .mp-sales-checklist-v213>div{min-height:34px}

/* LAB: el paso actual manda; el hero sólo orienta. */
#page-laboratorio[data-ux214="1"] .lab204-hero.mp-lab-hero-compact-v214{padding:12px 16px;min-height:0;margin-bottom:10px}
#page-laboratorio[data-ux214="1"] .lab204-hero.mp-lab-hero-compact-v214 h1{font-size:23px;margin:1px 0 2px}
#page-laboratorio[data-ux214="1"] .lab204-hero.mp-lab-hero-compact-v214 p{font-size:12px;line-height:1.35;max-width:720px;margin:0}
#page-laboratorio[data-ux214="1"] .lab204-hero.mp-lab-hero-compact-v214 .lab205-hero-actions .btn{min-height:42px;padding:8px 12px}
.lr06-progress-v185 strong{font-variant-numeric:tabular-nums}
#lr06SaveV188{min-width:210px}

/* Costos: si LAB bloquea, la captura de mercado es secundaria. */
#page-costos[data-ux214="1"] #newPriceObservation.btn-ghost{background:#fff;color:#17283a;border-color:#d9dedc}
#page-costos[data-ux214="1"] #mpUxContextV212 .mp-ux-context-action-v212{background:#0a7f7a;color:#fff}

/* Costeo por porción: pendientes primero + comparación rápida. */
#page-costeo-menu[data-ux214="1"] .menu-cost-page-head-v175{margin-bottom:10px}
.mp-menu-cost-summary-v214{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;margin:8px 0 8px;border:1px solid #cfe2df;border-radius:14px;background:#f4fbf9}
.mp-menu-cost-summary-v214>div:first-child{display:grid;gap:2px}.mp-menu-cost-summary-v214 small{font-size:10px;font-weight:900;letter-spacing:.08em;color:#087d79}.mp-menu-cost-summary-v214 b{font-size:16px;color:#10263a}.mp-menu-cost-summary-v214 span{font-size:11px;color:#64757c}
.mp-cost-filters-v214{display:flex;flex-wrap:wrap;gap:6px}.mp-cost-filters-v214 button{border:1px solid #d4e0df;background:#fff;border-radius:999px;padding:7px 10px;font-weight:850;color:#40565e;cursor:pointer}.mp-cost-filters-v214 button.active{background:#0a817b;color:#fff;border-color:#0a817b}
.mp-cost-provisional-note-v214{margin:0 0 9px!important}
#page-costeo-menu[data-ux214="1"] .menu-cost-grid-v175{align-items:start}
#page-costeo-menu[data-ux214="1"] .menu-cost-sauce-v175{min-height:0}
.mp-provisional-v214{display:inline-flex;align-items:center;margin-left:auto;padding:4px 7px;border-radius:999px;background:#fff1c9;color:#7d5900;font-size:9px;font-weight:900;letter-spacing:.04em}
.mp-cost-meta-v214{margin-top:7px;border-top:1px solid #e5eceb;padding-top:6px}.mp-cost-meta-v214>summary{list-style:none;display:flex;justify-content:space-between;cursor:pointer;font-size:10px;font-weight:850;color:#4e6269}.mp-cost-meta-v214>summary::-webkit-details-marker{display:none}.mp-cost-meta-v214 .menu-cost-mini-v175{margin-top:7px}
.mp-resolve-recipe-v214{margin:7px 10px 0;width:calc(100% - 20px)}
#page-costeo-menu[data-ux214="1"] article[hidden]{display:none!important}

/* Operador / Tinas: el CTA expresa la verificación manual cuando no hay PT100. */
#page-servicio[data-ux214="1"] .op-order-main-v31f6.verify-v214{background:#ffb619;color:#18252b}
#page-servicio[data-ux214="1"] .mp-secondary-next-v214{opacity:.78;font-size:10px}
#page-servicio[data-ux214="1"] .op-rec-v198{min-height:66px}

/* Órdenes: pedido primero; ETA incompleto queda como dato secundario. */
#page-espera[data-ux214="1"] .op-subhero-v20{padding-top:12px;padding-bottom:12px}
#page-espera[data-ux214="1"] .op-subhero-v20 h1{font-size:28px}
#page-espera[data-ux214="1"] .op-subhero-v20 p{font-size:12px;max-width:590px}
#page-espera[data-ux214="1"] .assignment-mode-v30.mp-assignment-compact-v214{padding:9px 14px;min-height:64px}
#page-espera[data-ux214="1"] .assignment-mode-v30.mp-assignment-compact-v214 .assignment-mode-copy-v31 span{font-size:10px;line-height:1.25;max-width:560px}
#page-espera[data-ux214="1"] .op-orders-grid-v20{grid-template-columns:minmax(0,1fr) minmax(245px,34%)}
#page-espera[data-ux214="1"] .op-order-card-v27 footer span[hidden]{display:none!important}
#page-espera[data-ux214="1"] .op-order-card-v27 footer:has(span[hidden]){justify-content:flex-end}
#page-espera[data-ux214="1"] .op-order-open-vat-v27{font-weight:900}

@media(max-width:900px){
  .mp-menu-cost-summary-v214{align-items:flex-start;flex-direction:column}.mp-cost-filters-v214{width:100%}
  #page-espera[data-ux214="1"] .op-orders-grid-v20{grid-template-columns:1fr}
}
@media(max-width:760px){
  #page-ventas.mp-sales-has-product-v214 .sales-product-grid-v128{grid-template-columns:1fr 1fr 1fr}
  #page-ventas.mp-sales-has-product-v214 .sales-product-card-v128{padding:7px;grid-template-columns:1fr}.sales-product-arrow-v128{display:none}
}


/* ============================================================
   FIX15 · UX CIERRE REAL
   Regresión final: Tinas coherentes, Órdenes estables ante live refresh,
   costeo visible desde el primer viewport.
   ============================================================ */
body.mp-ux-v215{--ux215-teal:#087d79;--ux215-ink:#10263a}
/* Tinas admin: mismo mensaje en recomendación y acción. */
#page-servicio[data-ux215="1"] .service-manual-inline-v205 .btn.verify-v215{background:#ffb619!important;color:#162834!important;min-width:148px;font-weight:950!important}
#page-servicio[data-ux215="1"] .service-manual-temp-note{font-size:10.5px!important;color:#52656d!important}
#page-servicio[data-ux215="1"] .vat-copilot-command-v196 strong{letter-spacing:.01em}
/* Tinas operador: misma regla visual. */
#page-servicio[data-ux215="1"] .op-order-main-v31f6.verify-v215{background:#ffb619!important;color:#162834!important}
/* Órdenes: pedido manda; configuración ocupa una sola franja compacta. */
#page-espera[data-ux215="1"] .op-subhero-v20{padding:10px 16px!important;min-height:88px!important}
#page-espera[data-ux215="1"] .op-subhero-v20 h1{font-size:26px!important;line-height:1!important;margin:2px 0 5px!important}
#page-espera[data-ux215="1"] .op-subhero-v20 p{font-size:11px!important;line-height:1.25!important;max-width:620px!important}
#page-espera[data-ux215="1"] .assignment-mode-v30.mp-assignment-compact-v215{margin:7px 0 9px!important;padding:7px 12px!important;min-height:50px!important;border-width:1px!important;box-shadow:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important}
#page-espera[data-ux215="1"] .assignment-mode-v30.mp-assignment-compact-v215 .assignment-mode-copy-v31{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
#page-espera[data-ux215="1"] .assignment-mode-v30.mp-assignment-compact-v215 .assignment-mode-copy-v31 small{display:none!important}
#page-espera[data-ux215="1"] .assignment-mode-v30.mp-assignment-compact-v215 .assignment-mode-copy-v31 b{font-size:13px!important;white-space:nowrap!important}
#page-espera[data-ux215="1"] .assignment-mode-v30.mp-assignment-compact-v215 .assignment-mode-copy-v31 span{font-size:10px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#page-espera[data-ux215="1"] .assignment-mode-v30.mp-assignment-compact-v215 .assignment-mode-control-v31{display:flex!important;align-items:center!important;gap:7px!important}
#page-espera[data-ux215="1"] .assignment-mode-v30.mp-assignment-compact-v215 .assignment-mode-control-v31>small{display:none!important}
#page-espera[data-ux215="1"] .assignment-mode-v30.mp-assignment-compact-v215 .assignment-mode-switch-v30 button{padding:6px 13px!important;font-size:11px!important}
#page-espera[data-ux215="1"] .op-now-v20.mp-eta-secondary-v215{opacity:.62}
/* Costo por porción: resumen/filtros arriba, antes de KPIs. */
#page-costeo-menu[data-ux215="1"]>.mp-menu-cost-summary-v214{margin:0 0 10px!important;position:relative;z-index:1}
#page-costeo-menu[data-ux215="1"] .mp-cost-lab-v215{margin-left:10px;vertical-align:middle}
@media(max-width:900px){
  #page-espera[data-ux215="1"] .assignment-mode-v30.mp-assignment-compact-v215{grid-template-columns:1fr!important}
  #page-espera[data-ux215="1"] .assignment-mode-v30.mp-assignment-compact-v215 .assignment-mode-copy-v31{display:grid!important;gap:2px!important}
  #page-espera[data-ux215="1"] .assignment-mode-v30.mp-assignment-compact-v215 .assignment-mode-copy-v31 span{white-space:normal!important}
}