/* Fénix ERP · Pedidos de Ruta Visual 4.0
   2026-10-20 · SOLO presentación.
   Capa final sobre Pedidos de Ruta v3 + Operación + Surtido + Entregas.
   No cambia lógica, datos, permisos ni contratos offline. */

.pr3{
  --pr4-bg:#07111f;
  --pr4-panel:#0b1728;
  --pr4-panel-2:#102139;
  --pr4-panel-3:#132842;
  --pr4-line:#223a59;
  --pr4-line-strong:#315073;
  --pr4-orange:#ff7a00;
  --pr4-orange-hover:#ff922e;
  --pr4-orange-soft:rgba(255,122,0,.13);
  --pr4-orange-glow:rgba(255,122,0,.20);
  --pr4-text:#f5f7fb;
  --pr4-soft:#cbd7e6;
  --pr4-muted:#8193aa;
  --pr4-pend:#f5a800;
  --pr4-prep:#2684ff;
  --pr4-ruta:#16c784;
  --pr4-ent:#22c55e;
  --pr4-bad:#ef4444;
  --pr3-bg:var(--pr4-bg);
  --pr3-surface:var(--pr4-panel);
  --pr3-surface-2:var(--pr4-panel-2);
  --pr3-line:var(--pr4-line);
  --pr3-line-strong:var(--pr4-line-strong);
  --pr3-text:var(--pr4-text);
  --pr3-soft:var(--pr4-soft);
  --pr3-sub:#9aabc0;
  --pr3-muted:var(--pr4-muted);
  --pr3-orange:var(--pr4-orange);
  --pr3-orange-soft:var(--pr4-orange-soft);
  background:
    radial-gradient(circle at 88% 0,rgba(255,122,0,.08),transparent 26%),
    linear-gradient(180deg,#07111f 0%,#081321 46%,#06101b 100%);
}

/* ===== Cabecera y acciones ===== */
.pr3-head{padding:2px 0 1px}
.pr3-head__icon{
  background:linear-gradient(145deg,rgba(255,122,0,.18),rgba(255,122,0,.07));
  border:1px solid rgba(255,122,0,.28);
  box-shadow:0 8px 22px rgba(0,0,0,.22),0 0 18px rgba(255,122,0,.08);
}
.pr3-head h2{font-size:22px}
.pr3-btn{
  background:linear-gradient(180deg,#102139,#0b1728);
  border-color:#294766;
  color:#dce6f2;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.pr3-btn:hover{background:#152943;border-color:#3b5d81;color:#fff}
.pr3-btn--primary{
  background:linear-gradient(180deg,#ff922e,#ff7600);
  border-color:#ffa04b;
  color:#111827;
  box-shadow:0 7px 18px rgba(255,122,0,.18),inset 0 1px 0 rgba(255,255,255,.32);
}
.pr3-btn--primary:hover{background:linear-gradient(180deg,#ffa03d,#ff7a00)}
.pr3-btn--ghost{background:transparent;border-color:transparent}
.pr3-btn--ghost:hover{background:#11233a;border-color:#294766}

/* ===== KPIs con identidad por estado ===== */
.pr3-kpis{gap:13px;margin-bottom:17px}
.pr3-kpi{
  position:relative;overflow:hidden;
  background:linear-gradient(145deg,#0d1b2e,#0a1525);
  border-color:#223b5a;
  box-shadow:0 10px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025);
}
.pr3-kpi::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px;
  background:#6c8099;opacity:.9;
}
.pr3-kpi::after{
  content:"";position:absolute;right:-26px;top:-38px;width:105px;height:105px;border-radius:50%;
  background:currentColor;opacity:.035;pointer-events:none;
}
.pr3-kpi--pendientes{color:var(--pr4-pend)}
.pr3-kpi--preparacion{color:var(--pr4-prep)}
.pr3-kpi--ruta{color:var(--pr4-ruta)}
.pr3-kpi--total{color:var(--pr4-orange)}
.pr3-kpi--pendientes::before{background:var(--pr4-pend)}
.pr3-kpi--preparacion::before{background:var(--pr4-prep)}
.pr3-kpi--ruta::before{background:var(--pr4-ruta)}
.pr3-kpi--total::before{background:var(--pr4-orange)}
.pr3-kpi--pendientes .pr3-kpi__icon{background:rgba(245,168,0,.16);color:#ffc43d}
.pr3-kpi--preparacion .pr3-kpi__icon{background:rgba(38,132,255,.16);color:#6fb1ff}
.pr3-kpi--ruta .pr3-kpi__icon{background:rgba(22,199,132,.16);color:#50e2a5}
.pr3-kpi--total .pr3-kpi__icon{background:rgba(255,122,0,.15);color:#ff9439}
.pr3-kpi__label{color:#9fb0c7}
.pr3-kpi__value b{color:#f7f9fc}
.pr3-kpi__value span{color:#dce5f0}
button.pr3-kpi:hover{
  transform:translateY(-1px);
  border-color:currentColor;
  box-shadow:0 13px 30px rgba(0,0,0,.24),0 0 0 1px color-mix(in srgb,currentColor 42%,transparent);
}
button.pr3-kpi.is-activo{
  background:linear-gradient(145deg,#12243a,#0b1728);
  border-color:currentColor;
  box-shadow:0 0 0 1px currentColor,0 12px 28px rgba(0,0,0,.22);
}

/* ===== Filtros: sólidos, visibles, naranja Fénix ===== */
.pr3-filtros{
  position:relative;
  padding:12px;
  gap:9px;
  background:linear-gradient(180deg,#0e1c2f,#0b1728);
  border:1px solid rgba(255,122,0,.68);
  box-shadow:0 0 0 1px rgba(255,122,0,.06),0 12px 28px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.025);
}
.pr3-filtros::before{
  content:"";position:absolute;left:18px;right:18px;top:-1px;height:1px;
  background:linear-gradient(90deg,transparent,#ff7a00 28%,#ff9a3d 50%,#ff7a00 72%,transparent);
  opacity:.75;
}
.pr3-toggle,.pr3-campo,.pr3-filtros .fld,.pr3-filtros .fxms-btn{
  background:#0b1829!important;
  border-color:#294666!important;
  color:#d9e4f0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.pr3-toggle:hover,.pr3-campo:hover,.pr3-filtros .fld:hover,.pr3-filtros .fxms-btn:hover{
  border-color:#46698e!important;background:#10213a!important;
}
.pr3-toggle[aria-pressed="true"],.pr3-campo.is-activo,.pr3-filtros .fxms.is-activo .fxms-btn{
  border-color:#ff7a00!important;background:rgba(255,122,0,.12)!important;color:#fff!important;
  box-shadow:0 0 0 1px rgba(255,122,0,.12),0 0 16px rgba(255,122,0,.07);
}
.pr3-campo i,.pr3-filtros .fxms-btn>i{color:#7590ad!important}
.pr3-campo.is-activo i,.pr3-filtros .fxms.is-activo .fxms-btn>i{color:#ff8b27!important}
.pr3-campo select,.pr3-campo input,.pr3-filtros .fld{color:#f1f5f9!important}
.pr3-campo select option{background:#0b1728;color:#f5f7fb}
.pr3-campo--buscar{background:#081523!important}
.pr3-campo--buscar:focus-within{border-color:#ff7a00!important;box-shadow:0 0 0 2px rgba(255,122,0,.12)}
.pr3-filtros .fxms-pop{
  background:#0b1728!important;border-color:#315073!important;
  box-shadow:0 22px 52px rgba(0,0,0,.55),0 0 0 1px rgba(255,122,0,.06)!important;
}
.pr3-filtros .fxms-buscar{background:#081523!important;border-color:#294666!important}
.pr3-filtros .fxms-op:hover{background:#12243b!important}
.pr3-filtros .fxms-op.is-sel{background:rgba(255,122,0,.07)!important}
.pr3-filtros .fxms-pie .fxms-listo{background:#ff7a00!important;color:#111827!important;border-color:#ff8d28!important}
.pr3-filtros__fin .pr3-btn{background:#0b1829}
.pr3-filtros__fin .pr3-btn:last-child{border-color:#3e5e80;color:#c8d5e4}

/* ===== Barra selección y cambio Tabla / Flujo ===== */
.pr3-barra{
  min-height:44px;padding:4px 2px;
}
.pr3-sel{background:#10233c;border:1px solid #294966}
.pr3-vistas{
  padding:4px;background:#0b1728;border-color:#294866;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.pr3-vistas button{min-height:32px}
.pr3-vistas button[aria-pressed="true"]{
  background:linear-gradient(180deg,#ff8d28,#ff7200);
  color:#111827;box-shadow:0 5px 14px rgba(255,122,0,.17);
}

/* ===== Tabla ===== */
.pr3-tabla-wrap{
  background:#0a1626;border-color:#223e5f;
  box-shadow:0 12px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.018);
}
.pr3-tabla th{
  background:#0d1d31;color:#88a0bb;border-bottom:1px solid rgba(255,122,0,.48);
}
.pr3-tabla td{border-bottom-color:#1b324d}
.pr3-tabla tbody tr.pr-row:hover{background:#10233a!important}
.pr3-tabla tbody tr.pr-row[data-sel="1"]{background:rgba(38,132,255,.08)}
.pr3-folio:hover,.pr3-link{color:#ff8c27}
.pr3-pag button,.pr3-pag select{background:#0b1728;border-color:#294666;color:#dce6f1}
.pr3-pag button[aria-current="page"]{background:#ff7a00;color:#111827}

/* ===== Estado vacío y resumen ===== */
.pr3-vacio{
  min-height:260px;
  background:radial-gradient(circle at 50% 55%,rgba(255,122,0,.05),transparent 28%);
}
.pr3-vacio img{filter:drop-shadow(0 12px 24px rgba(0,0,0,.34))}
.pr3-resumen{
  background:linear-gradient(180deg,#0c1a2c,#091522);
  border-color:rgba(255,122,0,.56);
  box-shadow:0 8px 22px rgba(0,0,0,.16);
}
.pr3-resumen>button{min-height:46px}
.pr3-resumen>button i:first-child{color:#ff7a00}

/* ===== Vista Flujo ===== */
.pr3-flujo{gap:13px}
.pr3-col{
  background:#0a1728;border-color:#294562;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}
.pr3-col:nth-child(1){border-color:rgba(245,168,0,.65)}
.pr3-col:nth-child(2){border-color:rgba(38,132,255,.66)}
.pr3-col:nth-child(3){border-color:rgba(22,199,132,.66)}
.pr3-col:nth-child(4){border-color:rgba(34,197,94,.62)}
.pr3-col__head{
  background:#0e1d31!important;border-bottom:1px solid #213a58!important;
}
.pr3-col:nth-child(1) .pr3-col__head{box-shadow:inset 0 3px 0 var(--pr4-pend)}
.pr3-col:nth-child(2) .pr3-col__head{box-shadow:inset 0 3px 0 var(--pr4-prep)}
.pr3-col:nth-child(3) .pr3-col__head{box-shadow:inset 0 3px 0 var(--pr4-ruta)}
.pr3-col:nth-child(4) .pr3-col__head{box-shadow:inset 0 3px 0 var(--pr4-ent)}
.pr3-col__cuerpo{background:linear-gradient(180deg,#0a1728,#081320)}
.pr3-tarjeta{
  background:linear-gradient(150deg,#0f2035,#0b1728);
  border-color:#28435f;
  box-shadow:0 7px 18px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.02);
}
.pr3-tarjeta:hover{border-color:#3c5f82;background:linear-gradient(150deg,#122641,#0d1b2f)}
.pr3-col:nth-child(1) .pr3-tarjeta{border-left:2px solid rgba(245,168,0,.58)}
.pr3-col:nth-child(2) .pr3-tarjeta{border-left:2px solid rgba(38,132,255,.58)}
.pr3-col:nth-child(3) .pr3-tarjeta{border-left:2px solid rgba(22,199,132,.58)}
.pr3-col:nth-child(4) .pr3-tarjeta{border-left:2px solid rgba(34,197,94,.56)}
.pr3-col__mas{
  margin:0 10px 10px;border:1px solid #345575;border-radius:10px;
  background:#0d1c30;color:#dce6f2;
}
.pr3-col:nth-child(1) .pr3-col__mas{border-color:rgba(245,168,0,.55);color:#ffc43d}
.pr3-col:nth-child(2) .pr3-col__mas{border-color:rgba(38,132,255,.55);color:#79b8ff}
.pr3-col:nth-child(3) .pr3-col__mas{border-color:rgba(22,199,132,.55);color:#5be4ad}
.pr3-col:nth-child(4) .pr3-col__mas{border-color:rgba(34,197,94,.55);color:#72e49b}

/* ===== Todas las ventanas/modales abiertas desde Pedidos de Ruta =====
   Cuando .pr3 sigue montado detrás de un overlay, cualquier .ov pertenece al
   flujo de este módulo (ficha, mapa, inventario por repartidor, confirmaciones). */
body:has(.pr3) .ov{
  background:rgba(2,7,14,.82);
  backdrop-filter:blur(8px);
}
body:has(.pr3) .ov>.card{
  background:
    radial-gradient(circle at 90% 0,rgba(255,122,0,.07),transparent 26%),
    linear-gradient(155deg,#0d1b2e,#081321 72%)!important;
  border:1px solid rgba(255,122,0,.44)!important;
  box-shadow:0 28px 78px rgba(0,0,0,.62),0 0 34px rgba(255,122,0,.07)!important;
  color:#f5f7fb;
}
body:has(.pr3) .ov>.card .fld,
body:has(.pr3) .ov>.card input,
body:has(.pr3) .ov>.card select,
body:has(.pr3) .ov>.card textarea{
  background:#091725!important;
  border-color:#294766!important;
  color:#f5f7fb!important;
}
body:has(.pr3) .ov>.card .fld:focus,
body:has(.pr3) .ov>.card input:focus,
body:has(.pr3) .ov>.card select:focus,
body:has(.pr3) .ov>.card textarea:focus{
  border-color:#ff7a00!important;
  box-shadow:0 0 0 2px rgba(255,122,0,.11)!important;
}
body:has(.pr3) .ov>.card button:not(.danger):not(.pr-btn-cancelar):not(.pr-btn-asignar){
  border-color:#315073;
}
body:has(.pr3) .ov>.card h1,
body:has(.pr3) .ov>.card h2,
body:has(.pr3) .ov>.card h3{color:#f7f9fc}

/* ===== Ficha completa de pedido: panel contenedor ===== */
.ov:has(.pr-ficha-repartidor)>.card,
.ov:has(.pr-surtido-web)>.card{
  background:
    radial-gradient(circle at 90% 0,rgba(255,122,0,.08),transparent 28%),
    linear-gradient(155deg,#0d1b2e,#081321 70%)!important;
  border:1px solid rgba(255,122,0,.48)!important;
  box-shadow:0 28px 78px rgba(0,0,0,.62),0 0 34px rgba(255,122,0,.08)!important;
}
.ov:has(.pr-ficha-repartidor)>.card input,
.ov:has(.pr-ficha-repartidor)>.card select,
.ov:has(.pr-ficha-repartidor)>.card textarea,
.ov:has(.pr-surtido-web)>.card input,
.ov:has(.pr-surtido-web)>.card select,
.ov:has(.pr-surtido-web)>.card textarea{
  background:#091725!important;border-color:#294766!important;color:#f5f7fb!important;
}

/* ===== Asignar repartidor / poner en ruta ===== */
.pr-asignacion{
  background:
    radial-gradient(circle at 90% 0,rgba(255,122,0,.10),transparent 28%),
    linear-gradient(155deg,#0d1d31,#07111e 72%)!important;
  border-color:rgba(255,122,0,.58)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.62),0 0 38px rgba(255,122,0,.10)!important;
}
.pr-asignacion__icon{
  color:#ff9b45;background:linear-gradient(145deg,rgba(255,122,0,.22),rgba(255,122,0,.07));
  border-color:rgba(255,122,0,.40);box-shadow:0 0 22px rgba(255,122,0,.10);
}
.pr-asignacion__eyebrow{color:#ff8d28}
.pr-asignacion__rutas b{color:#ffad67;background:rgba(255,122,0,.09);border-color:rgba(255,122,0,.30)}
.pr-repartidor-card{background:#0a1829;border-color:#29425f}
.pr-repartidor-card:hover{border-color:rgba(255,122,0,.48)}
.pr-repartidor-card.is-selected{
  background:linear-gradient(100deg,rgba(255,122,0,.17),rgba(38,132,255,.06));
  border-color:#ff7a00;box-shadow:0 0 20px rgba(255,122,0,.09);
}
.pr-repartidor-card.is-selected .pr-repartidor-card__avatar{background:linear-gradient(145deg,#ff8b27,#d95b00);color:#111827}
.pr-repartidor-card.is-selected>i{color:#ff8f2e}
.pr-asignacion__default input{accent-color:#ff7a00}
.pr-asignacion__actions{background:#07111d}
.pr-btn-asignar{
  color:#111827;background:linear-gradient(180deg,#ff9638,#ff7100);
  box-shadow:0 9px 25px rgba(255,122,0,.22);
}
.pr-btn-cancelar{background:#102139;border-color:#294766;color:#cbd7e6}
.pr-asignar-bulk{border-color:rgba(255,122,0,.5)!important;background:rgba(255,122,0,.11)!important;color:#ffad67!important}
.pr-ficha-repartidor{
  background:linear-gradient(110deg,rgba(255,122,0,.11),rgba(38,132,255,.04))!important;
  border-color:rgba(255,122,0,.32)!important;
}
.pr-ficha-repartidor__row>i{color:#ff9b45;background:rgba(255,122,0,.14)}
.pr-ficha-repartidor button{border-color:rgba(255,122,0,.42);background:rgba(255,122,0,.10);color:#ff9d4c}

/* ===== Preparación / surtido web ===== */
.pr-surtido-web{
  border-color:rgba(255,122,0,.42);
  background:
    radial-gradient(circle at 86% 8%,rgba(255,122,0,.08),transparent 24%),
    linear-gradient(145deg,#0c1b2e,#081522 62%,#07111d);
}
.pr-surtido-web__intro>i{
  color:#ff9b45;background:rgba(255,122,0,.14);border-color:rgba(255,122,0,.34);
}
.pr-surtido-web__intro small,.pr-surtido-web__cabecera small{color:#ff8d28}
.pr-surtido-web__cabecera>b{color:#ff9d4c}
.pr-surtido-web__barra{background:#15273d}
.pr-surtido-web__barra span{background:linear-gradient(90deg,#ff6f00,#ff9c3d)}
.pr-surtido-web__principal,.pr-surtido-web__pie button{
  color:#111827;background:linear-gradient(180deg,#ff9638,#ff7100);
  box-shadow:0 9px 24px rgba(255,122,0,.18);
}
.pr-surtido-web__scanner{background:#081522;border-color:rgba(255,122,0,.30)}
.pr-surtido-web__scanner>i{color:#ff8b27}
.pr-surtido-web__scanner button{background:#db6405;color:#fff}
.pr-surtido-linea{background:#0a1829;border-color:#29435f}
.pr-surtido-linea>button{border-color:rgba(255,122,0,.36);background:rgba(255,122,0,.09);color:#ff9d4c}
.pr-preparar-inline{border-color:rgba(255,122,0,.36);background:rgba(255,122,0,.10);color:#ff9d4c}

/* ===== Entregas de Ruta ===== */
.er-shell{
  background:
    radial-gradient(circle at 88% 0,rgba(255,122,0,.10),transparent 28%),
    linear-gradient(180deg,#07111f,#081321 55%,#06101b);
  color:#f3f7fb;
}
.er-eyebrow{color:#ff8b27}
.er-topbar h2 i{color:#ff8b27}
.er-close,.er-refresh,.er-modal header button{
  background:#0c1b2e;border-color:#294766;color:#c6d3e3;
}
.er-toolbar{
  background:linear-gradient(180deg,#0e1d31,#0a1727);
  border-color:rgba(255,122,0,.56);
  box-shadow:0 10px 26px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.025);
  backdrop-filter:none;
}
.er-toolbar label span{color:#92a6bf}
.er-toolbar input,.er-toolbar select,.er-form-grid input,.er-form-grid select,.er-form-grid textarea{
  background:#081522;border-color:#294766;color:#f3f7fb;
}
.er-toolbar input:focus,.er-toolbar select:focus,.er-form-grid input:focus,.er-form-grid select:focus,.er-form-grid textarea:focus{
  border-color:#ff7a00;box-shadow:0 0 0 2px rgba(255,122,0,.11);
}
.er-toolbar .fxms--fld{--fxms-bg:#0b1728;--fxms-line:#294766;--fxms-text:#f3f7fb;--fxms-muted:#8ca1ba;--fxms-acc:#ff7a00;--fxms-acc-bg:rgba(255,122,0,.12)}
.er-toolbar .fxms-btn{background:#081522!important;border-color:#294766!important}
.er-toolbar .fxms-pop{background:#0b1728!important;border-color:#315073!important}
.er-kpis>div{
  background:linear-gradient(145deg,#0d1c30,#091522);
  box-shadow:0 8px 21px rgba(0,0,0,.17);
}
.er-kpis>div:first-child{border-color:rgba(255,122,0,.48)}
.er-kpis>div:first-child i{color:#ff9439;background:rgba(255,122,0,.14)}
.er-tabs{border-bottom-color:#223a59}
.er-tabs button{color:#8fa3bb}
.er-tabs .is-active{color:#ff9d4c;border-color:#ff7a00;background:rgba(255,122,0,.07);border-radius:10px 10px 0 0}
.er-order{
  background:linear-gradient(150deg,#0e1d31,#091522);
  border-color:#29435f;box-shadow:0 8px 20px rgba(0,0,0,.14);
}
.er-order:hover{border-color:#3b5f82}
.er-order-icon{background:rgba(255,122,0,.12);color:#ff9439}
.er-primary,.er-save{
  background:linear-gradient(180deg,#ff9437,#ff7000);
  color:#111827;box-shadow:0 8px 20px rgba(255,122,0,.18);
}
.er-empty i{color:#ff8c27}
.er-modal{
  background:
    radial-gradient(circle at 88% 0,rgba(255,122,0,.08),transparent 25%),
    #081522;
  border-color:rgba(255,122,0,.48);
  box-shadow:0 30px 80px rgba(0,0,0,.68),0 0 36px rgba(255,122,0,.08);
}
.er-modal header,.er-modal footer{border-color:#223a59}
.er-modal header small{color:#ff8c27}
.er-line{border-color:#1e354f}
.er-qty button{background:#102139;border-color:#315073}
.er-qty input{background:#071421;border-color:#315073}
.er-total{background:#0d1d31;border-color:#294766}
.er-modal footer{background:#07111e}
.er-not-delivered{border-color:rgba(255,122,0,.42);background:rgba(255,122,0,.09);color:#ff9b45}
.er-cancel{background:#102139;border-color:#294766;color:#c9d6e5}

/* ===== Tema claro: mantener legibilidad sin contaminar ===== */
.light .pr3{
  --pr3-bg:#f5f7fb;--pr3-surface:#ffffff;--pr3-surface-2:#f2f5f9;
  --pr3-line:#d8e0ea;--pr3-line-strong:#c2cfdd;--pr3-text:#0f172a;
  --pr3-soft:#334155;--pr3-sub:#58677a;--pr3-muted:#6b7b90;
  background:#f5f7fb;
}
.light .pr3-kpi,.light .pr3-filtros,.light .pr3-tabla-wrap,.light .pr3-resumen,.light .pr3-col,.light .pr3-tarjeta{
  background:#fff;color:#0f172a;box-shadow:0 6px 18px rgba(15,23,42,.06);
}
.light .pr3-filtros{border-color:rgba(232,98,10,.46)}
.light .pr3-toggle,.light .pr3-campo,.light .pr3-filtros .fld,.light .pr3-filtros .fxms-btn{
  background:#f8fafc!important;border-color:#cbd5e1!important;color:#0f172a!important;
}
.light .pr3-tabla th,.light .pr3-col__head{background:#f3f6fa!important;color:#526174}
.light .pr3-col__cuerpo{background:#f7f9fc}
.light .pr3-btn{background:#fff;border-color:#cbd5e1;color:#334155}
.light .pr3-btn--primary,.light .pr3-vistas button[aria-pressed="true"]{background:#f97316;color:#fff}
.light .pr3-campo select option{background:#fff;color:#0f172a}

/* 2026-10-21 (Raúl, captura en el celular): en modo claro quedaban los números
   de los indicadores casi invisibles, la barra Tabla/Flujo y las tarjetas de
   pedido en azul marino, la fila oscura al pasar el mouse y la paginación negra.
   Todo lo de la pantalla principal en claro; las ventanas siguen oscuras. */
.light .pr3-kpi__label{color:#526174}
.light .pr3-kpi__value b{color:#0f172a}
.light .pr3-kpi__value span{color:#334155}
.light .pr3-kpi__hint,.light .pr3-kpi small{color:#64748b}
.light .pr3-kpi--pendientes .pr3-kpi__icon{background:#fff3d6;color:#b45309}
.light .pr3-kpi--preparacion .pr3-kpi__icon{background:#e3efff;color:#1d4ed8}
.light .pr3-kpi--ruta .pr3-kpi__icon{background:#dcfce7;color:#15803d}
.light .pr3-kpi--total .pr3-kpi__icon{background:#ffedd5;color:#c2410c}
.light .pr3-kpi{border-color:#dbe3ec}
.light button.pr3-kpi:hover{background:#fffaf5;border-color:#fdba74}
.light .pr3-btn:hover{background:#fff7ed;border-color:#fdba74;color:#9a3412}
.light .pr3-btn--primary:hover{background:#ea580c;color:#fff}
.light .pr3-btn--ghost:hover{background:#f1f5f9;border-color:#cbd5e1}
.light .pr3-campo--buscar{background:#fff!important}
.light .pr3-campo i,.light .pr3-filtros .fxms-btn>i{color:#64748b!important}
.light .pr3-campo.is-activo i,.light .pr3-filtros .fxms.is-activo .fxms-btn>i{color:#ea580c!important}
.light .pr3-toggle[aria-pressed="true"],.light .pr3-campo.is-activo,.light .pr3-filtros .fxms.is-activo .fxms-btn{background:#fff7ed!important;border-color:#fb923c!important;color:#9a3412!important}
.light .pr3-filtros .fxms-pop{background:#fff!important;border-color:#cbd5e1!important;color:#0f172a!important;box-shadow:0 16px 40px rgba(15,23,42,.14)!important}
.light .pr3-filtros .fxms-buscar{background:#f8fafc!important;border-color:#cbd5e1!important;color:#0f172a!important}
.light .pr3-filtros .fxms-op{color:#0f172a!important}
.light .pr3-filtros .fxms-op:hover{background:#f1f5f9!important}
.light .pr3-filtros .fxms-op.is-sel{background:#fff7ed!important}
.light .pr3-filtros__fin .pr3-btn{background:#fff}
.light .pr3-filtros__fin .pr3-btn:last-child{border-color:#cbd5e1;color:#334155}
.light .pr3-sel{background:#fff7ed;border-color:#fdba74;color:#7c2d12}
.light .pr3-vistas{background:#fff;border-color:#d8e0ea;box-shadow:0 2px 8px rgba(15,23,42,.05)}
.light .pr3-vistas button{color:#475569}
.light .pr3-vistas button:not([aria-pressed="true"]):hover{background:#f1f5f9;color:#0f172a}
.light .pr3-tabla-wrap{background:#fff;border-color:#d8e0ea;box-shadow:0 6px 18px rgba(15,23,42,.06)}
.light .pr3-tabla th{border-bottom-color:#fdba74}
.light .pr3-tabla td{border-bottom-color:#e8edf3}
.light .pr3-tabla tbody tr.pr-row:hover{background:#fff7ed!important}
.light .pr3-tabla tbody tr.pr-row[data-sel="1"]{background:#eef5ff}
.light .pr3-tabla tbody tr.pr-row[data-abierto="1"]{background:#fff7ed}
.light .pr3-folio,.light .pr3-fecha span,.light .pr3-fecha small{color:#475569}
.light .pr3-folio:hover,.light .pr3-link{color:#c2410c}
.light .pr3-pag button,.light .pr3-pag select{background:#fff;border-color:#cbd5e1;color:#334155}
.light .pr3-pag button[aria-current="page"]{background:#f97316;border-color:#f97316;color:#fff}
.light .pr3-pag button:disabled{background:#f1f5f9;color:#94a3b8}
.light .pr3-vacio img{filter:drop-shadow(0 10px 20px rgba(15,23,42,.12))}
.light .pr3-resumen>button{background:#fff;color:#0f172a}
.light .pr3-col{background:#fff;border-color:#d8e0ea;box-shadow:0 6px 18px rgba(15,23,42,.06)}
.light .pr3-col__head{background:#f3f6fa!important;border-bottom-color:#e2e8f0!important;color:#334155}
.light .pr3-col__cuerpo{background:#f7f9fc}
.light .pr3-tarjeta{background:#fff;border-color:#dbe3ec;color:#0f172a;box-shadow:0 4px 12px rgba(15,23,42,.06)}
.light .pr3-tarjeta:hover{background:#fffaf5;border-color:#fdba74}
.light .pr3-col__mas{background:#fff;color:#334155;border-color:#cbd5e1}
.light .pr-preparar-inline{background:#fff7ed;border-color:#fdba74;color:#c2410c}
@media(max-width:760px){
  .light .pr3-tabla tbody tr.pr-row{background:#fff;border-color:#dbe3ec;box-shadow:0 4px 12px rgba(15,23,42,.06)}
  .light .pr3-tabla tbody tr.pr-row[data-abierto="1"]{border-color:#f97316}
}

/* ===== móvil ===== */
@media(max-width:760px){
  .pr3-filtros{padding:9px;border-radius:13px}
  .pr3-filtros[data-abierto="1"]{box-shadow:0 12px 30px rgba(0,0,0,.26),0 0 0 1px rgba(255,122,0,.08)}
  .pr3-kpis{gap:8px}
  .pr3-kpi{padding:12px}
  .pr3-tabla tbody tr.pr-row{background:#0b1829;border-color:#29435f}
  .pr3-tabla tbody tr.pr-row[data-abierto="1"]{border-color:#ff7a00}
  .er-toolbar{padding:11px}
  .er-modal footer{background:#07111e}
}
@media(prefers-reduced-motion:reduce){
  .pr3-kpi,.pr3-btn,.pr3-tarjeta,.pr-repartidor-card{transition:none!important}
}