body.pos #vista-clientes, body.pos #vista-vales, body.pos #vista-cuentas, body.pos #vista-vendedores { display: flex; flex-direction: column; gap: var(--ex-sp-12); min-width: 0; width: 100%; }
body.pos .pos-detalle { display: flex; flex-direction: column; gap: var(--ex-sp-10); min-width: 0; text-align: left; }
body.pos .pos-detalle h3 { font-size: var(--ex-fs-base); }
body.pos .pos-detalle p { margin: 0; }
body.pos .cl-detalle { display: flex; flex-direction: column; gap: var(--ex-sp-8); }
body.pos .vl-detalle { display: flex; flex-direction: column; gap: var(--ex-sp-12); }
body.pos .cg-cliente { font-size: var(--ex-fs-lg); overflow-wrap: anywhere; }
body.pos .cg-promo { display: flex; flex-direction: column; gap: var(--ex-sp-4); padding: var(--ex-sp-10) var(--ex-sp-12); border-radius: var(--ex-r-md); background: var(--ex-raised); border: var(--ex-bd-soft); overflow-wrap: anywhere; }
body.pos .cg-promo.hay { background: var(--ex-ok-soft); border-color: var(--ex-ok-line); }
body.pos .cg-terminos { max-height: 180px; overflow-y: auto; padding: var(--ex-sp-10) var(--ex-sp-12); border-radius: var(--ex-r-md); border: var(--ex-bd); background: var(--ex-raised); white-space: pre-wrap; overflow-wrap: anywhere; font-size: var(--ex-fs-md); }
body.pos #cg-bloque-terminos { display: flex; flex-direction: column; gap: var(--ex-sp-8); }
body.pos .vl-lista { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--ex-sp-8); }
body.pos .vl-linea { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ex-sp-8) var(--ex-sp-12); padding: var(--ex-sp-10) var(--ex-sp-12); border-radius: var(--ex-r-md); background: var(--ex-raised); border: var(--ex-bd-soft); min-width: 0; }
body.pos .vl-linea .vl-nom { flex: 1 1 160px; min-width: 0; display: flex; flex-direction: column; overflow-wrap: anywhere; }
body.pos .vl-linea .vl-cant { font-family: var(--ex-mono); font-weight: 800; font-size: var(--ex-fs-lg); white-space: nowrap; }
body.pos .vl-linea .vl-acc { display: flex; flex-wrap: wrap; gap: var(--ex-sp-8); }
body.pos .vl-linea .vl-acc .btn { flex: 1 1 auto; }
body.pos .vl-doc { display: flex; flex-direction: column; gap: var(--ex-sp-8); padding: var(--ex-sp-12) var(--ex-sp-14); border-radius: var(--ex-r-md); background: var(--ex-warn-soft); border: 1px solid var(--ex-warn-line); }
body.pos .tarjeta-entrega { display: flex; flex-direction: column; gap: var(--ex-sp-10); width: min(100%, 420px); margin: 0 auto; padding: var(--ex-sp-12) var(--ex-sp-14); border-radius: var(--ex-r-md); background: var(--ex-warn-soft); border: 1px solid var(--ex-warn-line); text-align: left; }
body.pos .fila-cod { display: flex; align-items: flex-start; gap: var(--ex-sp-8); }
body.pos .fila-cod .campo { flex: 1 1 auto; min-width: 0; }