/* Fénix · filtros de selección múltiple (2026-10-07). Toma los colores del
   módulo donde se usa (variables --pr3-* en Pedidos de Ruta) y tiene valores
   propios por si se usa en otro lado. */
.fxms{position:relative;display:inline-flex;min-width:0;
  --fxms-line:var(--pr3-line-strong,rgba(148,163,184,.35));--fxms-bg:var(--pr3-surface,#0D1727);
  --fxms-text:var(--pr3-text,#E5E7EB);--fxms-muted:var(--pr3-muted,#94A3B8);
  --fxms-acc:var(--pr3-orange,#FF7A1A);--fxms-acc-bg:var(--pr3-orange-soft,rgba(255,122,26,.14))}
.fxms-btn{display:inline-flex;align-items:center;gap:7px;min-height:36px;max-width:240px;padding:0 10px;border-radius:10px;border:1px solid var(--fxms-line);background:transparent;color:var(--fxms-text);font:inherit;font-size:12.5px;cursor:pointer;min-width:0}
.fxms.is-activo .fxms-btn{border-color:var(--fxms-acc);background:var(--fxms-acc-bg)}
.fxms-btn>i{font-size:12px;color:var(--fxms-muted)}
.fxms.is-activo .fxms-btn>i{color:var(--fxms-acc)}
.fxms-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.fxms-n{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--fxms-acc);color:#fff;font-size:10.5px;font-weight:800}
.fxms-flecha{font-size:10px!important;margin-left:auto}
.fxms-btn:focus-visible,.fxms-op:focus-visible,.fxms-buscar:focus-visible,.fxms-pie button:focus-visible{outline:2px solid var(--fxms-acc);outline-offset:2px}
.fxms-pop{position:absolute;z-index:60;top:calc(100% + 6px);left:0;width:max(100%,260px);max-width:min(340px,calc(100vw - 32px));display:flex;flex-direction:column;padding:8px;border-radius:14px;border:1px solid var(--fxms-line);background:var(--fxms-bg);box-shadow:0 18px 44px rgba(0,0,0,.42)}
.fxms-buscar{margin:0 0 6px;padding:8px 10px;border-radius:9px;border:1px solid var(--fxms-line);background:transparent;color:var(--fxms-text);font:inherit;font-size:12.5px;outline:none}
.fxms-lista{max-height:260px;overflow:auto;overscroll-behavior:contain}
.fxms-op{display:flex;align-items:center;gap:9px;width:100%;min-height:38px;padding:7px 9px;border:0;border-radius:9px;background:transparent;color:var(--fxms-text);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.fxms-op:hover{background:rgba(148,163,184,.10)}
.fxms-op.is-sel{color:var(--fxms-text);font-weight:700}
.fxms-check{flex:0 0 18px;height:18px;display:grid;place-items:center;border-radius:5px;border:1.5px solid var(--fxms-line);font-size:12px;line-height:1;color:#fff}
.fxms-op.is-sel .fxms-check{background:var(--fxms-acc);border-color:var(--fxms-acc)}
.fxms-op-txt{flex:1;min-width:0;overflow-wrap:anywhere}
.fxms-op-n{color:var(--fxms-muted);font-size:11px;font-variant-numeric:tabular-nums}
.fxms-todos{border-bottom:1px solid var(--fxms-line);border-radius:9px 9px 0 0;margin-bottom:4px}
.fxms-vacio{padding:10px;color:var(--fxms-muted);font-size:12px;text-align:center}
.fxms-pie{display:flex;gap:8px;justify-content:space-between;margin-top:6px;padding-top:8px;border-top:1px solid var(--fxms-line)}
.fxms-pie button{flex:1;min-height:36px;border-radius:9px;border:1px solid var(--fxms-line);background:transparent;color:var(--fxms-text);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.fxms-pie .fxms-listo{background:var(--fxms-acc);border-color:var(--fxms-acc);color:#fff}
.fxms-pie button:disabled{opacity:.45;cursor:default}
@media (max-width:760px){
  .fxms{flex:1 1 45%}
  .fxms-btn{width:100%;max-width:none;min-height:44px}
  .fxms-pop{position:fixed;left:16px;right:16px;top:auto;bottom:16px;width:auto;max-width:none;max-height:70vh}
  .fxms-lista{max-height:50vh}
  .fxms-op{min-height:44px}
}
.light .fxms:not(.pr3-campo){--fxms-bg:#fff;--fxms-line:rgba(15,23,42,.18);--fxms-text:#0F172A;--fxms-muted:#475569}
@media (prefers-reduced-motion:reduce){.fxms-pop{transition:none}}
/* Dentro de un módulo que ya da forma a sus campos (p. ej. .pr3-campo): el
   marco lo pone el botón, no el contenedor (evita doble borde). */
.fxms.pr3-campo,.fxms.pr3-campo.is-activo{padding:0;border:0;background:transparent;min-height:0;gap:0}
.fxms.pr3-campo .fxms-btn{width:100%}
/* Variante con el estilo de campos del ERP (.fld): Productos, Clientes,
   Cotizaciones, historial de producto, etc. Toma los colores del tema. */
.fxms--fld{--fxms-line:var(--line,rgba(148,163,184,.35));--fxms-bg:var(--panel,#0F1B2E);--fxms-text:var(--text,#E5E7EB);--fxms-muted:var(--sub,#8090AC);--fxms-acc:var(--acc,var(--pri,#FF7A1A));--fxms-acc-bg:var(--accSoft,rgba(255,122,26,.14))}
.light .fxms--fld{--fxms-line:var(--line);--fxms-bg:var(--panel);--fxms-text:var(--text);--fxms-muted:var(--sub)}
.fxms--fld .fxms-btn{min-height:42px;padding:10px 12px;border-radius:13px;background:var(--panel2,transparent);font-size:14px}
.fxms--fld.fxms--chico .fxms-btn{min-height:32px;padding:6px 10px;border-radius:10px;font-size:12px}