.pr-surtido-web{width:100%;padding:16px;border:1px solid rgba(14,165,233,.25);border-radius:18px;background:linear-gradient(145deg,rgba(14,165,233,.09),rgba(139,92,246,.06) 55%,rgba(4,9,17,.7));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 35px rgba(0,0,0,.18)}
.pr-surtido-web--inicio{display:flex;flex-direction:column;gap:13px}.pr-surtido-web--loading{display:flex;align-items:center;justify-content:center;gap:10px;color:#a8b6ca;min-height:88px}
.pr-surtido-web__intro{display:flex;gap:12px;align-items:center}.pr-surtido-web__intro>i{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:14px;color:#7dd3fc;background:rgba(14,165,233,.15);border:1px solid rgba(14,165,233,.3)}.pr-surtido-web__intro>div{display:flex;flex-direction:column;min-width:0}.pr-surtido-web__intro small,.pr-surtido-web__cabecera small{font-size:9px;font-weight:900;letter-spacing:.12em;color:#38bdf8}.pr-surtido-web__intro strong{font-size:14px;margin-top:2px}.pr-surtido-web__intro span{font-size:10.5px;line-height:1.4;color:#8593a8;margin-top:2px}
.pr-surtido-web__principal,.pr-surtido-web__pie button{min-height:44px;border:0;border-radius:12px;color:#fff;font-weight:850;background:linear-gradient(105deg,#0284c7,#7c3aed 62%,#9333ea);box-shadow:0 9px 25px rgba(59,130,246,.2);cursor:pointer}.pr-surtido-web__principal i,.pr-surtido-web__pie button i{margin-right:8px}.pr-surtido-web button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.pr-surtido-web__secundario{padding:9px 13px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#101a2a;color:#c2ccdc;font-weight:800;cursor:pointer}
.pr-surtido-web__cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px}.pr-surtido-web__cabecera>div{display:flex;flex-direction:column}.pr-surtido-web__cabecera strong{font-size:13px;margin-top:2px}.pr-surtido-web__cabecera>b{font-size:19px;color:#7dd3fc}.pr-surtido-web__barra{height:7px;margin:9px 0 14px;border-radius:999px;overflow:hidden;background:#101b2b}.pr-surtido-web__barra span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0ea5e9,#8b5cf6);transition:width .2s ease}
.pr-surtido-web__scanner{display:flex;align-items:center;gap:9px;padding:7px 7px 7px 12px;border:1px solid rgba(125,211,252,.25);border-radius:13px;background:#07101d}.pr-surtido-web__scanner>i{color:#38bdf8}.pr-surtido-web__scanner input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#f5f7fa;font-size:14px}.pr-surtido-web__scanner input::placeholder{color:#64748b}.pr-surtido-web__scanner button{padding:9px 13px;border:0;border-radius:9px;background:#0369a1;color:#fff;font-weight:800;cursor:pointer}.pr-surtido-web__ayuda{margin:7px 2px 12px;color:#748298;font-size:9.5px;line-height:1.4}
.pr-surtido-web__mensaje{margin:10px 0;padding:10px 12px;border-radius:11px;font-size:11px;line-height:1.45;font-weight:650}.pr-surtido-web__mensaje.is-error{color:#fecdd3;background:rgba(244,63,94,.1);border:1px solid rgba(244,63,94,.28)}.pr-surtido-web__mensaje.is-warn{color:#fde68a;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.27)}
.pr-surtido-web__lineas{display:grid;gap:8px;max-height:350px;overflow:auto;padding-right:2px}.pr-surtido-linea{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(7,15,27,.78)}.pr-surtido-linea.is-ok{border-color:rgba(34,197,94,.28);background:rgba(34,197,94,.075)}.pr-surtido-linea__estado{width:31px;height:31px;display:grid;place-items:center;flex:none;border-radius:10px;color:#7c8ba3;background:#152238}.pr-surtido-linea.is-ok .pr-surtido-linea__estado{color:#4ade80;background:rgba(34,197,94,.15)}.pr-surtido-linea__copy{display:flex;flex:1;min-width:0;flex-direction:column}.pr-surtido-linea__copy strong{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pr-surtido-linea__copy span{margin-top:2px;color:#91a0b6;font-size:10.5px}.pr-surtido-linea__copy span b{color:#f8fafc;font-size:12px}.pr-surtido-linea__copy small{margin-top:2px;color:#596980;font-size:9px}.pr-surtido-linea>button{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(14,165,233,.32);border-radius:9px;background:rgba(14,165,233,.1);color:#7dd3fc;font-size:10px;font-weight:850;cursor:pointer}.pr-surtido-linea>em{color:#4ade80;font-size:10px;font-style:normal;font-weight:850}.pr-surtido-web__vacio{padding:18px;border:1px dashed rgba(251,113,133,.3);border-radius:12px;color:#fda4af;text-align:center;font-size:11px}
.pr-surtido-web__pie{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding-top:13px;border-top:1px solid rgba(255,255,255,.08)}.pr-surtido-web__pie>span{color:#8997aa;font-size:10.5px}.pr-surtido-web__pie button{padding:10px 14px;font-size:11px}.pr-preparar-inline{margin-top:3px;padding:5px 8px;border:1px solid rgba(14,165,233,.32);border-radius:8px;background:rgba(14,165,233,.09);color:#7dd3fc;font-size:9px;font-weight:850;cursor:pointer;white-space:nowrap}.pr-preparar-inline i{margin-right:5px}
@media(max-width:720px){.pr-surtido-web{padding:13px}.pr-surtido-web__scanner{align-items:stretch}.pr-surtido-web__scanner input{font-size:16px}.pr-surtido-web__lineas{max-height:42vh}.pr-surtido-web__pie{align-items:stretch;flex-direction:column}.pr-surtido-web__pie button{width:100%;min-height:46px}.pr-surtido-linea{padding:9px}.pr-surtido-linea__copy strong{white-space:normal}.pr-surtido-linea>button{padding:8px}}