/* Medal Play Pedidos B2B */
/* IMPORTANTE: los elementos con display:flex (modal, barra, cartel de éxito)
   pisan el [hidden] del navegador, porque una regla de autor le gana siempre
   a la hoja de estilos del navegador. Estas dos reglas van primero y mandan. */
[hidden].mpp-modal,[hidden].mpp-exito,[hidden].mpp-lupa,[hidden].mpp-carrito-barra,[hidden].mpp-vista,[hidden].mpp-alert,[hidden].mpp-paginado,[hidden].mpp-chips,.mpp-wrap [hidden]{display:none !important}
.mpp-oculto{display:none !important}
.mpp-wrap{--mpp-color:#0f766e;--mpp-borde:#e5e7eb;--mpp-texto:#111827;--mpp-suave:#6b7280;max-width:1000px;margin:0 auto;padding:0 4px 120px;color:var(--mpp-texto);font-size:15px;line-height:1.45;box-sizing:border-box}
.mpp-wrap *,.mpp-wrap *::before,.mpp-wrap *::after{box-sizing:border-box}
.mpp-wrap h2,.mpp-wrap h3{margin:0 0 4px;line-height:1.2}
.mpp-sub{margin:0;color:var(--mpp-suave);font-size:14px}
.mpp-mini{font-size:12px;color:var(--mpp-suave);margin-top:8px}
.mpp-vacio{padding:28px 10px;text-align:center;color:var(--mpp-suave)}

/* Login */
.mpp-login-wrap{display:flex;justify-content:center;padding-top:24px}
.mpp-card{background:#fff;border:1px solid var(--mpp-borde);border-radius:12px;padding:26px;box-shadow:0 2px 14px rgba(0,0,0,.05)}
.mpp-login{width:100%;max-width:380px}
.mpp-login .mpp-logo{max-width:150px;height:auto;display:block;margin:0 auto 16px}
.mpp-login label{display:block;margin:14px 0 0;font-size:13px;font-weight:600;color:#374151}
.mpp-login input{width:100%;margin-top:5px;padding:11px 12px;border:1px solid var(--mpp-borde);border-radius:8px;font-size:16px}
.mpp-login input:focus{outline:2px solid var(--mpp-color);outline-offset:1px;border-color:var(--mpp-color)}
.mpp-login .mpp-btn{margin-top:18px}

/* Botones */
.mpp-btn{display:inline-block;border:0;border-radius:8px;padding:11px 18px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit}
.mpp-btn-primary{background:var(--mpp-color);color:#fff}
.mpp-btn-primary:hover{opacity:.86}
.mpp-btn-primary:disabled{opacity:.6;cursor:default}
.mpp-btn-ghost{background:transparent;color:var(--mpp-suave);border:1px solid var(--mpp-borde)}
.mpp-btn-block{display:block;width:100%}

.mpp-alert{padding:10px 12px;border-radius:8px;font-size:14px;margin-top:14px}
.mpp-alert-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}

/* Header */
.mpp-header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:2px solid var(--mpp-borde);margin-bottom:14px}
.mpp-header-acciones{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.mpp-tab-btn,.mpp-subtab-btn{background:transparent;border:1px solid var(--mpp-borde);border-radius:8px;padding:9px 14px;font-size:14px;font-weight:600;cursor:pointer;color:var(--mpp-suave);font-family:inherit}
.mpp-tab-btn.is-activa,.mpp-subtab-btn.is-activa{background:var(--mpp-color);border-color:var(--mpp-color);color:#fff}
.mpp-badge{display:inline-block;background:#ecfdf5;color:#047857;border-radius:20px;padding:1px 9px;font-size:12px;font-weight:700;margin-left:6px}

/* Filtros */
.mpp-filtros{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}
.mpp-filtros input[type=search],.mpp-filtros select{padding:10px 12px;border:1px solid var(--mpp-borde);border-radius:8px;font-size:15px;background:#fff;font-family:inherit}
.mpp-filtros input[type=search]{flex:1 1 240px;min-width:180px}
.mpp-check{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--mpp-suave);white-space:nowrap}
.mpp-resultados{font-size:13px;color:var(--mpp-suave);margin-bottom:8px}

/* Lista */
.mpp-grupo{margin-bottom:20px}
.mpp-grupo-titulo{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--mpp-color);padding-bottom:6px;border-bottom:1px solid var(--mpp-borde);margin-bottom:2px}
.mpp-item{display:flex;align-items:center;gap:12px;padding:11px 8px;border-bottom:1px solid #f3f4f6}
.mpp-item:hover{background:#fafafa}
.mpp-item.mpp-en-carrito{background:#f0fdfa}
.mpp-item.mpp-sin-stock .mpp-item-nombre{color:#9ca3af}
.mpp-item-info{flex:1 1 auto;min-width:0}
.mpp-item-nombre{font-weight:600;font-size:14.5px}
.mpp-item-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--mpp-suave);margin-top:2px}
.mpp-item-meta .mpp-stock:empty{display:none}
.mpp-item-meta code{background:#f3f4f6;padding:1px 6px;border-radius:4px;font-size:11.5px}
.mpp-stock{color:#047857;font-weight:600}
.mpp-stock-0{color:#b91c1c}
.mpp-precio{text-align:right;font-weight:700;font-size:14.5px;white-space:nowrap}
.mpp-precio small{display:block;font-weight:400;font-size:11px;color:var(--mpp-suave)}

/* Cantidades */
.mpp-qty{display:flex;align-items:center;gap:4px}
.mpp-qty-btn{width:32px;height:32px;border:1px solid var(--mpp-borde);background:#fff;border-radius:6px;font-size:17px;line-height:1;cursor:pointer;color:var(--mpp-texto);font-family:inherit}
.mpp-qty-btn:hover{border-color:var(--mpp-color);color:var(--mpp-color)}
.mpp-qty-input{width:52px;height:32px;text-align:center;border:1px solid var(--mpp-borde);border-radius:6px;font-size:15px;font-family:inherit;-moz-appearance:textfield}
.mpp-qty-input::-webkit-outer-spin-button,.mpp-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* Barra del carrito */
.mpp-carrito-barra{position:fixed;left:0;right:0;bottom:0;z-index:9998;background:var(--mpp-color);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;box-shadow:0 -2px 14px rgba(0,0,0,.16)}
.mpp-barra-info{font-size:15px}
.mpp-carrito-barra .mpp-btn-primary{background:#fff;color:var(--mpp-color)}

/* Modal */
.mpp-modal{position:fixed;inset:0;z-index:9999;background:rgba(17,24,39,.55);display:flex;align-items:flex-end;justify-content:center;padding:0}
body.mpp-modal-abierto{overflow:hidden}
.mpp-modal-caja{background:#fff;width:100%;max-width:620px;max-height:92vh;display:flex;flex-direction:column;border-radius:14px 14px 0 0}
.mpp-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--mpp-borde)}
.mpp-cerrar{background:none;border:0;font-size:26px;line-height:1;cursor:pointer;color:var(--mpp-suave)}
.mpp-modal-body{padding:8px 18px;overflow:auto;flex:1 1 auto}
.mpp-modal-foot{padding:14px 18px;border-top:1px solid var(--mpp-borde)}
.mpp-modal-acciones{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}
.mpp-obs{display:block;font-size:13px;font-weight:600;color:#374151}
.mpp-obs textarea{width:100%;margin-top:5px;padding:9px 11px;border:1px solid var(--mpp-borde);border-radius:8px;font-family:inherit;font-size:14px}
.mpp-tabla{width:100%;border-collapse:collapse;font-size:14px}
.mpp-tabla td{padding:9px 4px;border-bottom:1px solid #f3f4f6;vertical-align:middle}
.mpp-tabla code{font-size:11.5px;color:var(--mpp-suave)}
.mpp-td-qty{white-space:nowrap;text-align:center}
.mpp-cant{display:inline-block;min-width:28px;text-align:center;font-weight:700}
.mpp-td-sub{text-align:right;font-weight:600;white-space:nowrap}
.mpp-quitar{background:none;border:0;color:#b91c1c;font-size:20px;cursor:pointer;padding:0 4px}
.mpp-total-final{display:flex;justify-content:space-between;padding:12px 4px 0;font-size:17px}

/* Éxito */
.mpp-exito{position:fixed;inset:0;z-index:10000;background:rgba(17,24,39,.6);display:flex;align-items:center;justify-content:center;padding:20px}
.mpp-exito-caja{background:#fff;border-radius:14px;padding:30px 26px;text-align:center;max-width:380px}
.mpp-tilde{width:56px;height:56px;border-radius:50%;background:#ecfdf5;color:#047857;font-size:30px;line-height:56px;margin:0 auto 12px}
.mpp-total-exito{font-size:20px;font-weight:700}

/* Historial */
.mpp-pedido{border:1px solid var(--mpp-borde);border-radius:10px;margin-bottom:8px;padding:2px 12px}
.mpp-pedido summary{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:11px 0;cursor:pointer;font-size:14px}
.mpp-pedido-fecha{color:var(--mpp-suave);font-size:13px}
.mpp-pedido-total{margin-left:auto;font-weight:700}
.mpp-chip{background:#f3f4f6;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600;color:#374151}
.mpp-pedido-items{margin:0 0 12px;padding:0 0 0 4px;list-style:none;font-size:13.5px}
.mpp-pedido-items li{padding:4px 0;border-top:1px solid #f3f4f6}
.mpp-pedido-items span{font-weight:700;color:var(--mpp-color)}
.mpp-pedido-items code{color:var(--mpp-suave);font-size:11.5px}

@media (min-width:640px){
	.mpp-modal{align-items:center;padding:20px}
	.mpp-modal-caja{border-radius:14px}
}
@media (max-width:560px){
	.mpp-item{flex-wrap:wrap;gap:8px}
	.mpp-item-info{flex:1 1 100%}
	.mpp-precio{flex:1 1 auto;text-align:left}
	.mpp-header{padding:12px 0}
	.mpp-header-acciones{width:100%}
	.mpp-tab-btn,.mpp-subtab-btn{flex:1 1 auto}
}

/* --- Panel del equipo --- */
.mpp-btn-chico{padding:7px 13px;font-size:13.5px}
.mpp-fecha{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--mpp-suave);white-space:nowrap}
.mpp-fecha input{padding:9px 10px;border:1px solid var(--mpp-borde);border-radius:8px;font-size:14px;font-family:inherit}
.mpp-kpis{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.mpp-kpi{flex:1 1 130px;background:#fff;border:1px solid var(--mpp-borde);border-radius:10px;padding:12px 14px;text-align:center}
.mpp-kpi strong{display:block;font-size:21px;line-height:1.2;color:var(--mpp-color)}
.mpp-kpi span{font-size:12px;color:var(--mpp-suave)}
.mpp-descargas{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 0 16px;border-bottom:1px solid var(--mpp-borde);margin-bottom:14px}
.mpp-descargas>span{font-size:13px;color:var(--mpp-suave);margin-right:2px}
.mpp-p-lista.mpp-cargando{opacity:.5}
.mpp-pedido-admin summary{gap:12px}
.mpp-p-cliente{font-weight:600}
.mpp-p-cuerpo{padding:0 0 12px}
.mpp-p-datos{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:13px;color:var(--mpp-suave);padding:8px 0 10px;border-top:1px solid #f3f4f6}
.mpp-p-datos select{padding:6px 8px;border:1px solid var(--mpp-borde);border-radius:6px;font-family:inherit;font-size:13px}
.mpp-p-guardado{color:var(--mpp-color);font-weight:600}
.mpp-p-obs{background:#fffbea;border-left:3px solid #f59e0b;padding:8px 12px;font-size:13.5px;margin:0 0 10px}
.mpp-chip-nuevo{background:#dbeafe;color:#1e40af}
.mpp-chip-preparando{background:#fef3c7;color:#92400e}
.mpp-chip-facturado{background:#ede9fe;color:#5b21b6}
.mpp-chip-enviado{background:#d1fae5;color:#065f46}
.mpp-chip-cancelado{background:#fee2e2;color:#991b1b}
.mpp-login form.wp-core-ui input[type=text],.mpp-login form input[type=password]{width:100%;margin-top:5px;padding:11px 12px;border:1px solid var(--mpp-borde);border-radius:8px;font-size:16px}
.mpp-login form p{margin:12px 0 0}
.mpp-login form label{display:block;font-size:13px;font-weight:600;color:#374151}
.mpp-login form .login-remember label{font-weight:400;color:var(--mpp-suave)}
.mpp-login form input[type=submit]{background:var(--mpp-color);color:#fff;border:0;border-radius:8px;padding:11px 18px;font-size:15px;font-weight:600;cursor:pointer;width:100%;margin-top:6px}
@media (max-width:560px){.mpp-p-cliente{flex:1 1 100%}}
.mpp-sync-barra{background:#f9fafb;border:1px solid var(--mpp-borde);border-radius:8px;padding:9px 14px;margin-bottom:12px;font-size:13px;color:var(--mpp-suave)}
.mpp-sync-ok{color:#047857}
.mpp-sync-error{color:#b91c1c}
.mpp-tope{background:#fef2f2;color:#b91c1c;border-radius:4px;padding:1px 7px;font-weight:600}

/* --- Edición de pedidos en el panel --- */
.mpp-chip-editado{background:#e0e7ff;color:#3730a3}
.mpp-editando{box-shadow:0 0 0 2px var(--mpp-color) inset;border-radius:10px}
.mpp-ed-caja{padding:4px 0 6px}
.mpp-tabla-ed th{text-align:left;font-size:12px;color:var(--mpp-suave);padding:4px;border-bottom:1px solid var(--mpp-borde)}
.mpp-ed-cant,.mpp-ed-precio{width:84px;padding:6px 8px;border:1px solid var(--mpp-borde);border-radius:6px;font-family:inherit;font-size:14px;text-align:right}
.mpp-ed-cant{width:64px;text-align:center}
.mpp-ed-agregar{position:relative;margin:12px 0}
.mpp-ed-buscar{width:100%;padding:10px 12px;border:1px solid var(--mpp-borde);border-radius:8px;font-size:14px;font-family:inherit}
.mpp-ed-resultados{border:1px solid var(--mpp-borde);border-top:0;border-radius:0 0 8px 8px;max-height:220px;overflow:auto}
.mpp-ed-resultados:empty{display:none}
.mpp-ed-sumar{display:block;width:100%;text-align:left;background:#fff;border:0;border-bottom:1px solid #f3f4f6;padding:9px 12px;cursor:pointer;font-family:inherit;font-size:13.5px}
.mpp-ed-sumar:hover{background:#f0fdfa}
.mpp-ed-sumar code{color:var(--mpp-suave);font-size:11.5px}
.mpp-ed-avisar-lbl{margin:10px 0;font-size:13.5px;color:var(--mpp-texto)}
.mpp-ed-acciones{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}
.mpp-ed-error{margin:10px 0}

/* --- Pestaña Catálogo del panel --- */
.mpp-cat-intro{margin-bottom:16px}
.mpp-cat-intro h3{margin:0 0 4px}
.mpp-tabla-cat th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--mpp-suave);padding:6px 4px;border-bottom:2px solid var(--mpp-borde)}
.mpp-cat-rubro td{border-top:2px solid var(--mpp-borde);padding-top:10px}
.mpp-cat-sub{background:#fafafa}
.mpp-cat-subnombre{padding-left:18px;color:var(--mpp-suave)}
.mpp-switch{display:inline-block;position:relative;width:40px;height:22px;cursor:pointer}
.mpp-switch input{position:absolute;opacity:0;width:0;height:0}
.mpp-switch span{position:absolute;inset:0;background:#d1d5db;border-radius:22px;transition:background .15s}
.mpp-switch span::before{content:'';position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .15s}
.mpp-switch input:checked+span{background:var(--mpp-color)}
.mpp-switch input:checked+span::before{transform:translateX(18px)}
.mpp-cat-acciones{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:14px}
.mpp-cat-productos{margin-top:28px;padding-top:20px;border-top:1px solid var(--mpp-borde)}
.mpp-cat-productos h3{margin:0 0 8px}
#mpp-cat-buscar{width:100%;padding:11px 12px;border:1px solid var(--mpp-borde);border-radius:8px;font-size:15px;font-family:inherit}
.mpp-cat-prod{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid #f3f4f6}
.mpp-cat-prod>div{flex:1 1 auto;min-width:0}
.mpp-cat-estado{font-size:12px;font-weight:600;white-space:nowrap}
.mpp-ok-txt{color:#047857}
.mpp-cero-txt{color:#b91c1c}
.mpp-item-img{flex:0 0 auto;width:52px;height:52px;border:1px solid var(--mpp-borde);border-radius:8px;background:#fff;padding:0;position:relative;overflow:hidden}
button.mpp-item-img{cursor:zoom-in;display:block}
.mpp-item-img img{width:100%;height:100%;object-fit:contain;display:block}
.mpp-lupa-icono{position:absolute;right:2px;bottom:1px;font-size:11px;line-height:1;color:#fff;background:rgba(17,24,39,.6);border-radius:3px;padding:1px 3px;opacity:0;transition:opacity .12s}
button.mpp-item-img:hover .mpp-lupa-icono{opacity:1}
button.mpp-item-img:focus-visible{outline:2px solid var(--mpp-color);outline-offset:2px}
.mpp-item-img-vacia{background:#f3f4f6;border-style:dashed}
@media(max-width:560px){.mpp-item-img{width:44px;height:44px}}

/* --- Foto ampliada --- */
.mpp-lupa{position:fixed;inset:0;z-index:10001;background:rgba(17,24,39,.88);display:flex;align-items:center;justify-content:center;padding:24px}
.mpp-lupa-caja{margin:0;max-width:min(760px,92vw);text-align:center}
.mpp-lupa-caja img{max-width:100%;max-height:76vh;object-fit:contain;background:#fff;border-radius:10px;display:block;margin:0 auto}
.mpp-lupa-caja figcaption{color:#fff;font-size:14px;margin-top:12px}
.mpp-lupa-cerrar{position:absolute;top:14px;right:18px;background:none;border:0;color:#fff;font-size:36px;line-height:1;cursor:pointer;padding:4px 10px}
.mpp-lupa-cerrar:hover{opacity:.7}
.mpp-mini-foto{float:left;width:38px;height:38px;margin:0 10px 2px 0;padding:0;border:1px solid var(--mpp-borde);border-radius:6px;background:#fff;overflow:hidden;cursor:zoom-in}
.mpp-mini-foto img{width:100%;height:100%;object-fit:contain;display:block}
@media(max-width:560px){.mpp-lupa{padding:12px}.mpp-lupa-caja img{max-height:70vh}}

/* --- Precio de lista tachado --- */
.mpp-precio-lista{display:block;font-size:12.5px;font-weight:400;color:#9ca3af;text-decoration-thickness:1px;margin-bottom:1px}
.mpp-precio-tuyo{display:block}
.mpp-td-sub .mpp-precio-lista{font-size:11.5px}
.mpp-resumen-desc{border-top:1px solid var(--mpp-borde);margin-top:10px;padding-top:10px;font-size:13.5px;color:var(--mpp-suave)}
.mpp-resumen-desc>div{display:flex;justify-content:space-between;padding:2px 4px}
.mpp-ahorro strong{color:#047857}
.mpp-paginado{display:flex;gap:10px;align-items:center;justify-content:center;padding:18px 0 4px;border-top:1px solid var(--mpp-borde);margin-top:8px}
.mpp-paginado .mpp-btn{min-width:auto}

/* --- Logo del cliente --- */
.mpp-header-id{display:flex;align-items:center;gap:14px;min-width:0}
.mpp-header-id h2{font-size:26px;line-height:1.15;margin:0}
.mpp-header-id .mpp-sub{margin-top:2px}
.mpp-logo-cliente{max-width:150px;max-height:74px;object-fit:contain;flex:0 0 auto}
.mpp-p-logo{flex:0 0 auto;width:38px;height:38px;object-fit:contain;border:1px solid var(--mpp-borde);border-radius:8px;background:#fff}
.mpp-p-logo-vacio{display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--mpp-suave);background:#f3f4f6;font-size:15px}
@media(max-width:560px){
	.mpp-header-id{gap:10px}
	.mpp-header-id h2{font-size:20px}
	.mpp-logo-cliente{max-width:92px;max-height:48px}
}
.mpp-header-id .mpp-badge{font-size:12px;vertical-align:middle;position:relative;top:-2px}
.mpp-item-rubro{color:var(--mpp-suave);font-size:11.5px;text-transform:uppercase;letter-spacing:.03em}
.mpp-sugerido{display:block;margin-top:3px;padding-top:3px;border-top:1px dotted var(--mpp-borde);color:var(--mpp-suave);font-size:11.5px;font-weight:400}

/* --- Botones de rubro (chips) ---
   Fila horizontal con scroll: en mobile se desliza con el dedo y no rompe
   el alto de la pantalla; en escritorio entran varias líneas. */
.mpp-chips{display:flex;gap:7px;overflow-x:auto;padding:2px 2px 6px;margin-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:auto;scrollbar-color:#9ca3af #eef0f2}
/* Barra alta y con contraste: con una fina cuesta acertarle con el mouse. */
.mpp-chips::-webkit-scrollbar{height:14px}
.mpp-chips::-webkit-scrollbar-track{background:#eef0f2;border-radius:8px}
.mpp-chips::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:8px;border:3px solid #eef0f2}
.mpp-chips::-webkit-scrollbar-thumb:hover{background:var(--mpp-color)}
.mpp-chips::-webkit-scrollbar-thumb:active{background:var(--mpp-color)}
.mpp-chip-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--mpp-borde);border-radius:20px;padding:8px 14px;font-size:13.5px;font-family:inherit;color:var(--mpp-texto);cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}
.mpp-chip-btn:hover{border-color:var(--mpp-color)}
.mpp-chip-btn b{font-size:11.5px;font-weight:700;color:var(--mpp-suave);background:#f3f4f6;border-radius:10px;padding:1px 7px}
.mpp-chip-btn.is-activo{background:var(--mpp-color);border-color:var(--mpp-color);color:#fff;font-weight:600}
.mpp-chip-btn.is-activo b{background:rgba(255,255,255,.22);color:#fff}
.mpp-chip-btn.is-vacio{opacity:.42}
.mpp-chip-btn:focus-visible{outline:2px solid var(--mpp-color);outline-offset:2px}
.mpp-chips-sub{padding-top:0;padding-bottom:8px;border-bottom:1px solid var(--mpp-borde);margin-bottom:12px}
.mpp-chip-sub{border-style:dashed;font-size:13px;padding:6px 12px}
.mpp-chip-sub.is-activo{border-style:solid}
@media(max-width:560px){
	.mpp-chips{gap:6px;padding-bottom:4px}
	.mpp-chip-btn{padding:9px 13px;font-size:13px}
	/* En el celular se arrastra con el dedo: la barra ocupa lugar al pedo. */
	.mpp-chips::-webkit-scrollbar{height:4px}
	.mpp-chips::-webkit-scrollbar-thumb{border:0}
}
.mpp-sync-pendiente{border-left:3px solid #b45309;background:#fffbeb;color:#78350f}
@media(max-width:700px){.mpp-header-acciones{gap:5px}.mpp-header-acciones .mpp-btn,.mpp-header-acciones .mpp-tab-btn{font-size:13px;padding:8px 11px}}
.mpp-chip-erp{background:#ecfdf5;color:#047857}
.mpp-erp-resp{background:#f9fafb;border-left:3px solid var(--mpp-borde);padding:6px 10px;margin:0 0 10px;word-break:break-word}
.mpp-erp-falta{background:#fffbeb;border-left:3px solid #b45309;color:#78350f;padding:8px 12px;margin:0 0 10px;font-size:13px}
.mpp-erp-sinstock{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:12px 14px;margin:0 0 12px}
.mpp-erp-sinstock strong{color:#78350f}
.mpp-erp-sinstock .mpp-tabla{margin:8px 0;background:#fff}
.mpp-erp-sinstock .mpp-tabla th{font-size:11.5px;text-transform:uppercase;color:var(--mpp-suave);text-align:left;padding:4px 6px}
.mpp-erp-sinstock .mpp-tabla td{padding:6px}
.mpp-erp-acciones{display:flex;gap:8px;flex-wrap:wrap}
.mpp-num{text-align:right}

/* El panel usa el prefijo .mpp-chip-<estado> */
.mpp-chip-orden{background:#cffafe;color:#155e75}
.mpp-enlace{background:none;border:0;padding:0;font:inherit;color:var(--mpp-color);text-decoration:underline;cursor:pointer}
.mpp-enlace:hover{opacity:.75}
.mpp-chip-armando{background:#fef3c7;color:#92400e}
.mpp-chip-armado{background:#dcfce7;color:#166534}
.mpp-sindesc{display:inline-flex;align-items:center;gap:6px;margin-top:5px;font-size:12.5px;color:var(--mpp-suave);cursor:pointer}
.mpp-sindesc input{width:15px;height:15px;cursor:pointer}
.mpp-sindesc:hover{color:var(--mpp-texto)}
.mpp-item-sindesc{display:block;margin-top:2px;font-size:11px;color:#92400e;font-weight:600}
.mpp-cat-tabs{display:flex;gap:8px;margin:0 0 14px;border-bottom:2px solid var(--mpp-borde);padding-bottom:10px}
.mpp-cat-panel{animation:mppAparece .15s ease}
@keyframes mppAparece{from{opacity:.4}to{opacity:1}}
[hidden].mpp-cat-panel{display:none !important}

/* --- Listado de productos del panel --- */
.mpp-filtros-prod{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:12px}
.mpp-filtros-prod input[type=search]{flex:1 1 260px;min-width:0}
.mpp-tabla-prod{width:100%;border-collapse:collapse;font-size:14px}
.mpp-tabla-prod th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--mpp-suave);padding:7px 8px;border-bottom:2px solid var(--mpp-borde)}
.mpp-tabla-prod td{padding:9px 8px;border-bottom:1px solid #f3f4f6;vertical-align:middle}
.mpp-tabla-prod tr:hover td{background:#fafafa}
.mpp-col-tic{width:34px}
.mpp-col-img{width:52px}
.mpp-prod-img{display:block;width:42px;height:42px;object-fit:contain;border:1px solid var(--mpp-borde);border-radius:6px;background:#fff}
.mpp-prod-img-vacia{background:#f3f4f6;border-style:dashed}
.mpp-tic-sd{width:18px;height:18px;cursor:pointer;accent-color:#b45309}
.mpp-guardando td{opacity:.5}
.mpp-guardado-ok td{background:#ecfdf5 !important;transition:background .3s}
.mpp-paginado-prod{display:flex;gap:12px;align-items:center;justify-content:center;padding:14px 0}
@media(max-width:640px){
	.mpp-tabla-prod .mpp-col-img,.mpp-tabla-prod td:nth-child(2),.mpp-tabla-prod td:nth-child(4),.mpp-tabla-prod th:nth-child(4){display:none}
	.mpp-tabla-prod{font-size:13px}
}

/* --- Productos con talles: una tarjeta con una cantidad por talle ---
   La grilla pasa a una segunda línea a todo lo ancho, así entran
   cómodos hasta 8 talles sin apretar el nombre ni el precio. */
.mpp-item-var{flex-wrap:wrap;align-items:flex-start}
.mpp-item-var .mpp-item-info{flex:1 1 200px}
.mpp-talles{flex:1 1 100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;margin:4px 0 2px}
.mpp-var{display:flex;flex-direction:column;align-items:center;gap:3px;border:1px solid var(--mpp-borde);border-radius:9px;padding:7px 6px 8px;background:#fff}
.mpp-var.mpp-en-carrito{border-color:var(--mpp-color);box-shadow:inset 0 0 0 1px var(--mpp-color);background:#f0fdfa}
.mpp-var.mpp-sin-stock{opacity:.55}
.mpp-var-talle{font-weight:800;font-size:15px;letter-spacing:.02em}
.mpp-var-stock,.mpp-var-precio{font-size:11px;color:var(--mpp-suave);line-height:1.2}
.mpp-var-stock.mpp-stock-0{color:#b91c1c}
/* Los temas (Astra/Elementor) les ponen relleno y ancho mínimo a los
   botones e inputs: acá los forzamos, si no se salen de la celda. */
.mpp-var .mpp-qty-chico{display:flex;flex-wrap:nowrap;justify-content:center;gap:3px;width:100%}
.mpp-var .mpp-qty-chico .mpp-qty-btn{flex:0 0 28px;width:28px !important;min-width:0 !important;height:28px !important;padding:0 !important;margin:0 !important;font-size:15px;line-height:26px;box-sizing:border-box}
.mpp-var .mpp-qty-chico .mpp-qty-input{flex:0 1 44px;width:44px !important;min-width:0 !important;height:28px !important;padding:0 2px !important;margin:0 !important;font-size:14px;box-sizing:border-box}
.mpp-var .mpp-tope{font-size:10.5px;text-align:center}
.mpp-var-resumen{font-size:12px;color:var(--mpp-suave)}
.mpp-var-resumen b{color:var(--mpp-color)}
@media(max-width:560px){
	.mpp-talles{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}
	.mpp-item-var .mpp-precio{flex:1 1 auto;text-align:left}
}
.mpp-td-img{text-align:center}
.mpp-foto-btn{display:block;margin:4px auto 0;background:none;border:0;padding:0;font:inherit;font-size:11px;color:var(--mpp-color);text-decoration:underline;cursor:pointer;white-space:nowrap}
.mpp-td-img.mpp-guardando{opacity:.5}
@media(max-width:640px){.mpp-tabla-prod td.mpp-td-img,.mpp-tabla-prod th.mpp-col-img{display:table-cell}}