/* Distribuidora López · actualización operativa v15 */

/* El PIN debe ser compacto, visible y listo para escribir. */
.modal.pin-modal-v15{width:min(430px,calc(100vw - 28px));max-height:none}
.pin-modal-v15 .modal-head{padding:16px 18px 11px}
.pin-modal-v15 .modal-body{padding:14px 18px 10px}
.pin-modal-v15 .modal-foot{padding:11px 18px}
.pin-modal-v15 #pinIn{height:58px!important;padding:9px 12px!important;font-size:25px!important}

/* Las ventanas secundarias siempre quedan delante de la principal. */
.capa{z-index:130}
.capa-compra-v15{z-index:140;padding:16px}
.capa-compra-v15 .capa-caja{width:min(1180px,100%);padding:18px;max-height:calc(100vh - 32px);overflow:auto;scrollbar-width:none}
.capa-compra-v15 .capa-caja::-webkit-scrollbar,.compra-modal-v15 .modal-body::-webkit-scrollbar{display:none}

/* Factura de proveedor completa en una sola vista. */
.modal.compra-modal-v15{width:calc(100vw - 34px);height:calc(100vh - 34px);max-height:none}
.compra-modal-v15 .modal-head{padding:14px 18px 10px}
.compra-modal-v15 .modal-body{padding:14px 18px;overflow:auto;scrollbar-width:none}
.compra-modal-v15 .modal-foot{display:none}
.compra-cab-grid-v15{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px 12px}
.compra-cab-grid-v15 .field{margin:0}
.compra-cab-grid-v15 .span-2{grid-column:span 2}
.compra-cab-grid-v15 .span-4{grid-column:1/-1}
.compra-resumen-v15{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:13px 16px;border-radius:14px;background:var(--papel);border:1px solid var(--linea)}
.compra-resumen-v15 strong{font-size:25px}
.compra-resultados{max-height:none;overflow:visible}
.compra-producto.seleccionado-v15{border-color:var(--verde);box-shadow:0 0 0 2px rgba(14,107,84,.12);background:var(--verde-50)}

/* Cuentas por pagar: formato de control por factura. */
.cxp-tabla-v15{width:100%;table-layout:fixed;font-size:11px}
.cxp-tabla-v15 th{font-size:9px;white-space:normal;line-height:1.2;padding:8px 5px}
.cxp-tabla-v15 td{padding:9px 5px;overflow-wrap:anywhere}
.cxp-tabla-v15 .mono{font-size:10.5px}
.cxp-tabla-v15 .btn{padding:5px 7px;font-size:10px}
.cxp-tabla-v15 th:nth-child(1){width:8%}.cxp-tabla-v15 th:nth-child(2){width:9%}
.cxp-tabla-v15 th:nth-child(3){width:8%}.cxp-tabla-v15 th:nth-child(4){width:7%}
.cxp-tabla-v15 th:nth-child(5),.cxp-tabla-v15 th:nth-child(7){width:7%}
.cxp-tabla-v15 th:nth-child(6),.cxp-tabla-v15 th:nth-child(8){width:5%}
.cxp-tabla-v15 th:nth-child(9),.cxp-tabla-v15 th:nth-child(10),.cxp-tabla-v15 th:nth-child(11),.cxp-tabla-v15 th:nth-child(12){width:7%}
.cxp-tabla-v15 th:nth-child(13){width:8%}.cxp-tabla-v15 th:nth-child(14){width:8%}

.pedido-estados-v15{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.pedido-linea-v15{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(210px,1fr) 100px auto;gap:8px;align-items:end}
.pedido-lista-v15{display:grid;gap:10px}
.pedido-card-v15{border:1px solid var(--linea);border-radius:14px;padding:13px;background:#fff}
.pedido-card-v15 .pedido-cab{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}

.dev-opciones-v15{padding:12px;border:1px solid var(--linea);border-radius:13px;background:var(--papel);margin-bottom:12px}

@media (max-width:900px){
  .compra-cab-grid-v15{grid-template-columns:repeat(2,minmax(140px,1fr))}
  .compra-cab-grid-v15 .span-4{grid-column:1/-1}
  .pedido-linea-v15{grid-template-columns:1fr 1fr}.pedido-linea-v15 .pedido-cant-v15{grid-column:1}.pedido-linea-v15 .btn{grid-column:2}
  .cxp-tabla-v15{table-layout:auto}
}
@media (max-width:600px){
  .modal.pin-modal-v15{width:calc(100vw - 20px)}
  .compra-cab-grid-v15{grid-template-columns:1fr}.compra-cab-grid-v15 .span-2,.compra-cab-grid-v15 .span-4{grid-column:1}
  .modal.compra-modal-v15{width:100vw;height:100dvh;border-radius:0}
  .pedido-linea-v15{grid-template-columns:1fr}.pedido-linea-v15 .pedido-cant-v15,.pedido-linea-v15 .btn{grid-column:1}
}