/* FÉNIX ERP · Preparación de Pedidos v1 · móvil primero */
.prp1{--pbg:#07111f;--ppanel:#0b1728;--ppanel2:#102139;--pline:#294766;--porange:#ff7a00;--ptext:#f5f7fb;--pmuted:#8fa3bb;display:flex;flex-direction:column;gap:14px;color:var(--ptext);min-width:0}
.prp1 button,.prp1 input,.prp1 select{font:inherit}
.prp1-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:18px 18px 16px;border:1px solid rgba(255,122,0,.52);border-radius:16px;background:linear-gradient(145deg,#0d1d31,#081522);box-shadow:0 12px 28px rgba(0,0,0,.18)}
.prp1-top small{color:#ff8f2a;font-weight:900;letter-spacing:.12em}.prp1-top h3{font-size:24px;margin:3px 0 4px}.prp1-top p{margin:0;color:#93a7c0;max-width:760px}
.prp1-btn{min-height:38px;border:1px solid #315073;border-radius:10px;background:#102139;color:#dbe7f4;padding:8px 13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.prp1-btn:hover{border-color:#50749b;background:#142842}.prp1-btn:disabled{opacity:.48;cursor:not-allowed}.prp1-btn--primary{background:linear-gradient(180deg,#ff9638,#ff7100);border-color:#ff9b42;color:#111827;box-shadow:0 8px 20px rgba(255,122,0,.18)}.prp1-btn--ghost{background:transparent}.prp1-btn--icon{width:42px;padding:0}.prp1-lote{border-color:#ff7a00!important;background:rgba(255,122,0,.12)!important;color:#ffad67!important}
.prp1-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.prp1-kpi{min-width:0;text-align:left;border:1px solid #29435f;border-radius:14px;background:linear-gradient(145deg,#0e1d31,#091522);padding:14px;display:flex;align-items:center;gap:12px;color:#f5f7fb;cursor:pointer}.prp1-kpi span:last-child{min-width:0;display:grid;grid-template-columns:auto 1fr;gap:1px 8px;align-items:end}.prp1-kpi small{grid-column:1/-1;color:#9bb0c9;text-transform:uppercase;font-size:11px;font-weight:900}.prp1-kpi b{font-size:23px}.prp1-kpi em{font-style:normal;color:#c7d4e4;font-weight:800}.prp1-kpi__ico{width:42px;height:42px;border-radius:12px;display:grid!important;place-items:center!important;background:#172a42}.prp1-kpi.is-pend{border-left:3px solid #f5a800}.prp1-kpi.is-prep{border-left:3px solid #2684ff}.prp1-kpi.is-falt{border-left:3px solid #ef4444}.prp1-kpi.is-listo{border-left:3px solid #22c55e}.prp1-kpi.is-active{box-shadow:0 0 0 1px var(--porange),0 10px 25px rgba(0,0,0,.2)}
.prp1-filtros{display:flex;gap:8px;align-items:center;padding:10px;border:1px solid rgba(255,122,0,.52);border-radius:13px;background:#0c1a2c}.prp1-filtros select,.prp1-filtros label{min-height:40px;border:1px solid #294766;border-radius:10px;background:#081522;color:#eef4fb}.prp1-filtros select{padding:0 34px 0 12px}.prp1-filtros label{flex:1;display:flex;align-items:center;gap:8px;padding:0 12px}.prp1-filtros input{width:100%;border:0;outline:0;background:transparent;color:#fff}.prp1-filtros i{color:#7693b2}
.prp1-msg{padding:10px 13px;border-radius:10px;border:1px solid #7f1d1d;background:#3f1418;color:#fecaca}.prp1-loading{padding:42px;text-align:center;color:#9db0c7}
.prp1-layout{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:12px;min-height:540px}.prp1-cola,.prp1-det{border:1px solid #29435f;border-radius:15px;background:#081522;min-width:0;overflow:hidden}.prp1-cola>header{padding:13px 14px;border-bottom:1px solid #213a58;display:flex;justify-content:space-between;align-items:center}.prp1-cola>header span{min-width:30px;height:26px;border-radius:99px;background:#152a44;display:grid;place-items:center;font-weight:900}.prp1-cola__lista{padding:9px;display:flex;flex-direction:column;gap:8px;max-height:690px;overflow:auto}
.prp1-pedido{width:100%;border:1px solid #27425f;border-radius:12px;background:#0e1d31;color:#f4f7fb;padding:12px;text-align:left;cursor:pointer}.prp1-pedido:hover{border-color:#46698d}.prp1-pedido.is-selected{border-color:#ff7a00;box-shadow:0 0 0 1px rgba(255,122,0,.25);background:linear-gradient(100deg,rgba(255,122,0,.10),#0e1d31 32%)}.prp1-pedido__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.prp1-pedido__top b{font-size:12px;color:#9eb4cb}.prp1-pedido__top em,.prp1-det__folio em{font-style:normal;border-radius:99px;padding:4px 8px;font-size:11px;font-weight:900}.prp1-pedido__top em.is-pend,.prp1-det__folio em.is-pend{background:rgba(245,168,0,.14);color:#ffc43d}.prp1-pedido__top em.is-prep,.prp1-det__folio em.is-prep{background:rgba(38,132,255,.14);color:#77baff}.prp1-pedido__top em.is-falt,.prp1-det__folio em.is-falt{background:rgba(239,68,68,.14);color:#ff7a7a}.prp1-pedido__top em.is-listo,.prp1-det__folio em.is-listo{background:rgba(34,197,94,.14);color:#63df8b}.prp1-pedido__cliente{display:block;margin:8px 0;font-size:15px}.prp1-pedido__meta,.prp1-pedido__prep{display:flex;gap:12px;flex-wrap:wrap;color:#8fa4bd;font-size:12px}.prp1-pedido__meta span,.prp1-pedido__prep,.prp1-pedido__avance{display:flex;gap:5px;align-items:center}.prp1-pedido__prep,.prp1-pedido__avance{margin-top:6px}.prp1-pedido__avance{font-size:11px;font-weight:800;color:#a7bbd0}.prp1-pedido__avance .fa-triangle-exclamation{color:#fb7185}.prp1-pedido__avance .fa-circle-check{color:#4ade80}.prp1-pedido__avance .fa-hourglass-half{color:#60a5fa}
.prp1-det{padding:14px}.prp1-det__head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:4px 2px 14px;border-bottom:1px solid #213a58}.prp1-det__folio{display:flex;align-items:center;gap:9px}.prp1-det__folio b{font-size:22px}.prp1-det__cliente{border:0;background:none;color:#fff;padding:5px 0;font-size:20px;font-weight:900;text-align:left;cursor:pointer}.prp1-det__cliente:not(:disabled):hover{color:#ff9b45;text-decoration:underline}.prp1-det__cliente:disabled{cursor:default}.prp1-det__meta{display:flex;gap:14px;flex-wrap:wrap;color:#93a7c0;font-size:13px}.prp1-det__meta span{display:flex;gap:5px;align-items:center}
.prp1-productos{margin-top:12px;border:1px solid #213a58;border-radius:12px;overflow:hidden}.prp1-productos__head{height:42px;padding:0 12px;background:#0d1d31;display:flex;align-items:center;gap:9px}.prp1-productos__head span{background:#172b44;border-radius:99px;padding:3px 8px;font-size:11px;color:#9eb1c7}
.prp1-linea{display:grid;grid-template-columns:54px minmax(0,1fr) 110px minmax(230px,290px);gap:10px;align-items:center;padding:9px 11px;border-top:1px solid #1c334d;background:#091725}.prp1-linea:first-of-type{border-top:0}.prp1-linea.is-completo{background:linear-gradient(90deg,rgba(34,197,94,.035),#091725 22%)}.prp1-linea.is-faltante{background:linear-gradient(90deg,rgba(239,68,68,.055),#091725 22%)}.prp1-linea__foto{width:46px;height:46px;border-radius:9px;background:#fff;display:grid;place-items:center;overflow:hidden;color:#5f7084}.prp1-linea__foto img{width:100%;height:100%;object-fit:contain}.prp1-linea__copy{min-width:0}.prp1-linea__copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prp1-linea__copy span{font-size:11px;color:#7f95ae}.prp1-linea__cant small{display:block;color:#8197b0;font-size:10px;text-transform:uppercase;font-weight:900}.prp1-linea__cant b{display:block;margin-top:2px}.prp1-linea__acciones{display:grid;grid-template-columns:1fr 1fr;gap:7px}.prp1-linea__acciones button{min-height:36px;border:1px solid #355270;border-radius:9px;background:#102139;color:#dce7f2;font-weight:900;cursor:pointer}.prp1-linea__acciones button.is-completo.is-active{background:#0b6d47;border-color:#23c985;color:#fff}.prp1-linea__acciones button.is-faltante{border-color:#7e3140;color:#ff8a95}.prp1-linea__acciones button.is-faltante.is-active{background:#b32635;border-color:#ef4454;color:#fff}.prp1-linea__acciones button:disabled{opacity:.5}
.prp1-resumen{display:grid;grid-template-columns:repeat(6,1fr);margin-top:12px;border:1px solid #29435f;border-radius:12px;background:#0d1d31}.prp1-resumen span{padding:11px;text-align:center;border-left:1px solid #213a58}.prp1-resumen span:first-child{border-left:0}.prp1-resumen small{display:block;color:#8ba0b9;font-size:10px;text-transform:uppercase;font-weight:900}.prp1-resumen b{font-size:19px}.prp1-resumen .is-ok b{color:#4ade80}.prp1-resumen .is-falt b{color:#fb7185}.prp1-det__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px}.prp1-auto{color:#8297af;font-size:12px;display:flex;align-items:center;gap:6px}
.prp1-vacio{min-height:150px;display:grid;place-items:center;align-content:center;gap:7px;text-align:center;color:#8398b0;padding:20px}.prp1-vacio i{font-size:27px;color:#ff8520}.prp1-vacio--grande{min-height:430px}
.prp1-asignar{width:min(720px,94vw)!important;background:linear-gradient(155deg,#0d1b2e,#07111e)!important;border:1px solid rgba(255,122,0,.55)!important;color:#f5f7fb!important;overflow:hidden}.prp1-asignar header{display:flex;gap:12px;align-items:center;padding:16px;border-bottom:1px solid #213a58}.prp1-asignar header>div:nth-child(2){flex:1}.prp1-asignar header small{color:#ff8b27;font-weight:900;letter-spacing:.12em}.prp1-asignar header h3{margin:2px 0;font-size:22px}.prp1-asignar header p{margin:0;color:#91a5bd}.prp1-asignar header>button{border:1px solid #315073;background:#102139;color:#dce8f4;border-radius:9px;width:36px;height:36px}.prp1-asignar__ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:rgba(255,122,0,.13);color:#ff932f;font-size:20px}.prp1-asignar__body{padding:15px}.prp1-asignar__ayuda{margin:0 0 11px;color:#9baec4}.prp1-asignar__usuarios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:390px;overflow:auto}.prp1-asignar__usuarios>button{border:1px solid #29435f;border-radius:11px;background:#0a1829;color:#eef4fb;padding:10px;display:grid;grid-template-columns:42px minmax(0,1fr) 22px;gap:9px;align-items:center;text-align:left}.prp1-asignar__usuarios>button.is-active{border-color:#ff7a00;background:rgba(255,122,0,.09)}.prp1-asignar__usuarios>button span:nth-child(2){min-width:0}.prp1-asignar__usuarios strong,.prp1-asignar__usuarios small{display:block}.prp1-asignar__usuarios small{color:#8398b0;margin-top:2px}.prp1-avatar{width:38px;height:38px;border-radius:50%;display:grid!important;place-items:center;background:#17304d;color:#fff;font-weight:900}.prp1-asignar footer{padding:12px 15px;border-top:1px solid #213a58;display:flex;justify-content:flex-end;gap:8px}

@media(max-width:900px){.prp1-kpis{grid-template-columns:repeat(2,1fr)}.prp1-layout{grid-template-columns:minmax(260px,340px) minmax(0,1fr)}.prp1-linea{grid-template-columns:50px minmax(0,1fr) 92px}.prp1-linea__acciones{grid-column:2/-1}}
@media(max-width:760px){
  .prp1{gap:10px}.prp1-top{padding:13px;display:block}.prp1-top h3{font-size:21px}.prp1-top .prp1-btn{margin-top:10px;width:100%}
  .prp1-kpis{gap:7px}.prp1-kpi{padding:10px;gap:8px}.prp1-kpi__ico{width:36px;height:36px}.prp1-kpi b{font-size:20px}.prp1-kpi em{font-size:11px}
  .prp1-filtros{display:grid;grid-template-columns:1fr 1fr}.prp1-filtros label{grid-column:1/-1}.prp1-filtros .prp1-btn--icon{position:absolute;right:20px;margin-top:54px}
  .prp1-layout{display:block;min-height:0}.prp1-cola,.prp1-det{border-radius:13px}.prp1-cola{display:block}.prp1-cola__lista{max-height:none}.prp1-det{margin-top:10px;padding:10px}
  .prp1-det__head{display:block}.prp1-det__head>.prp1-btn{width:100%;margin-top:10px}.prp1-det__folio b{font-size:18px}.prp1-det__cliente{font-size:18px}
  .prp1-linea{grid-template-columns:48px minmax(0,1fr) 82px;padding:9px 8px;gap:8px}.prp1-linea__acciones{grid-column:1/-1;grid-template-columns:1fr 1fr}.prp1-linea__acciones button{min-height:44px}.prp1-linea__copy strong{white-space:normal}
  .prp1-resumen{grid-template-columns:repeat(5,minmax(62px,1fr));overflow-x:auto}.prp1-resumen span{padding:8px 5px}.prp1-resumen b{font-size:17px}
  .prp1-det__footer{position:sticky;bottom:0;z-index:4;margin:10px -10px -10px;padding:10px;background:rgba(7,17,31,.96);border-top:1px solid #29435f}.prp1-auto{display:none}.prp1-det__footer .prp1-btn{width:100%;min-height:46px}
  .prp1-asignar__usuarios{grid-template-columns:1fr}.prp1-asignar footer{position:sticky;bottom:0;background:#07111e}.prp1-asignar footer .prp1-btn{flex:1}
}
.light .prp1{--ptext:#0f172a}.light .prp1-top,.light .prp1-kpi,.light .prp1-filtros,.light .prp1-cola,.light .prp1-det,.light .prp1-pedido,.light .prp1-productos,.light .prp1-linea,.light .prp1-resumen{background:#fff;color:#0f172a}.light .prp1-filtros input,.light .prp1-filtros select{color:#0f172a;background:#fff}.light .prp1-det__cliente{color:#0f172a}.light .prp1-linea__foto{border:1px solid #dbe3ec}

/* Acceso directo al cliente también en tarjeta móvil; la tarjeta sigue abriendo productos fuera de este botón. */
.pr3-tarjeta__cliente--link{display:block;width:100%;border:0;background:transparent;color:inherit;padding:0;text-align:left;font:inherit;font-weight:inherit;cursor:pointer}
.pr3-tarjeta__cliente--link:hover{color:#ff9b45;text-decoration:underline}
.pr3-tarjeta__cliente--link:disabled{cursor:default;text-decoration:none;color:inherit}

.prp1-faltante-modal{width:min(520px,94vw)!important;background:linear-gradient(155deg,#0d1b2e,#07111e)!important;border:1px solid rgba(239,68,68,.58)!important;color:#f5f7fb!important;overflow:hidden}
.prp1-faltante-modal header{display:flex;gap:12px;align-items:center;padding:16px;border-bottom:1px solid #213a58}.prp1-faltante-modal header>div:nth-child(2){flex:1;min-width:0}.prp1-faltante-modal header small{color:#fb7185;font-weight:900;letter-spacing:.12em}.prp1-faltante-modal header h3{margin:2px 0;font-size:21px}.prp1-faltante-modal header p{margin:0;color:#9fb1c7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prp1-faltante-modal header>button{width:36px;height:36px;border-radius:9px;border:1px solid #315073;background:#102139;color:#fff}
.prp1-faltante-modal__ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:rgba(239,68,68,.12);color:#fb7185;font-size:20px}.prp1-faltante-modal__body{padding:16px;display:grid;gap:12px}.prp1-faltante-modal__sol,.prp1-faltante-modal__encontradas{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid #29435f;border-radius:10px;background:#0b1828}.prp1-faltante-modal__body label{display:grid;gap:7px;color:#dbe7f4;font-weight:900}.prp1-faltante-modal__body input{width:100%;min-height:54px;border-radius:11px;border:2px solid #ef4444;background:#081522;color:#fff;padding:0 14px;font-size:22px;font-weight:900;outline:none}.prp1-faltante-modal__body input:focus{border-color:#ff7a00;box-shadow:0 0 0 3px rgba(255,122,0,.14)}.prp1-faltante-modal__body p{margin:0;color:#8ea4bd;font-size:12px}.prp1-faltante-modal footer{padding:12px 16px;border-top:1px solid #213a58;display:flex;gap:8px;justify-content:flex-end}
@media(max-width:760px){.prp1-faltante-modal{width:calc(100vw - 18px)!important}.prp1-faltante-modal footer{position:sticky;bottom:0;background:#07111e}.prp1-faltante-modal footer .prp1-btn{flex:1;min-height:46px}.prp1-resumen{grid-template-columns:repeat(6,minmax(72px,1fr))}}
.light .prp1-faltante-modal{background:#fff!important;color:#0f172a!important}.light .prp1-faltante-modal__sol,.light .prp1-faltante-modal__encontradas,.light .prp1-faltante-modal__body input{background:#fff;color:#0f172a}

.prp1-cantidad-pendiente{margin-top:10px;padding:10px 12px;border:1px solid rgba(245,158,11,.55);border-radius:10px;background:rgba(245,158,11,.08);color:#fbbf24;font-size:12px;font-weight:800;display:flex;align-items:center;gap:7px}

/* ── Rediseño 2026-10-21 · acordeón estilo Fénix Aurora (CTA naranja/ámbar) ── */
.prp2{--prp2-cta:var(--fx-aurora-primary,linear-gradient(100deg,#ff7219 0%,#ffb52e 100%));--prp2-or:#ff7a17;--prp2-panel:#0e1726;--prp2-panel2:#0a111c;--prp2-line:#243246}
.prp2-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:18px;border:1px solid rgba(255,122,23,.55);background:radial-gradient(120% 140% at 0% 0%,rgba(255,122,23,.18),transparent 55%),linear-gradient(145deg,#111b2b,#0a111c);box-shadow:0 14px 34px rgba(0,0,0,.28),0 0 26px rgba(255,122,23,.08)}
.prp2-head>div{flex:1;min-width:0}.prp2-head small{color:#ff9a3d;font-weight:900;letter-spacing:.14em;font-size:11px}.prp2-head h3{margin:2px 0 0;font-size:22px;font-weight:900}
.prp2-head__n{min-width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:20px;font-weight:900;color:#1a0f02;background:var(--prp2-cta);box-shadow:0 8px 22px rgba(255,122,23,.3)}
.prp2-icon{width:44px;height:44px;border-radius:12px;border:1px solid var(--prp2-line);background:var(--prp2-panel2);color:#e7eef8;cursor:pointer}.prp2-icon:hover{border-color:var(--prp2-or);color:#ffb26b}
.prp2-lista{display:flex;flex-direction:column;gap:12px}
.prp2-card{border-radius:18px;border:1px solid var(--prp2-line);background:linear-gradient(160deg,var(--prp2-panel),var(--prp2-panel2));overflow:hidden;transition:border-color .18s,box-shadow .18s;scroll-margin-top:12px;position:relative}
.prp2-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#475569}
.prp2-card.is-pend::before{background:#f59e0b}.prp2-card.is-prep::before{background:var(--prp2-cta)}.prp2-card.is-falt::before{background:#ef4444}.prp2-card.is-listo::before{background:#22c55e}
.prp2-card:hover{border-color:#3b4b62}.prp2-card.is-open{border-color:rgba(255,122,23,.8);box-shadow:0 0 0 1px rgba(255,122,23,.25),0 18px 40px rgba(0,0,0,.35),0 0 28px rgba(255,122,23,.1)}
.prp2-card__head{all:unset;box-sizing:border-box;display:grid;grid-template-columns:1fr auto;gap:6px 10px;width:100%;padding:16px 18px 14px 20px;cursor:pointer;color:#f5f7fb}
.prp2-card__head:focus-visible{outline:3px solid rgba(255,122,23,.75);outline-offset:-3px;border-radius:18px}
.prp2-card__top{grid-column:1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.prp2-card__top b{font-size:13px;color:#9fb0c6;letter-spacing:.04em}
.prp2-badge{font-style:normal;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;font-size:12px;font-weight:900;border:1px solid transparent}
.prp2-badge.is-pend{color:#fbbf24;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.35)}.prp2-badge.is-prep{color:#ffad5c;background:rgba(255,122,23,.13);border-color:rgba(255,122,23,.4)}.prp2-badge.is-falt{color:#fb7185;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.38)}.prp2-badge.is-listo{color:#4ade80;background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.35)}.prp2-badge.is-muted{color:#9fb0c6;background:rgba(148,163,184,.12)}
.prp2-card__cliente{grid-column:1;font-size:20px;font-weight:900;line-height:1.2}
.prp2-card__meta{grid-column:1;display:flex;gap:14px;flex-wrap:wrap;color:#9fb0c6;font-size:13.5px}.prp2-card__meta i{color:#ff9a3d;margin-right:6px}
.prp2-progreso{grid-column:1/-1;height:8px;border-radius:99px;background:#1b2636;overflow:hidden;margin-top:4px}.prp2-progreso>span{display:block;height:100%;border-radius:99px;background:var(--prp2-cta);transition:width .3s}
.prp2-card__avance{grid-column:1/-1;font-size:13px;font-weight:800;color:#cbd5e1}
.prp2-card__chev{grid-column:2;grid-row:1/4;align-self:center;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#162132;color:#ffb26b;transition:transform .2s}
.prp2-card.is-open .prp2-card__chev{transform:rotate(180deg);background:rgba(255,122,23,.16)}
.prp2-card__body{padding:4px 16px 16px 20px;display:flex;flex-direction:column;gap:12px;animation:prp2-abre .18s ease-out}
@keyframes prp2-abre{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.prp2-cta{width:100%;min-height:56px;border:0;border-radius:15px;background:var(--prp2-cta);color:#1a0f02;font-size:17px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 12px 26px rgba(255,122,23,.28)}
.prp2-cta:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.prp2-cta:focus-visible{outline:3px solid #ffd29a;outline-offset:2px}.prp2-cta:disabled{background:#2a3445;color:#8a99ad;box-shadow:none;cursor:not-allowed}
.prp2-link{align-self:flex-start;border:1px solid var(--prp2-line);background:transparent;color:#ffb26b;border-radius:10px;padding:7px 12px;font-weight:800;cursor:pointer;display:inline-flex;gap:8px;align-items:center}
.prp2-lineas{display:flex;flex-direction:column;gap:9px}
.prp2-linea{border-radius:14px;border:1px solid var(--prp2-line);background:#0b1320;padding:10px;display:grid;gap:10px}
.prp2-linea.is-completo{border-color:rgba(34,197,94,.45);background:linear-gradient(90deg,rgba(34,197,94,.08),#0b1320 40%)}.prp2-linea.is-faltante{border-color:rgba(239,68,68,.45);background:linear-gradient(90deg,rgba(239,68,68,.08),#0b1320 40%)}
.prp2-linea__info{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center}
.prp2-linea__foto{width:56px!important;height:56px!important;border-radius:12px!important}
.prp2-linea__copy{min-width:0}.prp2-linea__copy strong{display:block;font-size:15px;font-weight:900;line-height:1.25}.prp2-linea__copy span{font-size:12px;color:#8fa1b8}
.prp2-linea__cant{text-align:center;min-width:64px;padding:6px 10px;border-radius:12px;background:#151f2e;border:1px solid var(--prp2-line)}.prp2-linea__cant b{display:block;font-size:22px;font-weight:900;color:#ffb26b;line-height:1}.prp2-linea__cant small{font-size:11px;color:#8fa1b8;font-weight:800}
.prp2-linea__acciones{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.prp2-linea__acciones button{min-height:50px;border-radius:13px;font-size:15px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid var(--prp2-line);background:#131c2a;color:#dbe5f1;transition:background .15s,border-color .15s}
.prp2-linea__acciones button:focus-visible{outline:3px solid rgba(255,122,23,.75);outline-offset:2px}.prp2-linea__acciones button:disabled{opacity:.55;cursor:not-allowed}
.prp2 .prp2-linea__acciones .prp2-ok:hover:not(:disabled):not(.is-active){border-color:#22c55e;color:#4ade80}.prp2 .prp2-linea__acciones .prp2-ok.is-active{background:#16a34a;border-color:#22c55e;color:#fff;box-shadow:0 6px 16px rgba(34,197,94,.25)}
.prp2 .prp2-linea__acciones .prp2-falta:hover:not(:disabled):not(.is-active){border-color:#ef4444;color:#fb7185}.prp2 .prp2-linea__acciones .prp2-falta.is-active{background:#dc2626;border-color:#ef4444;color:#fff;box-shadow:0 6px 16px rgba(239,68,68,.25)}
.prp2-resumen{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.prp2-resumen span{padding:10px 6px;border-radius:12px;background:#0b1320;border:1px solid var(--prp2-line);text-align:center}.prp2-resumen b{display:block;font-size:20px;font-weight:900}.prp2-resumen small{font-size:10.5px;color:#8fa1b8;font-weight:900;text-transform:uppercase}.prp2-resumen .is-ok b{color:#4ade80}.prp2-resumen .is-falt b{color:#fb7185}
.prp2-footer{display:flex;flex-direction:column;gap:8px;padding-top:4px}.prp2-msg{margin:0}
.prp2-hecho{padding:14px;border-radius:14px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.4);color:#4ade80;font-weight:900;display:flex;gap:9px;align-items:center}
.prp2-ok-msg{padding:12px 14px;border-radius:13px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.45);color:#4ade80;font-weight:900;display:flex;gap:9px;align-items:center}
.prp2-vacio{border:1px dashed #334155;border-radius:18px}.prp2-vacio i{color:#22c55e}
@media(max-width:760px){
  .prp2-head{padding:13px 14px}.prp2-head h3{font-size:19px}
  .prp2-card__head{padding:14px 14px 12px 16px}.prp2-card__cliente{font-size:18px}.prp2-card__chev{width:36px;height:36px}
  .prp2-card__body{padding:2px 10px 12px 14px}
  .prp2-linea__info{grid-template-columns:48px minmax(0,1fr) auto;gap:9px}.prp2-linea__foto{width:48px!important;height:48px!important}
  .prp2-resumen{grid-template-columns:repeat(2,1fr)}
  .prp2-footer.prp1-det__footer{position:sticky;bottom:0;z-index:4;margin:0 -10px -12px -14px;padding:10px 12px;background:rgba(10,17,28,.96);border-top:1px solid var(--prp2-line);backdrop-filter:blur(6px)}
}
.light .prp2-head,.light .prp2-card{background:#fff;color:#0f172a;border-color:#e2e8f0}.light .prp2-card__head{color:#0f172a}.light .prp2-card__meta,.light .prp2-card__top b,.light .prp2-card__avance{color:#475569}
.light .prp2-linea,.light .prp2-resumen span,.light .prp2-linea__cant,.light .prp2-linea__acciones button,.light .prp2-icon,.light .prp2-card__chev{background:#f8fafc;color:#0f172a;border-color:#e2e8f0}
.light .prp2-progreso{background:#e2e8f0}.light .prp2-card.is-open{border-color:#ff7a17}.light .prp2-ok.is-active{background:#16a34a;color:#fff}.light .prp2-falta.is-active{background:#dc2626;color:#fff}
.light .prp2-footer.prp1-det__footer{background:rgba(255,255,255,.96)}
.prp2 .prp2-head h3{font-size:22px;font-weight:900;text-transform:none;letter-spacing:0;color:#f5f7fb;margin:2px 0 0}
.light .prp2 .prp2-head h3{color:#0f172a}
@media(max-width:760px){.prp2 .prp2-head h3{font-size:19px}}
/* 2026-10-21: "Todas" junto a piezas faltantes y botón "Pedido completo" */
.prp1-faltante-modal__campo{display:grid;gap:7px;color:#dbe7f4;font-weight:900}
.prp1-faltante-modal__fila{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:10px;align-items:stretch}
.prp1-faltante-modal__fila input{min-width:0}
.prp1-faltante-todas{border-radius:11px;border:2px solid rgba(239,68,68,.6);background:rgba(239,68,68,.1);color:#fda4af;font-weight:900;display:grid;place-items:center;align-content:center;gap:1px;cursor:pointer;min-height:54px}
.prp1-faltante-todas b{font-size:17px}.prp1-faltante-todas small{font-size:11px;font-weight:800;opacity:.85}
.prp1-faltante-todas:hover{background:rgba(239,68,68,.18)}.prp1-faltante-todas.is-active{background:#dc2626;border-color:#ef4444;color:#fff}
.prp1-faltante-todas:focus-visible{outline:3px solid rgba(255,122,23,.75);outline-offset:2px}
.prp2-acciones-top{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}
.prp2-completo{flex:1 1 220px;min-height:54px;border:0;border-radius:15px;background:linear-gradient(100deg,#16a34a,#22c55e);color:#fff;font-size:17px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 10px 24px rgba(34,197,94,.3),0 0 0 1px rgba(74,222,128,.35) inset}
.prp2-completo:hover:not(:disabled){filter:brightness(1.07)}.prp2-completo:focus-visible{outline:3px solid #bbf7d0;outline-offset:2px}.prp2-completo:disabled{opacity:.6;cursor:not-allowed}
.prp2-completo.is-confirmar{background:linear-gradient(100deg,#ff7219,#ffb52e);color:#1a0f02;box-shadow:0 10px 24px rgba(255,122,23,.35);animation:prp2-pulso .9s ease-in-out infinite alternate}
@keyframes prp2-pulso{from{box-shadow:0 0 0 0 rgba(255,122,23,.55)}to{box-shadow:0 0 0 7px rgba(255,122,23,0)}}
.prp2-acciones-top .prp2-link{align-self:stretch;display:inline-flex;align-items:center;padding:0 16px}
.light .prp1-faltante-todas{background:#fff1f2;color:#be123c}.light .prp1-faltante-todas.is-active{background:#dc2626;color:#fff}
/* 2026-10-21: modo claro completo en la vista de supervisión (antes quedaban el
   buscador, los botones y los íconos de indicadores en azul marino). */
.light .prp1-top{background:linear-gradient(145deg,#fff,#fff7ed);border-color:#fdba74;box-shadow:0 6px 18px rgba(15,23,42,.06)}
.light .prp1-top small{color:#c2410c}.light .prp1-top h3{color:#0f172a}.light .prp1-top p{color:#475569}
.light .prp1-btn{background:#fff;border-color:#cbd5e1;color:#334155}
.light .prp1-btn:hover{background:#fff7ed;border-color:#fdba74;color:#9a3412}
.light .prp1-btn--primary{background:linear-gradient(180deg,#ff9638,#ff7100);border-color:#ff9b42;color:#111827}
.light .prp1-kpi{border-color:#dbe3ec;box-shadow:0 4px 12px rgba(15,23,42,.05)}
.light .prp1-kpi small{color:#526174}.light .prp1-kpi b{color:#0f172a}.light .prp1-kpi em{color:#475569}
.light .prp1-kpi__ico{background:#f1f5f9;color:#334155}
.light .prp1-kpi.is-pend .prp1-kpi__ico{background:#fff3d6;color:#b45309}.light .prp1-kpi.is-prep .prp1-kpi__ico{background:#e3efff;color:#1d4ed8}
.light .prp1-kpi.is-falt .prp1-kpi__ico{background:#fee2e2;color:#b91c1c}.light .prp1-kpi.is-listo .prp1-kpi__ico{background:#dcfce7;color:#15803d}
.light .prp1-filtros{border-color:#fdba74}
.light .prp1-filtros select,.light .prp1-filtros label{background:#fff;border-color:#cbd5e1;color:#0f172a}
.light .prp1-filtros i{color:#64748b}
.light .prp1-vacio{color:#475569}

/* Cerrar desde Preparación (2026-10-22): listo para salir / mandar a ruta. */
.prp2-cierre{display:flex;flex-wrap:wrap;gap:10px;padding:0 18px 16px}
.prp2-cierre button{flex:1 1 220px;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 16px;border-radius:14px;font:inherit;font-weight:850;font-size:15px;cursor:pointer}
.prp2-cierre__listo{border:1px solid rgba(14,165,233,.55);background:rgba(14,165,233,.12);color:#38bdf8}
.prp2-cierre__ruta{border:1px solid transparent;background:linear-gradient(100deg,#ff7219,#ffb52e);color:#090b0f}
.prp2-cierre__nota{flex:1 1 100%;color:#38bdf8;font-weight:700;font-size:13px}
.prp2-cierre__nota i{margin-right:6px}
.light .prp2-cierre__listo{color:#0369a1;background:#e0f2fe;border-color:#7dd3fc}
.light .prp2-cierre__nota{color:#0369a1}

/* Botones Tabla / Flujo / Preparación y "Seleccionar todos" más grandes y
   llamativos (2026-10-22, Raúl). */
.pr3-barra .pr3-vistas{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;width:100%;max-width:640px;padding:6px;border-radius:16px;border:1px solid rgba(255,122,23,.45);background:#0b1728;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.pr3-barra .pr3-vistas button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:54px;padding:0 10px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(255,255,255,.04);color:#e2e8f0;font-size:16px;font-weight:850;letter-spacing:.1px;cursor:pointer;transition:transform .12s ease,background .15s ease}
.pr3-barra .pr3-vistas button i{font-size:19px;color:#ffb066}
.pr3-barra .pr3-vistas button:not([aria-pressed="true"]):hover{background:rgba(255,122,23,.12);border-color:rgba(255,122,23,.4)}
.pr3-barra .pr3-vistas button:active{transform:translateY(1px)}
.pr3-barra .pr3-vistas button[aria-pressed="true"]{background:linear-gradient(100deg,#ff7219,#ffb52e);border-color:transparent;color:#111827;box-shadow:0 8px 22px rgba(255,122,23,.38)}
.pr3-barra .pr3-vistas button[aria-pressed="true"] i{color:#111827}
.pr3-barra .pr3-seltodos{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 18px;border:1.5px solid #ff7a17;border-radius:12px;background:rgba(255,122,23,.14);color:#ffb066;font-size:15.5px;font-weight:850;box-shadow:0 6px 18px rgba(255,122,23,.18)}
.pr3-barra .pr3-seltodos i{font-size:17px}
.light .pr3-barra .pr3-vistas{background:#fff;border-color:#fdba8c;box-shadow:0 6px 18px rgba(15,23,42,.08)}
.light .pr3-barra .pr3-vistas button:not([aria-pressed="true"]){background:#f8fafc;border-color:#e2e8f0;color:#1e293b}
.light .pr3-barra .pr3-vistas button i{color:#ea580c}
.light .pr3-barra .pr3-vistas button:not([aria-pressed="true"]):hover{background:#fff4e8;border-color:#fdba8c}
.light .pr3-barra .pr3-vistas button[aria-pressed="true"]{background:linear-gradient(100deg,#f97316,#fbbf24);border-color:transparent;color:#111827;box-shadow:0 8px 20px rgba(249,115,22,.3)}
.light .pr3-barra .pr3-vistas button[aria-pressed="true"] i{color:#111827}
.light .pr3-barra .pr3-seltodos{background:#fff4e8;color:#c2410c;border-color:#f97316}
@media(max-width:720px){.pr3-barra .pr3-vistas{max-width:none}.pr3-barra .pr3-vistas button{flex-direction:column;gap:4px;min-height:62px;padding:6px 4px;font-size:14px;line-height:1.1}.pr3-barra .pr3-seltodos{width:100%;justify-content:center;margin-top:8px}}
/* Preparación sin internet (2026-10-22). */
.prp2-sin-red{display:flex;align-items:flex-start;gap:10px;margin:0 0 12px;padding:12px 14px;border-radius:14px;border:1px solid rgba(245,158,11,.5);background:rgba(245,158,11,.12);color:#fbbf24;font-size:14px;line-height:1.4}
.prp2-sin-red i{margin-top:2px}
.prp2-sin-red b{color:inherit}
.prp2-sin-red.is-subiendo{border-color:rgba(56,189,248,.5);background:rgba(56,189,248,.1);color:#7dd3fc}
.prp2-por-subir{display:inline-flex;align-items:center;gap:5px;margin-top:4px;padding:2px 8px;border-radius:999px;background:rgba(245,158,11,.16);color:#fbbf24;font-size:11px;font-weight:800;font-style:normal;width:max-content}
.light .prp2-sin-red{color:#92400e;background:#fffbeb;border-color:#fcd34d}
.light .prp2-sin-red.is-subiendo{color:#075985;background:#f0f9ff;border-color:#7dd3fc}
.light .prp2-por-subir{color:#b45309;background:#fef3c7}

/* Filtros de Preparación en celular (2026-10-23, Raúl: "no está parejo con
   lo demás"): los selects no se encogían y empujaban toda la vista hacia la
   derecha. Cuadrícula que respeta el ancho: selects arriba, buscar + botón. */
@media(max-width:760px){
  .prp1-filtros{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:8px;max-width:100%;box-sizing:border-box}
  .prp1-filtros select{width:100%;min-width:0;max-width:100%;grid-column:1 / -1}
  .prp1-filtros label{grid-column:1 / span 2;min-width:0}
  .prp1-filtros .prp1-btn--icon{position:static;margin:0;width:44px;min-height:40px;grid-column:3}
  .prp1,.prp2{max-width:100%;min-width:0;overflow-x:clip}
}
/* "Lo demás con faltante" (2026-10-27): todo lo pendiente a faltante de un jalón. */
.prp2-faltantes{width:100%;min-height:52px;margin-bottom:10px;border:1px solid rgba(248,113,113,.55);border-radius:15px;background:rgba(239,68,68,.12);color:#fca5a5;font-size:16px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}
.prp2-faltantes:hover:not(:disabled){background:rgba(239,68,68,.2)}.prp2-faltantes:focus-visible{outline:3px solid #fecaca;outline-offset:2px}.prp2-faltantes:disabled{opacity:.6;cursor:not-allowed}
.prp2-faltantes.is-confirmar{background:linear-gradient(100deg,#dc2626,#f87171);color:#fff;border-color:transparent;animation:prp2-pulso .9s ease-in-out infinite alternate}
body.light .prp2-faltantes{background:#fef2f2;color:#b91c1c;border-color:#fca5a5}
body.light .prp2-faltantes.is-confirmar{background:linear-gradient(100deg,#dc2626,#f87171);color:#fff}
/* Filtros con botones (2026-10-28): asignado a, ruta y fecha de asignación. */
.prp3-filtros-botones{display:flex;flex-direction:column;gap:10px;margin:2px 0 14px}
.prp3-chips{display:flex;flex-direction:column;gap:6px;min-width:0}
.prp3-chips__t{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#9aa4b2;display:flex;align-items:center;gap:7px}
.prp3-chips__fila{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.prp3-chip{flex:0 0 auto;min-height:42px;padding:0 15px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:inherit;font:inherit;font-size:14.5px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap}
.prp3-chip b{font-size:12.5px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.1);display:inline-flex;align-items:center;justify-content:center}
.prp3-chip:hover{border-color:#ff9b3d}.prp3-chip:focus-visible{outline:3px solid #ffd097;outline-offset:2px}
.prp3-chip.is-on{background:linear-gradient(100deg,#ff7219,#ffb52e);color:#1a0f02;border-color:transparent}
.prp3-chip.is-on b{background:rgba(0,0,0,.15)}
.prp3-limpiar{align-self:flex-start;min-height:38px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:transparent;color:#ffb35c;font:inherit;font-weight:800;display:inline-flex;align-items:center;gap:8px;cursor:pointer}
body.light .prp3-chips__t{color:#5b6472}
body.light .prp3-chip{background:#fff;border-color:#d8dde6}
body.light .prp3-chip b{background:#eef1f5}
body.light .prp3-chip.is-on{color:#1a0f02}
body.light .prp3-limpiar{color:#c25a00;border-color:#d8dde6}

/* 2026-11-04 · Preparación de pedidos como módulo propio: dentro de él solo se
   ve la preparación; el encabezado, KPIs, filtros y barra de Pedidos de Ruta
   se ocultan (los modales de "Poner en ruta" siguen disponibles). */
.pr3--solo-prep>.pr3-head,.pr3--solo-prep>.pr3-aviso,.pr3--solo-prep>.pr3-kpis,.pr3--solo-prep>.pr3-filtros,.pr3--solo-prep>.pr3-barra,.pr3--solo-prep>details.fx-aurora-surface{display:none!important}
/* Pedidos de otro preparador: solo consulta. */
.prp2-solo-ver{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:9px 12px;border-radius:10px;background:rgba(148,163,184,.10);border:1px solid rgba(148,163,184,.28);color:var(--sub,#94a3b8);font-size:13px;font-weight:700}
.prp2-estado-linea{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border-radius:10px;font-size:13px;font-weight:800;border:1px solid rgba(148,163,184,.3);color:var(--sub,#94a3b8)}
.prp2-estado-linea.is-completo{color:#22c55e;border-color:rgba(34,197,94,.45);background:rgba(34,197,94,.08)}
.prp2-estado-linea.is-faltante{color:#f59e0b;border-color:rgba(245,158,11,.5);background:rgba(245,158,11,.08)}
.prp2-alcance{margin:4px 0 12px}
/* 2026-11-04 · Quitar del pedido lo que no hubo (solo con permiso). */
.prp2-quitar{display:flex;flex-direction:column;gap:8px;margin:0 0 10px}
.prp2-quitar__btn{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;border:1px solid rgba(245,158,11,.55);background:rgba(245,158,11,.12);color:#fbbf24;font:inherit;font-size:14.5px;font-weight:850;cursor:pointer}
.prp2-quitar__btn:hover:not(:disabled){background:rgba(245,158,11,.2)}
.prp2-quitar__btn:focus-visible{outline:2px solid #ff7a17;outline-offset:2px}
.prp2-quitar__btn:disabled{opacity:.5;cursor:not-allowed}
.prp2-quitar.is-confirmar .prp2-quitar__btn{background:var(--fx-aurora-primary,linear-gradient(100deg,#ff7219,#ffb52e));color:#090b0f;border-color:transparent}
.prp2-quitar__lista{list-style:none;margin:0;padding:10px 12px;border-radius:12px;border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.06);display:flex;flex-direction:column;gap:6px;font-size:13px}
.prp2-quitar__lista li{display:flex;justify-content:space-between;gap:10px}
.prp2-quitar__lista li span{color:var(--sub,#94a3b8);font-weight:700;text-align:right}
.prp2-quitar__lista li.is-total{border-top:1px dashed rgba(245,158,11,.35);padding-top:6px}
.prp2-quitar__lista li.is-total span{color:#fbbf24}

/* 2026-11-07 · número de lugar en la bodega y sección "Listos para salir" (azul) */
.prp2-num{grid-column:2;grid-row:1;justify-self:end;min-width:44px;height:44px;padding:0 10px;border-radius:14px;display:grid;place-items:center;font-size:24px;font-weight:950;color:#090b0f;background:linear-gradient(100deg,#ff7219,#ffb52e);box-shadow:0 6px 16px rgba(255,122,23,.28)}
.prp2-card__head.has-num .prp2-card__chev{grid-row:2/5}
.prp2-listos{display:grid;gap:12px;margin-top:10px;padding-top:14px;border-top:2px dashed rgba(59,130,246,.45)}
.prp2-listos__t{display:flex;align-items:center;gap:10px;margin:0;font-size:15px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#60a5fa}
.prp2-listos__t b{margin-left:auto;min-width:30px;height:30px;border-radius:99px;display:grid;place-items:center;background:rgba(59,130,246,.18);color:#93c5fd;font-size:14px}
.prp2-card.is-salir{border-color:rgba(59,130,246,.65);background:linear-gradient(160deg,rgba(29,78,216,.28),rgba(15,23,42,.92))}
.prp2-card.is-salir::before{background:#3b82f6}
.prp2-card.is-salir .prp2-num{color:#fff;background:linear-gradient(100deg,#2563eb,#3b82f6);box-shadow:0 6px 16px rgba(37,99,235,.35)}
.prp2-card.is-salir .prp2-progreso>span{background:#3b82f6}
.light .prp2-card.is-salir{background:#eff6ff;border-color:#93c5fd}
.prp2-badge.is-salir{color:#93c5fd;background:rgba(59,130,246,.16);border-color:rgba(59,130,246,.45)}