/* Distribuidora López · actualización operativa v12 */
@media (min-width:1081px){
  .view.pos.on .ticket{width:min(48vw,650px)}
}
@media (min-width:861px) and (max-width:1080px){
  .view.pos.on .ticket{width:46vw;min-width:430px}
}
.pos-bar .btn-generico{white-space:nowrap;border-color:#C9B8F5;color:#5B21B6;background:#F6F1FF}
.pos-bar .btn-generico:hover{background:#EEE5FF}
.sugerencias .sug-v12{display:block;width:100%;padding:12px 14px;text-align:left;border-bottom:1px solid var(--linea);font-weight:600}
.sugerencias .sug-v12:last-child{border-bottom:0}
.sugerencias .sug-v12.on,.sugerencias .sug-v12:hover{background:var(--verde-50);color:var(--verde-800)}
.sugerencias .sug-v12 small{font-weight:400;color:var(--tinta-45);margin-left:5px}
.busqueda-solo-lista{display:grid;place-items:center;min-height:180px;color:var(--tinta-45);text-align:center;padding:24px}

.compra-flujo{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(480px,1.35fr);gap:16px;align-items:start}
.compra-panel{border:1px solid var(--linea);border-radius:16px;padding:16px;background:#fff}
.compra-panel.activo{border-color:var(--verde-200);box-shadow:0 0 0 3px rgba(14,107,84,.06)}
.compra-paso{display:flex;align-items:center;gap:9px;margin-bottom:14px}
.compra-paso i{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--tinta);color:white;font-style:normal;font-weight:700;font-size:12px}
.compra-bloque{border:1px solid var(--linea);border-radius:13px;padding:12px;margin-bottom:10px;background:var(--papel)}
.compra-resultados{display:grid;gap:7px;margin-top:9px;max-height:290px;overflow:auto}
.compra-producto{display:grid;grid-template-columns:28px minmax(150px,1fr) 76px 105px 105px 130px 92px;gap:7px;align-items:center;background:white;border:1px solid var(--linea);border-radius:11px;padding:8px}
.compra-producto .inp{min-width:0;padding:8px}
.compra-producto .cp-total{text-align:right;font-size:12px;font-weight:700}
.compra-producto-head{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--tinta-45);font-weight:700}

.lote-resumen{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.lote-resumen button{font-size:11.5px;color:var(--verde-800);font-weight:600}
.lote-alerta{font-size:10.5px;padding:2px 6px;border-radius:99px;background:var(--ambar-50);color:#8A5A08;font-weight:700}
.lote-alerta.vencido{background:var(--rojo-50);color:var(--rojo)}
.lotes-lista{display:grid;gap:8px}
.lote-card{display:grid;grid-template-columns:90px 1fr 110px 110px;gap:10px;align-items:center;border:1px solid var(--linea);border-radius:12px;padding:11px}

.cxp-lista{display:grid;gap:10px}
.cxp-card{display:grid;grid-template-columns:minmax(210px,1.5fr) repeat(4,minmax(105px,.7fr)) auto;gap:13px;align-items:center;padding:14px 16px;background:white;border:1px solid var(--linea);border-radius:15px;box-shadow:var(--sh-1)}
.cxp-card .dato small{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-45);font-weight:700;margin-bottom:2px}
.cxp-card .dato b{font-size:13px}
.cxp-acciones{display:flex;gap:6px;white-space:nowrap}

.flujo-estado{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.flujo-estado .paso{padding:4px 7px;border-radius:99px;background:var(--papel);font-size:10.5px;font-weight:700;color:var(--tinta-45)}
.flujo-estado .paso.on{background:var(--verde-50);color:var(--verde-800)}

@media (max-width:1100px){
  .compra-flujo{grid-template-columns:1fr}
  .compra-producto{grid-template-columns:28px minmax(150px,1fr) repeat(2,90px)}
  .compra-producto .vence,.compra-producto .precio,.compra-producto .cp-total{grid-column:auto}
  .cxp-card{grid-template-columns:1.5fr repeat(2,1fr) auto}
  .cxp-card .dato.secundario{display:none}
}
@media (max-width:860px){
  .pos-bar{flex-wrap:wrap}
  .pos-bar .scan-wrap{flex-basis:100%;order:-1}
  .pos-bar .btn{flex:1}
  .compra-panel{padding:12px}
  .compra-producto{grid-template-columns:26px minmax(130px,1fr) 74px;align-items:start}
  .compra-producto .costo,.compra-producto .precio,.compra-producto .vence,.compra-producto .cp-total{grid-column:2 / -1}
  .cxp-card{grid-template-columns:1fr 1fr;padding:13px}
  .cxp-card .principal,.cxp-acciones{grid-column:1/-1}
  .cxp-acciones .btn{flex:1}
  .lote-card{grid-template-columns:1fr 1fr}
}
@media (max-width:420px){
  .compra-producto{grid-template-columns:25px 1fr}
  .compra-producto .cantidad,.compra-producto .costo,.compra-producto .precio,.compra-producto .vence,.compra-producto .cp-total{grid-column:2}
  .cxp-card{grid-template-columns:1fr}
  .cxp-card .principal,.cxp-acciones{grid-column:1}
}