/* OFICINA CORRIGE EL PEDIDO DE UN COMERCIAL (20-oct-2026) — assets/js/pedido-comercial.js.
   El formulario es el de siempre (.fx-form, .fx-campos, .fx-btn, .fx-cuentas, .fx-quitar, .fx-anadir) y los títulos
   y avisos los de la ficha del cliente (.fc-t, .fc-mal, .fc-hecho, .fc-ojo): aquí solo lo que es suyo. */
.pc{ margin-top:14px; }
.pd-f-cuerpo + .pc{ margin-top:18px; }
.pc .fx-form{ text-align:left; }
.pc .pa-loading{ padding:24px 0; }
.pc + .fc{ margin-top:10px; }
.pc-form h4 + .fx-sub + .fc-t{ margin-top:6px; }

/* Las líneas: pan · cajas · €/ud · importe · quitar. El nombre se parte si hace falta; los números no. */
.pc-lineas{ display:grid; gap:8px; }
.pc-lin{ display:grid; grid-template-columns:minmax(0,1fr) 76px 96px 104px 34px; gap:8px; align-items:center; }
.pc-lin-cab{ font-size:var(--fs-xs); font-weight:600; color:var(--tx-2); }
.pc-lin-cab span:nth-child(4){ text-align:right; padding-right:4px; }
.pc-lin input{ min-width:0; height:44px; padding:0 10px; border-radius:10px; background:#fff; border:1.5px solid var(--br);
  color:var(--tx); font-family:inherit; font-size:15px; font-variant-numeric:tabular-nums; }
.pc-lin input:focus{ outline:none; border-color:#0071e3; box-shadow:0 0 0 3px rgba(0,113,227,.14); }
.pc-lin .fx-imp{ white-space:nowrap; }
.pc-pan-q{ display:grid; gap:2px; min-width:0; }
.pc-pan-q b{ font-size:15px; font-weight:700; color:var(--tx); }
.pc-pan-q span{ font-size:13px; color:var(--tx-2); }
.pc-pan-q .pc-bajo{ color:#c2410c; font-weight:600; }
.pc-vacio{ margin:4px 0 0; }

/* Añadir un pan: tarjetas para elegir (nada de desplegable sin vestir). */
.pc-elige{ display:grid; grid-template-columns:repeat(auto-fill, minmax(150px,1fr)); gap:8px; margin-top:10px; }
.pc-pan{ display:grid; gap:2px; text-align:left; min-height:56px; padding:8px 12px; border-radius:12px; border:1.5px solid var(--br);
  background:#fff; color:var(--tx); font:inherit; cursor:pointer; transition:border-color .15s ease-out, transform .12s cubic-bezier(.2,.8,.2,1); }
.pc-pan b{ font-size:14px; font-weight:700; }
.pc-pan span{ font-size:12px; color:var(--tx-2); }
@media (hover:hover){ .pc-pan:hover{ border-color:#0071e3; } }
.pc-pan:active{ transform:scale(.98); }
.pc-elige-no{ grid-column:1 / -1; justify-self:start; background:var(--sf2); color:var(--tx); }

/* Los portes: tres opciones grandes, la elegida en el acento de la tienda. */
.pc-portes{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; max-width:520px; }
.pc-portes .pf-banco{ min-height:56px; }
.pc-portes .pf-banco span{ font-size:12.5px; color:var(--tx-2); font-variant-numeric:tabular-nums; }
.pc-portes .pf-banco.on, .pc-portes .pf-banco.on b, .pc-portes .pf-banco.on span{ color:var(--accent-ink); }
.pc-portes-mano{ margin-top:12px; max-width:520px; }
.pc-motivo{ margin-top:16px; grid-template-columns:minmax(0,1fr); }

/* Las cuentas: lo de antes tachado al lado, en gris. */
.pc-cuentas s{ color:var(--tx-3); font-weight:500; margin-left:6px; }
.pc-com{ margin:4px 0 0; font-size:13px; color:var(--tx-2); }
.pc-info, .pc-ojo, .pc-no{ margin:12px 0 0; font-size:14px; line-height:1.45; color:var(--tx-2); display:flex; gap:8px; align-items:baseline; }
.pc-info i{ color:var(--azul-apple); }
.pc-ojo i{ color:#c2410c; }
.pc-ojo b, .pc-no{ color:var(--tx); }
.pc-no i{ color:var(--tx-2); }
.pc-form > .pc-ojo, .pc-form > .pc-info{ padding:12px 14px; border-radius:14px; background:var(--sf2); margin:0 0 4px; }
.pc-confirma{ margin-top:18px; }

/* El registro: lo último arriba, en cebra. */
.pc-reg{ border:1px solid var(--br); border-radius:16px; overflow:hidden; }
.pc-reg-fila{ padding:12px 16px; background:#fff; }
.pc-reg-fila + .pc-reg-fila{ border-top:1px solid var(--br); }
.pc-reg-fila.cebra{ background:#fafafa; }
.pc-reg-q{ display:flex; flex-wrap:wrap; gap:4px 10px; align-items:baseline; }
.pc-reg-q b{ font-size:14.5px; font-weight:700; color:var(--tx); }
.pc-reg-q span{ font-size:13px; color:var(--tx-2); }
.pc-reg-fila p{ margin:4px 0 0; font-size:14px; color:var(--tx); line-height:1.45; }
.pc-reg-fila .pc-reg-cifras{ color:var(--tx-2); font-variant-numeric:tabular-nums; }

@media (max-width:640px){
  .pc-lin{ grid-template-columns:minmax(0,1fr) 64px 84px 34px; }
  .pc-lin .fx-imp, .pc-lin-cab span:nth-child(4){ display:none; }
  .pc-portes{ grid-template-columns:minmax(0,1fr); }
}