/* UH14.14 — Asignación a Mostrador y flujo de COMPRA (funcionalidad PROVISIONAL).
   Todo lo de esta función vive en este archivo y en cotizador-asignacion.js: retirarla es quitar los dos y su
   <link>/<script> de index.html. */

/* Los dos flujos, lado a lado: venta a la izquierda (el de siempre) y compra a la derecha. Apilados en pantallas angostas.
   La clase `--2` solo la pone el script cuando hay flujo de compra que mostrar. */
.pf-cot-seg-par { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--pf-s-4); }
@media (min-width: 1000px) {
  .pf-cot-seg-par--2 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; }
}

.pf-cot-aprobar-man { margin-top: var(--pf-s-4); padding-top: var(--pf-s-3); border-top: 1px solid var(--pf-sup-300); display: flex; flex-direction: column; gap: var(--pf-s-2); align-items: flex-start; }

.pf-asig__cab { display: flex; align-items: center; gap: var(--pf-s-2); flex-wrap: wrap; margin-bottom: var(--pf-s-3); }
.pf-asig__cab .pf-cot-seg__tit { margin: 0; }
.pf-asig__nota { margin: 0; color: var(--pf-muted-foreground); }

/* Los tres estados usan el MISMO diseño que el seguimiento de la venta (`.pf-cot-linea`, en pricefarma-cotizador.css: línea
   vertical con puntos). Cada paso es además un botón que se ELIGE con un clic, así que aquí solo se le quita el aspecto de botón. */
.pf-asig__linea { margin-bottom: var(--pf-s-4); }
.pf-asig__lnk { display: block; width: 100%; margin: 0; padding: 0; border: 0; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; }
.pf-asig__lnk:disabled { cursor: default; }
.pf-asig__lnk:hover:not(:disabled) b { color: var(--pf-teal-700); }
.pf-asig__lnk:focus-visible { outline: 2px solid var(--pf-teal-500); outline-offset: 3px; border-radius: 4px; }
.pf-asig__ayuda { margin: calc(-1 * var(--pf-s-2)) 0 var(--pf-s-4); }

/* Asignar / reasignar */
.pf-asig__asignar { display: flex; gap: var(--pf-s-2); flex-wrap: wrap; align-items: center; margin-bottom: var(--pf-s-3); }
.pf-asig__asignar select { flex: 1 1 200px; min-width: 0; }
.pf-asig__acc { display: flex; gap: var(--pf-s-2); flex-wrap: wrap; align-items: center; }

/* Interruptor en Configuración */
.pf-asig-interruptor { display: inline-flex; align-items: center; gap: var(--pf-s-2); font-weight: 600; color: var(--pf-sup-700); cursor: pointer; }
.pf-asig-interruptor input { width: 18px; height: 18px; accent-color: var(--pf-teal-500); }