/* ═══════════ SISTEMA DE DISEÑO GLOBAL · Blezza POS (351) ═══════════
   UN solo archivo de tokens + componentes. Se carga AL FINAL. Reglas de oro:
   · Botón base = «+ Agregar» (píldora completa, degradado sutil, texto blanco bold). Solo cambia el COLOR por función.
   · Tarjeta = fondo + sombra suave, SIN borde de color. El color vive en el ícono (círculo), el número y una franja superior sutil.
   · Nada de bordes gruesos de color, radios o degradados sueltos por pantalla. */
:root{
  /* color por función */
  --ds-azul:#0C3D78;--ds-azul-2:#154577;--ds-verde:#1B7F3B;--ds-verde-2:#27A04F;--ds-rojo:#C93440;--ds-rojo-2:#E24B57;--ds-ambar:#B86E00;--ds-ambar-2:#E19A1F;--ds-wa:#128C7E;--ds-wa-2:#1FAE9C;
  /* métodos de pago */
  --ds-efectivo:#1F8A5B;--ds-tarjeta:#6D52C9;--ds-transf:#D98A1B;--ds-saldo:#D8527F;
  /* superficie */
  --ds-card:#fff;--ds-linea:#E3ECF4;--ds-borde:#9FB2C8;--ds-tinta:#072D59;--ds-tinta-2:#4A6283;
  --ds-r-card:20px;--ds-r-btn:999px;--ds-r-chip:999px;
  --ds-sombra:0 1px 0 rgba(255,255,255,.9) inset,0 14px 32px -22px rgba(7,45,89,.30),0 2px 6px -2px rgba(7,45,89,.07);
  --ds-glow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 18px -12px rgba(7,45,89,.6);
  --ds-h:44px;--ds-h-s:34px;--ds-h-l:54px;
}
html:root[data-tema="oscuro"]{--ds-card:#0C2A4D;--ds-linea:#1B3F6B;--ds-borde:#456A99;--ds-tinta:#EAF4FB;--ds-tinta-2:#A9C0DA;--ds-efectivo:#4FD69C;--ds-tarjeta:#B79CFF;--ds-transf:#FFB155;--ds-saldo:#FF8FB1;--ds-sombra:0 14px 30px -22px rgba(0,0,0,.7)}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]){--ds-card:#0C2A4D;--ds-linea:#1B3F6B;--ds-borde:#456A99;--ds-tinta:#EAF4FB;--ds-tinta-2:#A9C0DA;--ds-efectivo:#4FD69C;--ds-tarjeta:#B79CFF;--ds-transf:#FFB155;--ds-saldo:#FF8FB1;--ds-sombra:0 14px 30px -22px rgba(0,0,0,.7)}}

/* ───── BOTÓN ÚNICO (.btn / .btn-add y alias) ───── */
html:root body :is(.btn,.btn-add,button.btn-wa,a.btn-wa,.wa-b):not(#zz){
  display:inline-flex;align-items:center;justify-content:center;gap:.4rem;box-sizing:border-box;
  min-height:var(--ds-h);padding:.45rem 1.1rem;border:1.5px solid transparent;border-radius:var(--ds-r-btn);
  background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul));color:#fff;font-weight:800;font-size:.95rem;line-height:1.15;letter-spacing:0;
  text-shadow:none;box-shadow:var(--ds-glow);cursor:pointer;text-decoration:none}
html:root body :is(.btn.mini,.btn.chico,.btn-sm):not(#zz){min-height:var(--ds-h-s);padding:.25rem .8rem;font-size:.85rem}
html:root body :is(.btn.grande,.btn-add):not(#zz){min-height:var(--ds-h-l);font-size:1.02rem}
html:root body .btn:not(#zz):hover{filter:brightness(1.1)}
/* colores por función */
html:root body :is(.btn.verde,#btn-cobrar,#btn-abrir-cobrar,.btn.ok,.caja-btn-prin,.fot-principal):not(#zz){background:linear-gradient(180deg,var(--ds-verde-2),var(--ds-verde));color:#fff}
html:root body :is(.btn.azul,#btn-apartar,#btn-abrir-apartar):not(#zz){background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul));color:#fff}
html:root body :is(.btn.rojo,.btn.rosa.rojo,.fot-btn-rojo):not(#zz){background:linear-gradient(180deg,var(--ds-rojo-2),var(--ds-rojo));color:#fff}
html:root body :is(.btn.ambar,.btn.alerta):not(#zz){background:linear-gradient(180deg,var(--ds-ambar-2),var(--ds-ambar));color:#fff}
html:root body :is(.btn-wa,.wa-b,.tf-wa-dueno,.btn.wa):not(#zz){background:linear-gradient(180deg,var(--ds-wa-2),var(--ds-wa));color:#fff}
html:root body .btn.rosa:not(.rojo):not(#btn-cobrar):not(#btn-abrir-cobrar):not(#zz){background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul))}
/* secundario = mismo formato, blanco con borde */
html:root body :is(.btn.sec,.btn.secundario):not(#zz){background:var(--ds-card);color:var(--ds-tinta);border-color:var(--ds-borde);box-shadow:0 6px 14px -12px rgba(7,45,89,.4);text-shadow:none}
html:root body :is(.btn.sec,.btn.secundario):not(#zz):hover{background:rgba(143,208,240,.18);filter:none}
html:root body :is(.btn.sec.rojo,.btn.rojo-suave):not(#zz){background:var(--ds-card);color:var(--ds-rojo);border-color:var(--ds-rojo)}
html:root body .btn.sec.verde:not(#zz){background:var(--ds-card);color:var(--ds-verde);border-color:var(--ds-verde)}
html:root body :is(.btn.sec.ambar,.btn.ambar-suave):not(#zz){background:var(--ds-card);color:var(--ds-ambar);border-color:var(--ds-ambar-2)}
html:root body :is(.btn.sec.wa,.btn.sec.tf-wa-dueno):not(#zz){background:var(--ds-card);color:var(--ds-wa);border-color:var(--ds-wa)}
/* deshabilitado UNIFORME: el mismo color con opacidad */
html:root body :is(.btn,.btn-add):is(:disabled,.disabled,[aria-disabled="true"]):not(#zz){opacity:.45;cursor:not-allowed;filter:none;box-shadow:none;pointer-events:auto}
html:root body :is(.btn,.btn-add):is(:disabled,.disabled):not(.sec):not(.verde):not(.rojo):not(.ambar):not(.wa):not(#btn-cobrar):not(#zz){background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul));color:#fff}
html:root body :is(#btn-cobrar,#btn-abrir-cobrar):is(:disabled):not(#zz){background:linear-gradient(180deg,var(--ds-verde-2),var(--ds-verde));color:#fff}
/* iconos dentro del botón */
html:root body :is(.btn,.btn-add) :is(i.ico,svg,.bz-ic){flex:none;color:inherit}

/* ───── TARJETA ÚNICA ───── */
html:root body :is(.card,.cart-card,.cart-panel,.stat,.kpi,.ap-card,.vd-blq,.din-col,.din-debe,.din-general,.sd-card,.in-card):not(#zz){
  background:var(--ds-card);border:1px solid var(--ds-linea);border-radius:var(--ds-r-card);box-shadow:var(--ds-sombra);color:var(--ds-tinta)}
/* encabezado de tarjeta estándar */
.card-header{display:flex;align-items:center;gap:.6rem}
.ds-ic{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:color-mix(in srgb,var(--ds-ic,#0C3D78) 14%,transparent);color:var(--ds-ic,#0C3D78);flex:none}
.ds-ic i.ico{margin:0;font-size:1.3rem;color:inherit}

/* ───── CHIP / BADGE / TABS ───── */
html:root body :is(.chip,.badge):not(#zz){border-radius:var(--ds-r-chip)}
.ds-badge{display:inline-grid;place-items:center;min-width:1.45rem;height:1.45rem;padding:0 .4rem;border-radius:999px;background:var(--ds-azul);color:#fff;font-size:.78rem;font-weight:800}
.ds-badge.cero{background:var(--ds-linea);color:var(--ds-tinta-2)}
.ds-badge.rojo{background:var(--ds-rojo)}

/* ───── REPORTES · HOY (350/351): tarjeta estándar, título con ícono de color, filas limpias ───── */
html body .vd-tres{align-items:stretch}
html:root body .vd-blq:not(#zz){border:1px solid var(--ds-linea);border-top:3px solid color-mix(in srgb,var(--bc) 70%,transparent);overflow:hidden}
html:root body .vd-blq.c-abono:not(#zz){--bc:#7FA80E}
html:root body .vd-blq>header:not(#zz){background:transparent;color:var(--ds-tinta);padding:.8rem .95rem .5rem}
html:root body .vd-blq>header strong:not(#zz){color:var(--bc);font-size:1.5rem}
html:root body .vd-blq>header .vd-ic:not(#zz){display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:color-mix(in srgb,var(--bc) 15%,transparent)}
html:root body .vd-blq>header .vd-ic i.ico:not(#zz){font-size:1.4rem;color:var(--bc)}
html:root body .vd-blq .vd-filas:not(#zz){padding:.1rem .6rem .5rem}
html:root body .vd-blq .item:not(#zz){background:transparent!important;background-image:none!important;border:0;border-bottom:1px solid var(--ds-linea);border-radius:0;box-shadow:none;margin:0;padding:.55rem .35rem}
html:root body .vd-blq .item:not(#zz)::before,html:root body .vd-blq .item:not(#zz)::after{display:none}
html:root body .vd-blq .item:last-child:not(#zz){border-bottom:0}
/* Movimientos de dinero: sin contorno de color; color solo en ícono, número y una franja superior */
html:root body .din-col:not(#zz){border:1px solid var(--ds-linea);border-top:3px solid var(--dc);background:var(--ds-card)}
html:root body .din-col>header:not(#zz){color:var(--ds-tinta)}
html:root body .din-col>header i.ico:not(#zz){display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:color-mix(in srgb,var(--dc) 15%,transparent);color:var(--dc);font-size:1.15rem}
html:root body .din-col .din-t:not(#zz){border-top:1px solid var(--ds-linea);color:var(--dc)}
html:root body .din-debe:not(#zz){border:1px solid var(--ds-linea);border-top:3px solid var(--ds-azul);background:var(--ds-card);color:var(--ds-tinta)}
html:root body .din-debe strong:not(#zz){color:var(--ds-azul)}
html:root[data-tema="oscuro"] body .din-debe strong:not(#zz){color:#8FD0F0}
html:root body .din-debe.sin:not(#zz){border-style:solid;background:var(--ds-card)}
html:root body .din-debe-det:not(#zz){border-top:1px solid var(--ds-linea)}
html:root body .din-general:not(#zz){background:var(--ds-card);color:var(--ds-tinta);border:1px solid var(--ds-linea);border-top:3px solid var(--ds-tinta-2)}
html:root body .din-general:not(#zz) i.ico{color:var(--ds-azul)}
html:root body .din-general b:not(#zz){color:var(--ds-tinta)}
html:root body .din-saldo:not(#zz){border:0;background:color-mix(in srgb,var(--ds-saldo) 14%,transparent);color:var(--ds-saldo)}
html:root[data-tema="oscuro"] body .vd-blq,html:root[data-tema="oscuro"] body .din-col{background:var(--ds-card)}
/* carrito: «Total» ya está en el título de la tarjeta → no repetir la palabra */
html body .cart-total-card .total-row>span:first-child{display:none}
html body .cart-total-card .total-row{justify-content:flex-end}
html body .cart-total-card .total-row strong{font-size:2rem}
html:root body .vd-blq .item:not(#zz){border-left:0!important;box-shadow:none!important;padding-left:.35rem}
html:root body .vd-blq .item:not(#zz) *{border-left-color:transparent}

/* ───── 343b · estado de botones copiar/enviar/descargar ───── */
html:root body .btn.be-ocupado:not(#zz){opacity:.8;pointer-events:none}
html:root body .btn.be-ok.be-ok.be-ok:not(#zz):not(#zy){background:linear-gradient(180deg,var(--ds-verde-2),var(--ds-verde))!important;color:#fff!important;border-color:var(--ds-verde)!important;opacity:1!important}
html:root body .btn.be-mal.be-mal.be-mal:not(#zz):not(#zy){background:linear-gradient(180deg,var(--ds-rojo-2),var(--ds-rojo))!important;color:#fff!important;border-color:var(--ds-rojo)!important;opacity:1!important}
html:root body .btn .be-i{margin:0}

/* ───── 348 · badges de pendientes del menú: a la derecha, en la misma línea, grandes y legibles ───── */
html body #main#main:not(.nav-plegada) aside nav .nav-item .dot:not(.oculto),html body #main#main.nav-hover aside nav .nav-item .dot:not(.oculto){min-width:24px;height:24px;line-height:24px;font-size:13px;font-weight:800;padding:0 6px;border-radius:999px;text-align:center}
html body #main#main.nav-plegada:not(.nav-hover) aside nav .nav-item .dot:not(.oculto){min-width:22px!important;height:22px!important;line-height:22px!important;font-size:12px!important;font-weight:800;top:-6px!important;right:-6px!important;padding:0 5px!important}

/* ───── 344 · FOTOS: filtros en UNA fila de tabs del mismo tamaño, conteo unificado, tarjetas compactas ───── */
html:root body .fot-chips.fot-grupos:not(#zz){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.4rem!important}
html:root body .fot-chips.fot-grupos .chip:not(#zz){display:flex!important;align-items:center!important;justify-content:center!important;gap:.35rem!important;min-height:40px!important;height:40px!important;padding:.2rem .5rem!important;font-size:.88rem!important;font-weight:800!important;white-space:nowrap!important;border-radius:var(--ds-r-btn)!important;background:var(--ds-card)!important;color:var(--ds-tinta)!important;border:1.5px solid var(--ds-borde)!important;box-shadow:none!important}
html:root body .fot-chips.fot-grupos .chip.sel:not(#zz){background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul))!important;color:#fff!important;border-color:transparent!important;box-shadow:var(--ds-glow)!important}
html:root body .fot-chips.fot-grupos .chip>b:not(#zz){display:inline-grid!important;place-items:center!important;min-width:1.5rem!important;height:1.5rem!important;padding:0 .4rem!important;border-radius:999px!important;background:var(--ds-linea)!important;color:var(--ds-tinta-2)!important;font-size:.8rem!important;font-weight:800!important;line-height:1!important}
html:root body .fot-chips.fot-grupos .chip.sel>b:not(#zz){background:rgba(255,255,255,.28)!important;color:#fff!important}
html:root body .fot-chips.fot-grupos .chip.alerta:not(.sel)>b:not(#zz){background:var(--ds-rojo)!important;color:#fff!important}
html:root body .fot-chips.fot-grupos .chip :is(i.ico,svg):not(#zz){flex:none!important;color:inherit!important}
html:root body .fot-herr:not(#zz){display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:.5rem 0}
html:root body .fot-herr .check-line:not(#zz){display:inline-flex;align-items:center;gap:.4rem;min-height:var(--ds-h-s);padding:.2rem .8rem;border:1.5px solid var(--ds-borde);border-radius:var(--ds-r-btn);background:var(--ds-card);font-weight:800;font-size:.85rem;cursor:pointer}
html:root body .fot-item:not(#zz){padding:.45rem .7rem;min-height:0;gap:.7rem;align-items:center}
html:root body .fot-item .fot-mini:not(#zz){width:56px;height:70px;border-radius:12px}
@media(max-width:767px){html:root body .fot-chips.fot-grupos:not(#zz){grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ───── 345 · modales de detalle: contenido con scroll + BARRA DE ACCIONES FIJA abajo, una sola fila, mismo alto ───── */
html body #modal-back .modal:not(.modal-cobro) .acciones:last-child:not(#zz){position:sticky;bottom:-1.3rem;z-index:6;margin:.9rem -1.4rem -1.3rem;padding:.7rem 1.4rem;background:var(--ds-card);border-top:1px solid var(--ds-linea);box-shadow:0 -12px 22px -18px rgba(7,45,89,.5);display:flex;flex-wrap:nowrap;gap:.5rem;align-items:stretch}
html body #modal-back .modal:not(.modal-cobro) .acciones:last-child>:is(.btn,details,button):not(#zz){flex:1 1 0;min-width:0;min-height:46px;white-space:nowrap;padding:.3rem .5rem;font-size:.86rem}
html body #modal-back .modal .ap-mas:not(#zz){position:relative}
html body #modal-back .modal .ap-mas>summary:not(#zz){list-style:none;width:100%;height:100%}
html body #modal-back .modal .ap-mas-m:not(#zz){position:absolute;right:0;bottom:calc(100% + .4rem);min-width:12rem;display:flex;flex-direction:column;gap:.4rem;padding:.6rem;background:var(--ds-card);border:1px solid var(--ds-linea);border-radius:16px;box-shadow:var(--ds-sombra)}
@media(max-width:767px){html body #modal-back .modal:not(.modal-cobro) .acciones:last-child:not(#zz){flex-wrap:wrap;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}html body #modal-back .modal:not(.modal-cobro) .acciones:last-child>:is(.btn,details,button):not(#zz){flex:1 1 40%}}
/* 345b · pantalla de recordatorio */
.rec-res{display:flex;flex-wrap:wrap;gap:.3rem 1.2rem;margin:.3rem 0 .8rem;color:var(--ds-tinta-2)}
.rec-wa{margin:.2rem 0 .9rem}.rec-wa .btn{width:100%}
html body #modal-back .modal:has(.ap-acciones):not(.modal-cobro):not(#zz){width:min(800px,calc(96*var(--vz,1)*1vw))}
html body #modal-back .modal:not(.modal-cobro) .acciones:last-child>:is(.btn,details,button):not(#zz),html body #modal-back .modal:not(.modal-cobro) .acciones:last-child>details>summary:not(#zz){height:48px;min-height:48px}
html body #modal-back .modal:not(.modal-cobro) .acciones:last-child>details>summary:not(#zz){display:flex;align-items:center;justify-content:center;gap:.3rem;white-space:nowrap}

/* modo oscuro: mismos colores del sistema, ganándole a las reglas viejas */
html:root[data-tema="oscuro"] body :is(.btn,.btn-add,button.btn-wa,a.btn-wa,.wa-b):not(#zz):not(#zy){
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.4rem!important;box-sizing:border-box!important;
  min-height:var(--ds-h)!important;padding:.45rem 1.1rem!important;border:1.5px solid transparent!important;border-radius:var(--ds-r-btn)!important;
  background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul))!important;color:#fff!important;font-weight:800!important;font-size:.95rem!important;line-height:1.15!important;letter-spacing:0!important;
  text-shadow:none!important;box-shadow:var(--ds-glow)!important;cursor:pointer!important;text-decoration:none!important}
html:root[data-tema="oscuro"] body :is(.btn.mini,.btn.chico,.btn-sm):not(#zz):not(#zy){min-height:var(--ds-h-s)!important;padding:.25rem .8rem!important;font-size:.85rem!important}
html:root[data-tema="oscuro"] body :is(.btn.grande,.btn-add):not(#zz):not(#zy){min-height:var(--ds-h-l)!important;font-size:1.02rem!important}
html:root[data-tema="oscuro"] body .btn:not(#zz):not(#zy):hover{filter:brightness(1.1)!important}
html:root[data-tema="oscuro"] body :is(.btn.verde,#btn-cobrar,#btn-abrir-cobrar,.btn.ok,.caja-btn-prin,.fot-principal):not(#zz):not(#zy){background:linear-gradient(180deg,var(--ds-verde-2),var(--ds-verde))!important;color:#fff!important}
html:root[data-tema="oscuro"] body :is(.btn.azul,#btn-apartar,#btn-abrir-apartar):not(#zz):not(#zy){background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul))!important;color:#fff!important}
html:root[data-tema="oscuro"] body :is(.btn.rojo,.btn.rosa.rojo,.fot-btn-rojo):not(#zz):not(#zy){background:linear-gradient(180deg,var(--ds-rojo-2),var(--ds-rojo))!important;color:#fff!important}
html:root[data-tema="oscuro"] body :is(.btn.ambar,.btn.alerta):not(#zz):not(#zy){background:linear-gradient(180deg,var(--ds-ambar-2),var(--ds-ambar))!important;color:#fff!important}
html:root[data-tema="oscuro"] body :is(.btn-wa,.wa-b,.tf-wa-dueno,.btn.wa):not(#zz):not(#zy){background:linear-gradient(180deg,var(--ds-wa-2),var(--ds-wa))!important;color:#fff!important}
html:root[data-tema="oscuro"] body .btn.rosa:not(.rojo):not(#btn-cobrar):not(#btn-abrir-cobrar):not(#zz):not(#zy){background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul))!important}
html:root[data-tema="oscuro"] body :is(.btn.sec,.btn.secundario):not(#zz):not(#zy){background:var(--ds-card)!important;color:var(--ds-tinta)!important;border-color:var(--ds-borde)!important;box-shadow:0 6px 14px -12px rgba(7,45,89,.4)!important;text-shadow:none!important}
html:root[data-tema="oscuro"] body :is(.btn.sec,.btn.secundario):not(#zz):not(#zy):hover{background:rgba(143,208,240,.18)!important;filter:none!important}
html:root[data-tema="oscuro"] body :is(.btn.sec.rojo,.btn.rojo-suave):not(#zz):not(#zy){background:var(--ds-card)!important;color:var(--ds-rojo)!important;border-color:var(--ds-rojo)!important}
html:root[data-tema="oscuro"] body .btn.sec.verde:not(#zz):not(#zy){background:var(--ds-card)!important;color:var(--ds-verde)!important;border-color:var(--ds-verde)!important}
html:root[data-tema="oscuro"] body :is(.btn.sec.ambar,.btn.ambar-suave):not(#zz):not(#zy){background:var(--ds-card)!important;color:var(--ds-ambar)!important;border-color:var(--ds-ambar-2)!important}
html:root[data-tema="oscuro"] body :is(.btn.sec.wa,.btn.sec.tf-wa-dueno):not(#zz):not(#zy){background:var(--ds-card)!important;color:var(--ds-wa)!important;border-color:var(--ds-wa)!important}
html:root[data-tema="oscuro"] body :is(.btn,.btn-add):is(:disabled,.disabled,[aria-disabled="true"]):not(#zz):not(#zy){opacity:.45!important;cursor:not-allowed!important;filter:none!important;box-shadow:none!important;pointer-events:auto!important}
html:root[data-tema="oscuro"] body :is(.btn,.btn-add):is(:disabled,.disabled):not(.sec):not(.verde):not(.rojo):not(.ambar):not(.wa):not(#btn-cobrar):not(#zz):not(#zy){background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul))!important;color:#fff!important}
html:root[data-tema="oscuro"] body :is(#btn-cobrar,#btn-abrir-cobrar):is(:disabled):not(#zz):not(#zy){background:linear-gradient(180deg,var(--ds-verde-2),var(--ds-verde))!important;color:#fff!important}
html:root[data-tema="oscuro"] body :is(.btn,.btn-add) :is(i.ico,svg,.bz-ic){flex:none!important;color:inherit!important}
@media(prefers-color-scheme:dark){
html:root:not([data-tema="claro"]) body :is(.btn,.btn-add,button.btn-wa,a.btn-wa,.wa-b):not(#zz):not(#zy){
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.4rem!important;box-sizing:border-box!important;
  min-height:var(--ds-h)!important;padding:.45rem 1.1rem!important;border:1.5px solid transparent!important;border-radius:var(--ds-r-btn)!important;
  background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul))!important;color:#fff!important;font-weight:800!important;font-size:.95rem!important;line-height:1.15!important;letter-spacing:0!important;
  text-shadow:none!important;box-shadow:var(--ds-glow)!important;cursor:pointer!important;text-decoration:none!important}
html:root:not([data-tema="claro"]) body :is(.btn.mini,.btn.chico,.btn-sm):not(#zz):not(#zy){min-height:var(--ds-h-s)!important;padding:.25rem .8rem!important;font-size:.85rem!important}
html:root:not([data-tema="claro"]) body :is(.btn.grande,.btn-add):not(#zz):not(#zy){min-height:var(--ds-h-l)!important;font-size:1.02rem!important}
html:root:not([data-tema="claro"]) body .btn:not(#zz):not(#zy):hover{filter:brightness(1.1)!important}
html:root:not([data-tema="claro"]) body :is(.btn.verde,#btn-cobrar,#btn-abrir-cobrar,.btn.ok,.caja-btn-prin,.fot-principal):not(#zz):not(#zy){background:linear-gradient(180deg,var(--ds-verde-2),var(--ds-verde))!important;color:#fff!important}
html:root:not([data-tema="claro"]) body :is(.btn.azul,#btn-apartar,#btn-abrir-apartar):not(#zz):not(#zy){background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul))!important;color:#fff!important}
html:root:not([data-tema="claro"]) body :is(.btn.rojo,.btn.rosa.rojo,.fot-btn-rojo):not(#zz):not(#zy){background:linear-gradient(180deg,var(--ds-rojo-2),var(--ds-rojo))!important;color:#fff!important}
html:root:not([data-tema="claro"]) body :is(.btn.ambar,.btn.alerta):not(#zz):not(#zy){background:linear-gradient(180deg,var(--ds-ambar-2),var(--ds-ambar))!important;color:#fff!important}
html:root:not([data-tema="claro"]) body :is(.btn-wa,.wa-b,.tf-wa-dueno,.btn.wa):not(#zz):not(#zy){background:linear-gradient(180deg,var(--ds-wa-2),var(--ds-wa))!important;color:#fff!important}
html:root:not([data-tema="claro"]) body .btn.rosa:not(.rojo):not(#btn-cobrar):not(#btn-abrir-cobrar):not(#zz):not(#zy){background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul))!important}
html:root:not([data-tema="claro"]) body :is(.btn.sec,.btn.secundario):not(#zz):not(#zy){background:var(--ds-card)!important;color:var(--ds-tinta)!important;border-color:var(--ds-borde)!important;box-shadow:0 6px 14px -12px rgba(7,45,89,.4)!important;text-shadow:none!important}
html:root:not([data-tema="claro"]) body :is(.btn.sec,.btn.secundario):not(#zz):not(#zy):hover{background:rgba(143,208,240,.18)!important;filter:none!important}
html:root:not([data-tema="claro"]) body :is(.btn.sec.rojo,.btn.rojo-suave):not(#zz):not(#zy){background:var(--ds-card)!important;color:var(--ds-rojo)!important;border-color:var(--ds-rojo)!important}
html:root:not([data-tema="claro"]) body .btn.sec.verde:not(#zz):not(#zy){background:var(--ds-card)!important;color:var(--ds-verde)!important;border-color:var(--ds-verde)!important}
html:root:not([data-tema="claro"]) body :is(.btn.sec.ambar,.btn.ambar-suave):not(#zz):not(#zy){background:var(--ds-card)!important;color:var(--ds-ambar)!important;border-color:var(--ds-ambar-2)!important}
html:root:not([data-tema="claro"]) body :is(.btn.sec.wa,.btn.sec.tf-wa-dueno):not(#zz):not(#zy){background:var(--ds-card)!important;color:var(--ds-wa)!important;border-color:var(--ds-wa)!important}
html:root:not([data-tema="claro"]) body :is(.btn,.btn-add):is(:disabled,.disabled,[aria-disabled="true"]):not(#zz):not(#zy){opacity:.45!important;cursor:not-allowed!important;filter:none!important;box-shadow:none!important;pointer-events:auto!important}
html:root:not([data-tema="claro"]) body :is(.btn,.btn-add):is(:disabled,.disabled):not(.sec):not(.verde):not(.rojo):not(.ambar):not(.wa):not(#btn-cobrar):not(#zz):not(#zy){background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul))!important;color:#fff!important}
html:root:not([data-tema="claro"]) body :is(#btn-cobrar,#btn-abrir-cobrar):is(:disabled):not(#zz):not(#zy){background:linear-gradient(180deg,var(--ds-verde-2),var(--ds-verde))!important;color:#fff!important}
html:root:not([data-tema="claro"]) body :is(.btn,.btn-add) :is(i.ico,svg,.bz-ic){flex:none!important;color:inherit!important}
}
html body #modal-back .modal:not(.modal-cobro) .acciones:last-child>.btn.wa:not(#zz){flex:1.7 1 0}
html body #modal-back .modal:has(.ap-acciones):not(.modal-cobro):not(#zz){width:min(880px,calc(96*var(--vz,1)*1vw))}
html body #modal-back .modal .acciones:last-child>details.ap-mas:not(#zz){display:flex}
html body #modal-back .modal .acciones:last-child>details.ap-mas>summary:not(#zz){flex:1;border-radius:999px}
@media(max-width:767px){html body #modal-back .modal:not(.modal-cobro) .acciones:last-child>:is(.btn,details,button):not(#zz){flex:1 1 40%;white-space:normal;height:44px;min-height:44px}html body #modal-back .modal:not(.modal-cobro) .acciones:last-child>.btn.wa:not(#zz){flex:1 1 100%}html body #modal-back .modal:not(.modal-cobro) .acciones:last-child:not(#zz){gap:.4rem;padding-top:.5rem;padding-bottom:.5rem}}

/* ───── 344b · INSUMOS: columnas fijas y botones del mismo alto/ancho ───── */
html body .ins-fila:not(#zz){border-left:1px solid var(--ds-linea)!important}
html body .ins-fila.ins-bajo:not(#zz){border-top:3px solid var(--ds-ambar-2)}
html body .ins-fila.ins-neg:not(#zz){border-top:3px solid var(--ds-rojo)}
html body .ins-fila .ins-ex b:not(#zz){font-size:1.7rem}
html body .ins-fila.ins-neg .ins-ex b:not(#zz),html body .ins-fila.ins-neg .ins-ex small:not(#zz){color:var(--ds-rojo)!important}
html body .ins-fila .ins-acc:not(#zz){display:grid;grid-template-columns:repeat(3,9rem);gap:.5rem;flex-wrap:nowrap}
html body .ins-fila .ins-acc .btn:not(#zz){width:9rem;height:var(--ds-h);min-height:var(--ds-h);white-space:nowrap;padding:.2rem .4rem}
@media(min-width:768px){html body .ins-fila:not(#zz){grid-template-columns:minmax(0,1fr) 7rem calc(27rem + 1rem)!important;grid-template-areas:"i e a"!important}html body .ins-fila .ins-info small:not(#zz){white-space:normal}}
@media(max-width:767px){html body .ins-fila .ins-acc:not(#zz){grid-template-columns:repeat(3,1fr)}html body .ins-fila .ins-acc .btn:not(#zz){width:auto}}
/* acción de alerta suave (ej. «Se acabó»): mismo formato, blanco con borde y texto ámbar */
html:root body .btn.sec.avisa:not(#zz):not(#zy){background:var(--ds-card)!important;color:var(--ds-ambar)!important;border:1.5px solid var(--ds-ambar-2)!important}
html:root[data-tema="oscuro"] body .btn.sec.avisa:not(#zz):not(#zy){color:#FFB155!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .btn.sec.avisa:not(#zz):not(#zy){color:#FFB155!important}}

/* ───── 346 · teclado numérico del PIN (3×4) ───── */
.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:.7rem auto 0;max-width:19rem}
.pin-pad .pin-k{height:3.4rem;border-radius:999px;border:1.5px solid var(--ds-borde);background:var(--ds-card);color:var(--ds-tinta);font:800 1.4rem var(--font);cursor:pointer;box-shadow:0 6px 14px -12px rgba(7,45,89,.4);transition:transform .05s}
.pin-pad .pin-k:active{transform:scale(.96);background:rgba(143,208,240,.25)}
.pin-pad .pin-del{color:var(--ds-rojo)}
.pin-pad .pin-ok{background:linear-gradient(180deg,var(--ds-verde-2),var(--ds-verde));color:#fff;border-color:var(--ds-verde)}
@media(max-width:767px),(pointer:coarse) and (max-width:767px){.pin-pad{display:none}}
.pin-pad .pin-ok *,.pin-pad .pin-del *{color:inherit!important}
.pin-pad .pin-ok .ico,.pin-pad .pin-ok svg{font-size:1.5rem;width:1.5rem;height:1.5rem}
/* login: compacto para que PIN + teclado + botones quepan sin scroll en 1366×768 */
#paso-vendedora .pin-pad{max-width:15.5rem;gap:.35rem;margin-top:.45rem}
#paso-vendedora .pin-pad .pin-k{height:2.55rem;font-size:1.2rem}
@media(max-height:800px){
  #login :is(h1,h2):not(#zz){margin-bottom:.15rem}
  #login .login-sub,#login h2+p,#login h1+p{display:none}
  #paso-vendedora label{margin-top:.2rem}
  #paso-vendedora select,#paso-vendedora input{min-height:2.4rem;padding-top:.3rem;padding-bottom:.3rem}
  #paso-vendedora #precarga-msg{margin-top:.25rem}
  #paso-vendedora .btn.grande{min-height:46px;margin-top:.4rem!important}
  #paso-vendedora .btn.sec{min-height:40px;margin-top:.3rem!important}
}

/* ───── CHIP / FILTRO / TAB único (píldora, mismo alto, seleccionado = azul) ───── */
html:root body :is(.chip,.cat-chip,.carrito-tab,.chip-cuenta,.seg button):not(#zz){border-radius:var(--ds-r-chip)!important;min-height:2.3rem;font-weight:800;font-size:.88rem;border:1.5px solid var(--ds-borde);box-shadow:none}
html:root body :is(.chip.sel,.chip.active,.cat-chip.active,.carrito-tab.active,.chip-cuenta.sel,.chip-cuenta.active,.seg button.active):not(#zz){background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul))!important;color:#fff!important;border-color:transparent!important;box-shadow:var(--ds-glow)}
/* quitar / borrar = píldora roja secundaria */
html:root body :is(.btn-del,.cli-quitar,.tr-quitar):not(#zz){border-radius:var(--ds-r-btn)!important;min-height:var(--ds-h-s)!important;padding:.2rem .8rem!important;font-weight:800!important;background:var(--ds-card)!important;color:var(--ds-rojo)!important;border:1.5px solid var(--ds-rojo)!important;box-shadow:none!important}
/* método de pago = tarjeta estándar con acento de color en el ícono (sin contorno grueso) */
html:root body .metodos .metodo:not(#zz){border-radius:var(--ds-r-card)!important;box-shadow:var(--ds-sombra)}

/* ───── COBRO: secciones = tarjeta estándar (sombra suave, borde fino); método con franja SUPERIOR fina en vez de borde grueso ───── */
html:root body :is(#cobro-back,#modal-back) :is(#pz-lista,#ex-box-c,#bolsa-fila,#apartado-extra,#monto-bloque,.m-monto-bloque,#metodos-pago,#m-metodos,#efec-wrap .ef,#m-efec-wrap .ef,#pagos-lista,#pagos-resumen,#m-stage,#m-despues,#m-info,#m-bolsas,#ent-bolsas,.ex-box,.cobro-final,#c-tf-wa:not(.oculto),#a-tf-wa:not(.oculto)):not(#zz):not(#zy){background:var(--ds-card)!important;border:1px solid var(--ds-linea)!important;border-radius:var(--ds-r-card)!important;box-shadow:var(--ds-sombra)!important}
html:root body :is(#cobro-back,#modal-back) .metodos .metodo[data-id]:not(#zz):not(#zy){border:1px solid var(--ds-linea)!important;border-top:3px solid var(--mc,#6B7C93)!important;border-left:1px solid var(--ds-linea)!important;border-radius:var(--ds-r-card)!important;box-shadow:var(--ds-sombra)!important}
html:root body :is(#cobro-back,#modal-back) .metodos .metodo[data-id].active:not(#zz):not(#zy){border-color:var(--mc)!important}

/* ───── 351b · FORMA DE PAGO y CUENTAS: tarjeta global (blanca + sombra), color solo en el ícono en círculo; seleccionada = relleno suave + palomita + sombra más marcada ───── */
html body .metodos .metodo[data-id="efectivo"]{--mc:var(--ds-efectivo)}html body .metodos .metodo[data-id="tarjeta"]{--mc:var(--ds-tarjeta)}html body .metodos .metodo[data-id="transferencia"]{--mc:var(--ds-transf)}html body .metodos .metodo[data-id="saldo"]{--mc:var(--ds-saldo)}
html:root body :is(#cobro-back,#modal-back) .metodos .metodo[data-id]:not(#zz):not(#zy){position:relative;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.4rem!important;border:1px solid var(--ds-linea)!important;border-top:1px solid var(--ds-linea)!important;border-left:1px solid var(--ds-linea)!important;background:var(--ds-card)!important;color:var(--ds-tinta)!important;box-shadow:var(--ds-sombra)!important;text-align:center}
html:root body :is(#cobro-back,#modal-back) .metodos .metodo[data-id] .metodo-ico:not(#zz):not(#zy){display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:color-mix(in srgb,var(--mc) 16%,transparent)!important;color:var(--mc)!important}
html:root body :is(#cobro-back,#modal-back) .metodos .metodo[data-id] .metodo-ico *:not(#zz){color:var(--mc)!important;stroke:var(--mc)!important}
html:root body :is(#cobro-back,#modal-back) .metodos .metodo[data-id] .metodo-t:not(#zz){color:var(--ds-tinta)!important;font-weight:800}
html:root body :is(#cobro-back,#modal-back) .metodos .metodo[data-id] .metodo-ok:not(#zz),html body .tf-cta .tf-cta-ok{display:none}
html:root body :is(#cobro-back,#modal-back) .metodos .metodo[data-id].active:not(#zz):not(#zy){background:color-mix(in srgb,var(--mc) 12%,var(--ds-card))!important;border-color:color-mix(in srgb,var(--mc) 55%,transparent)!important;color:var(--ds-tinta)!important;box-shadow:0 14px 26px -14px color-mix(in srgb,var(--mc) 70%,transparent),0 2px 6px -2px rgba(7,45,89,.12)!important}
html:root body :is(#cobro-back,#modal-back) .metodos .metodo[data-id].active *:not(#zz){color:inherit}
html:root body :is(#cobro-back,#modal-back) .metodos .metodo[data-id].active .metodo-ico *:not(#zz){color:var(--mc)!important;stroke:var(--mc)!important}
html:root body :is(#cobro-back,#modal-back) .metodos .metodo[data-id].active .metodo-ok:not(#zz){display:grid;position:absolute;top:.4rem;right:.5rem;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--mc);color:#fff!important;font-size:.8rem}
html:root body .metodos .metodo[data-id].active .metodo-ok *:not(#zz){color:#fff!important;stroke:#fff!important}
/* cuentas de transferencia */
html:root body .tf-cuentas:not(#zz){display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.6rem}
html:root body .tf-cta:not(#zz){position:relative;flex-direction:row;align-items:center;gap:.7rem;min-height:3.6rem;padding:.6rem .8rem;background:var(--ds-card)!important;border:1px solid var(--ds-linea)!important;border-radius:var(--ds-r-card);box-shadow:var(--ds-sombra);color:var(--ds-tinta)}
html:root body .tf-cta:not(#zz) .tf-cta-ic{--ds-ic:var(--ds-transf);width:2.3rem;height:2.3rem}
html:root body .tf-cta .tf-cta-t:not(#zz){display:flex;flex-direction:column;min-width:0;flex:1}
html:root body .tf-cta b:not(#zz){color:var(--ds-tinta);overflow-wrap:anywhere}
html:root body .tf-cta small:not(#zz){color:var(--ds-tinta-2)}
html:root body .tf-cta .tf-rec:not(#zz){position:static;flex:none;align-self:center;padding:.1rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--ds-ambar-2) 22%,transparent);color:var(--ds-ambar);font-size:.7rem;font-weight:800}
html:root body .tf-cta.sel:not(#zz){background:color-mix(in srgb,var(--ds-transf) 13%,var(--ds-card))!important;border-color:color-mix(in srgb,var(--ds-transf) 55%,transparent)!important;box-shadow:0 14px 26px -14px color-mix(in srgb,var(--ds-transf) 70%,transparent),0 2px 6px -2px rgba(7,45,89,.12)}
html:root body .tf-cta.sel .tf-cta-ok:not(#zz){display:grid;flex:none;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--ds-transf);color:#fff}
html:root body .tf-cta .tf-cta-ok *:not(#zz){color:#fff!important;stroke:#fff!important}
/* «Que depositen a» sin rayita azul */
html:root body .tf-card:not(#zz){border-left:0!important;border:1px solid var(--ds-linea);border-radius:var(--ds-r-card);background:var(--ds-card)!important;box-shadow:var(--ds-sombra)}
html:root body .tf-card span:not(#zz){color:var(--ds-tinta-2)}html:root body .tf-card b:not(#zz){color:var(--ds-tinta)}
html:root body :is(#cobro-back,#modal-back) .metodos .metodo[data-id].active *:not(#zz):not(#zy):not(#zx){color:var(--ds-tinta)!important}
html:root body :is(#cobro-back,#modal-back) .metodos .metodo[data-id].active .metodo-ico *:not(#zz):not(#zy):not(#zx){color:var(--mc)!important;stroke:var(--mc)!important}
html:root body :is(#cobro-back,#modal-back) .metodos .metodo[data-id].active .metodo-ok:not(#zz):not(#zy):not(#zx),html:root body :is(#cobro-back,#modal-back) .metodos .metodo[data-id].active .metodo-ok *:not(#zz):not(#zy):not(#zx){color:#fff!important;stroke:#fff!important;background:transparent}
html:root body :is(#cobro-back,#modal-back) .metodos .metodo[data-id].active .metodo-ok:not(#zz):not(#zy):not(#zx){background:var(--mc)}
html:root body .tf-cta .tf-rec:not(#zz){align-self:flex-start;margin-top:.2rem}
html:root body .tf-cuentas:not(#zz){grid-template-columns:repeat(auto-fill,minmax(17rem,1fr))}
html:root body :is(#cobro-back,#modal-back) .metodos .metodo[data-id] .metodo-ok svg:not(#zz){width:.9rem;height:.9rem}
html:root body .metodos .metodo .metodo-ok:not(#zz):not(#zy):not(#zx){overflow:hidden;line-height:0}
html:root body .metodos .metodo .metodo-ok :is(svg,i,.bz-ic):not(#zz):not(#zy):not(#zx){position:static!important;width:.85rem!important;height:.85rem!important;margin:0!important;transform:none!important;display:block}

/* ───── 352 · ÍCONOS: círculo de ícono en filas de insumos + selector de ícono ───── */
html body .ins-fila{grid-template-columns:2.8rem minmax(0,1fr) 7rem calc(27rem + 1rem)!important;grid-template-areas:"ic i e a"!important}
html body .ins-fila .ins-ic{grid-area:ic;width:2.6rem;height:2.6rem;border:0;cursor:pointer;--ds-ic:var(--ds-azul)}
html body .ins-fila .ins-ic .bz-ic{width:1.4rem;height:1.4rem}
html:root[data-tema="oscuro"] body .ins-fila .ins-ic{--ds-ic:#8FD0F0}
.ic-grid-w{margin-top:.4rem}.ic-grid-q{width:100%;margin-bottom:.5rem}
.ic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.2rem,1fr));gap:.4rem;max-height:46dvh;overflow:auto;padding:.2rem}
.ic-op{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .2rem;border:1px solid var(--ds-linea);border-radius:16px;background:var(--ds-card);color:var(--ds-tinta);cursor:pointer;box-shadow:var(--ds-sombra)}
.ic-op .bz-ic{width:1.6rem;height:1.6rem}.ic-op small{font-size:.7rem;line-height:1.1;text-align:center;font-weight:700}
.ic-op.sel{background:color-mix(in srgb,var(--ds-azul) 12%,var(--ds-card));border-color:color-mix(in srgb,var(--ds-azul) 55%,transparent)}
@media(max-width:767px){html body .ins-fila{grid-template-columns:2.8rem minmax(0,1fr) 5.4rem!important;grid-template-areas:"ic i e" "a a a"!important}}
@media(min-width:768px){html body .ins-fila:not(#zz){grid-template-columns:2.8rem minmax(0,1fr) 7rem calc(27rem + 1rem)!important;grid-template-areas:"ic i e a"!important}}
@media(max-width:767px){html body .ins-fila:not(#zz){grid-template-columns:2.8rem minmax(0,1fr) 5.4rem!important;grid-template-areas:"ic i e" "a a a"!important}}

/* ───── Migración: AJUSTES, TRASPASOS (Transferencias), CONTEO/INVENTARIO y MENÚ DE USUARIO ───── */
/* Ajustes: filas de estado = lista limpia; avisos = tarjeta suave sin borde de color */
html:root body .aj-est-f:not(#zz):not(#zy){background:transparent!important;border:0!important;border-bottom:1px solid var(--ds-linea)!important;border-radius:0!important;box-shadow:none!important;color:var(--ds-tinta)!important}
html:root body .aj-est-f:last-child:not(#zz){border-bottom:0!important}
html:root body :is(.aj-info,.aj-estado):not(#zz):not(#zy){background:color-mix(in srgb,var(--ds-azul) 7%,var(--ds-card))!important;border:0!important;border-radius:var(--ds-r-card)!important;color:var(--ds-tinta)!important}
html:root body .aj-estado.ok:not(#zz):not(#zy){background:color-mix(in srgb,var(--ds-verde) 12%,var(--ds-card))!important;color:var(--ds-verde)!important}
html:root body .aj-estado.mal:not(#zz):not(#zy){background:color-mix(in srgb,var(--ds-rojo) 12%,var(--ds-card))!important;color:var(--ds-rojo)!important}
html:root[data-tema="oscuro"] body .aj-estado.ok:not(#zz):not(#zy){color:#7BE3B0!important}html:root[data-tema="oscuro"] body .aj-estado.mal:not(#zz):not(#zy){color:#FF8FA6!important}
html:root body .aj-sec:not(#zz){background:var(--ds-card);border:1px solid var(--ds-linea);border-radius:var(--ds-r-card);box-shadow:var(--ds-sombra)}
/* Traspasos: encabezados de sección = título estándar con ícono en círculo de color (sin banda pastel) */
html:root body .tf-col:not(#zz){--tc:var(--ds-azul)}
html:root body .tf-col.c-ambar:not(#zz){--tc:var(--ds-ambar-2)}html:root body .tf-col.c-petroleo:not(#zz){--tc:#2B8A93}html:root body .tf-col.c-verde:not(#zz){--tc:var(--ds-verde)}
html:root body .tf-sec.tf-col>h3:not(#zz):not(#zy){background:transparent!important;border:0!important;border-radius:0!important;color:var(--ds-tinta)!important;padding:.2rem 0!important}
html:root body .tf-sec.tf-col>h3 .tf-col-ic:not(#zz):not(#zy){display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:color-mix(in srgb,var(--tc) 16%,transparent)!important;color:var(--tc)!important}
html:root body .tf-sec.tf-col>h3 .tf-col-ic *:not(#zz):not(#zy){color:var(--tc)!important;stroke:var(--tc)!important}
html:root body .tf-sec.tf-col>h3 .tf-n:not(#zz):not(#zy){display:inline-grid;place-items:center;min-width:1.5rem;height:1.5rem;padding:0 .4rem;border-radius:999px;background:var(--ds-linea)!important;color:var(--ds-tinta-2)!important;font-weight:800;font-size:.8rem}
html:root body .tf-col .tf-card-t.entra:not(#zz):not(#zy){border-left:1px solid var(--ds-linea)!important;border-top:3px solid var(--tc);background:var(--ds-card)!important}
/* Menú de usuario: tamaño de texto A− / % / A+ = píldoras del sistema */
html:root body .um-texto button:not(#zz):not(#zy){border-radius:var(--ds-r-btn)!important;border:1.5px solid var(--ds-borde)!important;background:var(--ds-card)!important;color:var(--ds-tinta)!important;min-height:var(--ds-h-s)!important;font-weight:800}
/* Inventario / Conteo: tabs Consultar/Contar = tabs del sistema */
html:root body #tab-inventario .seg:not(#zz){display:flex;gap:.4rem;padding:.4rem;background:var(--ds-card);border:1px solid var(--ds-linea);border-radius:var(--ds-r-btn);box-shadow:var(--ds-sombra)}
html:root body #tab-inventario .seg button:not(#zz){flex:1}

/* ───── 340b · sin franja navy: el resumen (Total · Ya pagado · Falta) vive SOLO arriba del botón Cobrar ───── */
html body #cobro-back .cobro-total:not(#zz){display:none!important}
html:root body #cobro-back #pagos-resumen:not(#zz):not(#zy){margin:0 0 .6rem;padding:.7rem .9rem;background:var(--ds-card)!important;border:1px solid var(--ds-linea)!important;border-radius:var(--ds-r-card)!important;box-shadow:var(--ds-sombra)!important;display:flex;flex-direction:column;gap:.25rem}
html body #cobro-back #pagos-resumen>div{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;color:var(--ds-tinta)}
html body #cobro-back #pagos-resumen>div:first-child b{font-size:2rem;font-weight:800;letter-spacing:-.5px;line-height:1.1}
html body #cobro-back #pagos-resumen>div.falta b,html body #cobro-back #pagos-resumen>div.falta span{color:var(--ds-ambar);font-weight:800}
html body #cobro-back #pagos-resumen>div.falta b{font-size:1.4rem}
html:root[data-tema="oscuro"] body #cobro-back #pagos-resumen>div.falta :is(b,span){color:#FFB155}
html body #cobro-back #pagos-resumen>div.ok :is(b,span){color:var(--ds-verde);font-weight:800}
html:root[data-tema="oscuro"] body #cobro-back #pagos-resumen>div.ok :is(b,span){color:#7BE3B0}
@media(max-width:767px){html body #cobro-back #pagos-resumen:not(#zz){padding:.4rem .7rem;margin-bottom:.4rem;flex-direction:row;flex-wrap:wrap;gap:.1rem .9rem}html body #cobro-back #pagos-resumen>div:first-child b{font-size:1.3rem}html body #cobro-back #pagos-resumen>div{font-size:.85rem}html body #cobro-back #pagos-resumen>div.falta b{font-size:1.1rem}}
html body #cobro-back .cobro-final #pagos-resumen:not(#zz):not(#zy):not(#zx){border:0!important;box-shadow:none!important;padding:0 0 .5rem!important;margin:0 0 .5rem;border-bottom:1px solid var(--ds-linea)!important;border-radius:0!important;background:transparent!important}
@media(max-width:767px){
  html body #cobro-back .cobro-final:not(#zz):not(#zy){position:sticky;bottom:0;z-index:8;margin:.4rem -.2rem 0;padding:.5rem .7rem calc(.5rem + env(safe-area-inset-bottom))!important;background:var(--ds-card)!important;border:0!important;border-top:1px solid var(--ds-linea)!important;border-radius:var(--ds-r-card) var(--ds-r-card) 0 0!important;box-shadow:0 -14px 24px -16px rgba(7,45,89,.45)!important}
  html body #cobro-back .cobro-final #pagos-resumen:not(#zz):not(#zy):not(#zx){padding:0 0 .3rem!important;margin:0 0 .35rem;flex-direction:row;flex-wrap:wrap;gap:.05rem .8rem}
}
@media(max-width:767px){html body #cobro-back .cobro-col3:not(#zz):not(#zy){display:contents}html body #cobro-back .cobro-cols>.cobro-final,html body #cobro-back .cobro-col3>.cobro-final{order:99}}
@media(max-width:767px){html body #cobro-back .cobro-col3:not(#zz):not(#zy):not(#zx){display:contents!important}}
@media(max-width:767px){html body #cobro-back #cobro-resumen-final:not(#zz){display:none!important}}

/* ───── 353 · TABLET / compacto (768–1100 px): dos columnas, catálogo con espacio, métodos en una fila, botones táctiles ≥44 px ───── */
@media(min-width:768px) and (max-width:1100px){
  html body .vender-layout:not(#zz){grid-template-columns:minmax(0,1fr) 300px!important;gap:.8rem}
  html body .vender-layout .cart-panel:not(#zz){position:sticky;top:.5rem}
  html body #cobro-back .metodos:not(#zz){grid-template-columns:repeat(4,minmax(0,1fr))!important}
  html body #cobro-back .metodos .metodo[data-id]:not(#zz){min-height:5.2rem!important;padding:.4rem .2rem!important;font-size:.88rem!important}
  html body .btn:not(.mini):not(#zz),html body .chip:not(#zz),html body .seg button:not(#zz){min-height:44px}
  html body .btn.mini:not(#zz){min-height:44px}
  html body .ins-fila:not(#zz){grid-template-columns:2.8rem minmax(0,1fr) 5rem!important;grid-template-areas:"ic i e" "a a a"!important}
  html body .ins-fila .ins-acc:not(#zz){grid-template-columns:repeat(3,1fr)}html body .ins-fila .ins-acc .btn:not(#zz){width:auto}
}
/* deshabilitado uniforme también en Cobrar/Apartar */
html:root body :is(#btn-cobrar,#btn-apartar,#btn-abrir-cobrar,#btn-abrir-apartar):disabled:not(#zz):not(#zy):not(#zx){opacity:.45!important;filter:none!important;box-shadow:none!important;cursor:not-allowed}
html:root body :is(#btn-cobrar,#btn-abrir-cobrar):disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-verde-2),var(--ds-verde))!important;color:#fff!important;border-color:var(--ds-verde)!important}
html:root body :is(#btn-apartar,#btn-abrir-apartar):disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul))!important;color:#fff!important;border-color:var(--ds-azul)!important}
@media(min-width:768px) and (max-width:920px){
  html body #modal-back .modal:not(.modal-cobro) .acciones:last-child:not(#zz){flex-wrap:wrap}
  html body #modal-back .modal:not(.modal-cobro) .acciones:last-child>:is(.btn,details,button):not(#zz){flex:1 1 30%;white-space:normal;height:46px;min-height:46px}
  html body #modal-back .modal:not(.modal-cobro) .acciones:last-child>.btn.wa:not(#zz){flex:1 1 55%}
}

/* ───── 349c · DESHABILITADO uniforme en TODO el POS: el MISMO color del botón al 45 %, cursor not-allowed, sin gris pizarra ───── */
html:root body .btn:not(.sec):not(.verde):not(.rojo):not(.ambar):not(.wa):not(.btn-wa):not(.wa-b):not(.azul):disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul))!important;color:#fff!important;border-color:var(--ds-azul)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root body .btn.azul:disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul))!important;color:#fff!important;border-color:var(--ds-azul)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root body .btn.verde:disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-verde-2),var(--ds-verde))!important;color:#fff!important;border-color:var(--ds-verde)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root body .btn.rojo:disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-rojo-2),var(--ds-rojo))!important;color:#fff!important;border-color:var(--ds-rojo)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root body .btn.ambar:disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-ambar-2),var(--ds-ambar))!important;color:#fff!important;border-color:var(--ds-ambar)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root body .btn.wa:disabled:not(#zz):not(#zy):not(#zx),html:root body .btn-wa:disabled:not(#zz):not(#zy):not(#zx),html:root body .wa-b:disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-wa-2),var(--ds-wa))!important;color:#fff!important;border-color:var(--ds-wa)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root body #btn-cobrar:disabled:not(#zz):not(#zy):not(#zx),html:root body #btn-abrir-cobrar:disabled:not(#zz):not(#zy):not(#zx),html:root body .tf-btn:disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-verde-2),var(--ds-verde))!important;color:#fff!important;border-color:var(--ds-verde)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root body #btn-apartar:disabled:not(#zz):not(#zy):not(#zx),html:root body #btn-abrir-apartar:disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul))!important;color:#fff!important;border-color:var(--ds-azul)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root body .btn.sec:disabled:not(#zz):not(#zy):not(#zx){background:var(--ds-card)!important;color:var(--ds-tinta)!important;border-color:var(--ds-borde)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important}
html:root[data-tema="oscuro"] body .btn:not(.sec):not(.verde):not(.rojo):not(.ambar):not(.wa):not(.btn-wa):not(.wa-b):not(.azul):disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul))!important;color:#fff!important;border-color:var(--ds-azul)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root[data-tema="oscuro"] body .btn.azul:disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul))!important;color:#fff!important;border-color:var(--ds-azul)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root[data-tema="oscuro"] body .btn.verde:disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-verde-2),var(--ds-verde))!important;color:#fff!important;border-color:var(--ds-verde)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root[data-tema="oscuro"] body .btn.rojo:disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-rojo-2),var(--ds-rojo))!important;color:#fff!important;border-color:var(--ds-rojo)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root[data-tema="oscuro"] body .btn.ambar:disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-ambar-2),var(--ds-ambar))!important;color:#fff!important;border-color:var(--ds-ambar)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root[data-tema="oscuro"] body .btn.wa:disabled:not(#zz):not(#zy):not(#zx),html:root[data-tema="oscuro"] body .btn-wa:disabled:not(#zz):not(#zy):not(#zx),html:root[data-tema="oscuro"] body .wa-b:disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-wa-2),var(--ds-wa))!important;color:#fff!important;border-color:var(--ds-wa)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root[data-tema="oscuro"] body #btn-cobrar:disabled:not(#zz):not(#zy):not(#zx),html:root[data-tema="oscuro"] body #btn-abrir-cobrar:disabled:not(#zz):not(#zy):not(#zx),html:root[data-tema="oscuro"] body .tf-btn:disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-verde-2),var(--ds-verde))!important;color:#fff!important;border-color:var(--ds-verde)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root[data-tema="oscuro"] body #btn-apartar:disabled:not(#zz):not(#zy):not(#zx),html:root[data-tema="oscuro"] body #btn-abrir-apartar:disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul))!important;color:#fff!important;border-color:var(--ds-azul)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root[data-tema="oscuro"] body .btn.sec:disabled:not(#zz):not(#zy):not(#zx){background:var(--ds-card)!important;color:var(--ds-tinta)!important;border-color:var(--ds-borde)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important}
html:root[data-tema="claro"] body .btn:not(.sec):not(.verde):not(.rojo):not(.ambar):not(.wa):not(.btn-wa):not(.wa-b):not(.azul):disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul))!important;color:#fff!important;border-color:var(--ds-azul)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root[data-tema="claro"] body .btn.azul:disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul))!important;color:#fff!important;border-color:var(--ds-azul)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root[data-tema="claro"] body .btn.verde:disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-verde-2),var(--ds-verde))!important;color:#fff!important;border-color:var(--ds-verde)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root[data-tema="claro"] body .btn.rojo:disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-rojo-2),var(--ds-rojo))!important;color:#fff!important;border-color:var(--ds-rojo)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root[data-tema="claro"] body .btn.ambar:disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-ambar-2),var(--ds-ambar))!important;color:#fff!important;border-color:var(--ds-ambar)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root[data-tema="claro"] body .btn.wa:disabled:not(#zz):not(#zy):not(#zx),html:root[data-tema="claro"] body .btn-wa:disabled:not(#zz):not(#zy):not(#zx),html:root[data-tema="claro"] body .wa-b:disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-wa-2),var(--ds-wa))!important;color:#fff!important;border-color:var(--ds-wa)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root[data-tema="claro"] body #btn-cobrar:disabled:not(#zz):not(#zy):not(#zx),html:root[data-tema="claro"] body #btn-abrir-cobrar:disabled:not(#zz):not(#zy):not(#zx),html:root[data-tema="claro"] body .tf-btn:disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-verde-2),var(--ds-verde))!important;color:#fff!important;border-color:var(--ds-verde)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root[data-tema="claro"] body #btn-apartar:disabled:not(#zz):not(#zy):not(#zx),html:root[data-tema="claro"] body #btn-abrir-apartar:disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul))!important;color:#fff!important;border-color:var(--ds-azul)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root[data-tema="claro"] body .btn.sec:disabled:not(#zz):not(#zy):not(#zx){background:var(--ds-card)!important;color:var(--ds-tinta)!important;border-color:var(--ds-borde)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important}
html:root:not([data-tema]) body .btn:not(.sec):not(.verde):not(.rojo):not(.ambar):not(.wa):not(.btn-wa):not(.wa-b):not(.azul):disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul))!important;color:#fff!important;border-color:var(--ds-azul)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root:not([data-tema]) body .btn.azul:disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul))!important;color:#fff!important;border-color:var(--ds-azul)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root:not([data-tema]) body .btn.verde:disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-verde-2),var(--ds-verde))!important;color:#fff!important;border-color:var(--ds-verde)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root:not([data-tema]) body .btn.rojo:disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-rojo-2),var(--ds-rojo))!important;color:#fff!important;border-color:var(--ds-rojo)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root:not([data-tema]) body .btn.ambar:disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-ambar-2),var(--ds-ambar))!important;color:#fff!important;border-color:var(--ds-ambar)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root:not([data-tema]) body .btn.wa:disabled:not(#zz):not(#zy):not(#zx),html:root:not([data-tema]) body .btn-wa:disabled:not(#zz):not(#zy):not(#zx),html:root:not([data-tema]) body .wa-b:disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-wa-2),var(--ds-wa))!important;color:#fff!important;border-color:var(--ds-wa)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root:not([data-tema]) body #btn-cobrar:disabled:not(#zz):not(#zy):not(#zx),html:root:not([data-tema]) body #btn-abrir-cobrar:disabled:not(#zz):not(#zy):not(#zx),html:root:not([data-tema]) body .tf-btn:disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-verde-2),var(--ds-verde))!important;color:#fff!important;border-color:var(--ds-verde)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root:not([data-tema]) body #btn-apartar:disabled:not(#zz):not(#zy):not(#zx),html:root:not([data-tema]) body #btn-abrir-apartar:disabled:not(#zz):not(#zy):not(#zx){background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul))!important;color:#fff!important;border-color:var(--ds-azul)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}
html:root:not([data-tema]) body .btn.sec:disabled:not(#zz):not(#zy):not(#zx){background:var(--ds-card)!important;color:var(--ds-tinta)!important;border-color:var(--ds-borde)!important;opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important}

/* ───── 340c · ninguna franja navy en NINGÚN modal de pago (Cobrar, Apartar, Abonar, Liquidar/Entregar) ───── */
html body :is(#cobro-back,#modal-back) .cobro-total:not(#zz){display:none!important}

/* ───── 351c · BILLETES: tarjeta del sistema (sombra suave, sin borde grueso de color); el color vive en un tinte suave ───── */
html body .ef-grid .den-btn.d20{--dn:#3AA7D6}html body .ef-grid .den-btn.d50{--dn:#E0699B}html body .ef-grid .den-btn.d100{--dn:#D84A55}html body .ef-grid .den-btn.d200{--dn:#2FA36B}html body .ef-grid .den-btn.d500{--dn:#5A6FD6}html body .ef-grid .den-btn.d1000{--dn:#B8895A}
html:root body .ef-grid:not(.ef-mon) .den-btn:not(#zz):not(#zy):not(#zx){position:relative;background:color-mix(in srgb,var(--dn,#6B7C93) 11%,var(--ds-card))!important;color:var(--ds-tinta)!important;border:1px solid var(--ds-linea)!important;border-radius:var(--ds-r-card)!important;box-shadow:var(--ds-sombra)!important;font-weight:800}
html:root body .ef-grid:not(.ef-mon) .den-btn.on:not(#zz):not(#zy):not(#zx){background:color-mix(in srgb,var(--dn,#6B7C93) 24%,var(--ds-card))!important;border-color:color-mix(in srgb,var(--dn,#6B7C93) 50%,transparent)!important;box-shadow:0 14px 24px -14px color-mix(in srgb,var(--dn,#6B7C93) 75%,transparent),0 2px 6px -2px rgba(7,45,89,.14)!important}
html:root body .ef-grid .den-btn i:not(#zz){font-style:normal;font-size:.75rem;font-weight:800;color:var(--ds-tinta-2)}
html:root body .ef-grid.ef-mon .den-btn:not(#zz):not(#zy):not(#zx){background:var(--ds-card)!important;color:var(--ds-tinta)!important;border:1px solid var(--ds-borde)!important;border-radius:999px!important;box-shadow:none!important}

/* ───── 346c · TECLADO DEL PIN grande y táctil: teclas ≥56 px (≥48 px en celular), números ≥22 px; el login sigue sin scroll ───── */
.pin-pad .pin-k:not(#zz){height:3.7rem!important;min-height:56px;font-size:1.5rem!important}
#paso-vendedora .pin-pad:not(#zz){max-width:18rem;gap:.4rem;margin-top:.5rem}
#paso-vendedora .pin-pad .pin-k:not(#zz):not(#zy){height:3.7rem!important;min-height:56px;font-size:1.5rem!important}
@media(min-width:768px){
  #paso-vendedora:not(.oculto){display:grid!important;grid-template-columns:1fr 1fr;gap:0 .8rem;align-content:start}
  #paso-vendedora>*{grid-column:1/-1}
  #paso-vendedora>#lbl-sucursal,#paso-vendedora>#lbl-trabajadora{grid-column:auto}
}
@media(min-width:768px) and (max-height:820px){
  #paso-vendedora>.paso-tag,#paso-vendedora>p:first-of-type{margin-top:0;margin-bottom:.2rem}
  #login #login-quien{display:none}
}
@media(max-width:767px){
  .pin-pad{display:grid!important}
  .pin-pad .pin-k:not(#zz):not(#zy){height:3.2rem!important;min-height:48px;font-size:1.4rem!important}
}
@media(max-width:767px){#paso-vendedora .pin-pad:not(#zz){gap:.3rem;margin-top:.3rem}#paso-vendedora .pin-pad .pin-k:not(#zz):not(#zy){height:3rem!important;min-height:48px;font-size:1.4rem!important}}
/* lo oculto sigue oculto aunque el botón del sistema use display:inline-flex */
html body :is(.btn,.btn-add,.chip,.ds-ic).oculto:not(#zz):not(#zy):not(#zx),html body :is(.btn,.btn-add)[hidden]:not(#zz):not(#zy):not(#zx){display:none!important}
/* la barra fija de modales NO aplica a los botones dentro de las columnas del cobro/abono */
html body #modal-back .modal .cobro-cols .acciones:not(#zz):not(#zy):not(#zx){position:static!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;display:flex}
html body #modal-back .modal .cobro-cols .acciones>.btn:not(#zz):not(#zy):not(#zx){flex:1 1 auto;height:auto;min-height:var(--ds-h-l);white-space:normal}

/* ───── 345c · barra del detalle del apartado: UN solo renglón (Abonar · Entregar · Recordar · ⋯ Más); el resto vive en «Más» ───── */
.l-corto{display:none}
html body #modal-back .modal .acciones.ap-acciones:last-child:not(#zz):not(#zy){flex-wrap:nowrap!important}
html body #modal-back .modal .acciones.ap-acciones:last-child>:is(.btn,details):not(#zz):not(#zy){flex:1 1 0!important;min-width:0;white-space:nowrap!important;height:48px!important;min-height:48px!important;font-size:.9rem;padding:.2rem .4rem}
html body #modal-back .modal .acciones.ap-acciones:last-child>.btn.wa:not(#zz):not(#zy){flex:1.6 1 0!important}
html body #modal-back .modal .acciones.ap-acciones:last-child>details.ap-mas:not(#zz):not(#zy){flex:0 0 5.2rem!important;display:flex}
@media(max-width:767px){
  .l-largo{display:none}.l-corto{display:inline}
  html body #modal-back .modal .acciones.ap-acciones:last-child:not(#zz):not(#zy){flex-wrap:nowrap!important;gap:.35rem!important}
  html body #modal-back .modal .acciones.ap-acciones:last-child>:is(.btn,details):not(#zz):not(#zy){flex:1 1 0!important;font-size:.82rem;padding:.2rem .25rem;gap:.25rem}
  html body #modal-back .modal .acciones.ap-acciones:last-child>.btn.wa:not(#zz):not(#zy){flex:1.2 1 0!important}
  html body #modal-back .modal .acciones.ap-acciones:last-child>details.ap-mas:not(#zz):not(#zy){flex:0 0 3.6rem!important}
  html body #modal-back .modal .ap-acciones .ap-mas summary span{display:none}
  html body #modal-back .modal .ap-mas-m:not(#zz){right:0;left:auto;min-width:11rem}
}
@media(max-width:767px){html body #modal-back .modal .acciones.ap-acciones:last-child>:is(.btn,details):not(#zz):not(#zy){font-size:.74rem!important;gap:.2rem}}
html body #modal-back .modal h3 small:not(#zz){margin-left:.25em}

/* ───── 347c · escalas 130 % / 150 % (y 70 %): el buscador conserva ancho legible, Vender pasa a una columna, filas que envuelven ───── */
html body .vbar .search-wrap:not(#zz){flex:1 1 14rem;min-width:min(14rem,100%)}
html body .vbar:not(#zz){flex-wrap:wrap;row-gap:.4rem}
html:is([data-esc="n130"],[data-esc="n150"]) body .vender-layout:not(#zz):not(#zy){grid-template-columns:minmax(0,1fr) 300px!important;gap:.7rem}
html:is([data-esc="n130"],[data-esc="n150"]) body .topbar:not(#zz){flex-wrap:wrap;gap:.4rem}
html:is([data-esc="n130"],[data-esc="n150"]) body .cat-row:not(#zz){flex-wrap:wrap}
html:is([data-esc="n130"],[data-esc="n150"]) body .vbar .menu-art .btn:not(#zz){white-space:nowrap}
html[data-esc="n70"] body .vender-layout:not(#zz):not(#zy){grid-template-columns:minmax(0,1fr) 360px!important}

/* ───── 330c · avisos (toast y notificaciones) ARRIBA: nunca tapan botones de modales ni barras fijas ───── */
html body #toast:not(#zz):not(#zy){top:calc(.7rem + env(safe-area-inset-top))!important;bottom:auto!important;transform:translateX(-50%) translateY(-16px);z-index:2600;max-width:min(32rem,calc(100% - 1.6rem))}
html body #toast.show:not(#zz):not(#zy){transform:translateX(-50%) translateY(0)}
html body #notif-stack:not(#zz):not(#zy){top:calc(4.6rem + env(safe-area-inset-top))!important;bottom:auto!important;z-index:2500}
@media(max-width:767px){html body #notif-stack:not(#zz):not(#zy){top:calc(3.2rem + env(safe-area-inset-top))!important;left:.6rem;right:.6rem;width:auto}}

/* ───── 338c · TRASPASOS: un solo «+ Agregar» (azul del sistema); pieza del carrito = tarjeta estándar con check verde ───── */
html:root body .transf-item .tr-add:not(#zz):not(#zy){background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul))!important;color:#fff!important;border:1.5px solid transparent!important;border-radius:var(--ds-r-btn)!important}
html:root body .transf-item.tr-en:not(#zz):not(#zy):not(#zx){background:var(--ds-card)!important;border:1px solid var(--ds-linea)!important;border-left:1px solid var(--ds-linea)!important;border-radius:var(--ds-r-card)!important;box-shadow:var(--ds-sombra)!important}
html:root body .transf-item .tr-ok:not(#zz){display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:color-mix(in srgb,var(--ds-verde) 16%,transparent);color:var(--ds-verde);vertical-align:middle}
html:root body .transf-item .tr-ok *:not(#zz){color:var(--ds-verde)!important;stroke:var(--ds-verde)!important;width:.9rem;height:.9rem}
/* avisos de traspasos = tarjeta suave (sin borde ámbar grueso) */
html:root body .tf-aviso:not(#zz):not(#zy){background:color-mix(in srgb,var(--ds-ambar-2) 14%,var(--ds-card))!important;border:0!important;border-radius:var(--ds-r-card)!important;box-shadow:var(--ds-sombra);color:var(--ds-tinta)!important}
html:root body .tf-col .tf-card-t:not(#zz):not(#zy):not(#zx){border:1px solid var(--ds-linea)!important;border-left:1px solid var(--ds-linea)!important;border-top:3px solid var(--tc,var(--ds-azul))!important;background:var(--ds-card)!important;box-shadow:var(--ds-sombra)!important;border-radius:var(--ds-r-card)!important}
html:root body .tf-col .tf-card-t.sale:not(#zz):not(#zy):not(#zx){--tc:#2B8A93}
html:root body .tf-col .tf-card-t.entra:not(#zz):not(#zy):not(#zx){--tc:var(--ds-ambar-2)}
/* conteo: bloque de último escaneo vacío no ocupa lugar; títulos de resultado con punto de color; tabs Consultar/Contar píldora compacta */
html body .inv-ultimo:empty:not(#zz){display:none!important}
html:root body #inv-cuerpo h4:not(#zz){display:flex;align-items:center;gap:.5rem;margin:.9rem 0 .4rem;font-size:1.02rem}
html:root body #inv-cuerpo h4:not(#zz)::before{content:"";width:.7rem;height:.7rem;border-radius:50%;background:var(--ds-rojo);flex:none}
html:root body #inv-cuerpo h4:nth-of-type(2):not(#zz)::before{background:var(--ds-ambar-2)}
html:root body #tab-inventario .seg button:not(#zz){flex:0 1 12rem!important}
html:root body #tab-inventario .seg:not(#zz){justify-content:flex-start;width:fit-content}

/* ───── 352c · íconos globales en títulos de pantalla y de tarjeta ───── */
html body .topbar h2:not(#zz),html body .tab-panel>h2:not(#zz){display:flex;align-items:center;gap:.6rem}
html body .tit-ic:not(#zz){width:2.3rem;height:2.3rem}
html body .tit-ic .bz-ic{width:1.3rem;height:1.3rem}
html body :is(.card h3,#modal-cuerpo h3,.aj-sec h3) .tit-ic:not(#zz){width:1.9rem;height:1.9rem;margin-right:.5rem;vertical-align:middle;display:inline-grid}
html body :is(.card h3,#modal-cuerpo h3,.aj-sec h3) .tit-ic .bz-ic{width:1.05rem;height:1.05rem}
html:root body #inv-cuerpo h4:not(#zz)::before{display:none}
html:root body #inv-cuerpo .tf-contador~h4:not(#zz)::before{display:block}

/* ───── 355 · miniatura sin foto = ícono de su categoría (sistema de íconos) en variantes, «Pídelo a otra sucursal» y demás listas ───── */
html body .ph-v-img:not(#zz){display:grid;place-items:center;color:var(--ds-tinta-2);background:color-mix(in srgb,var(--ds-azul) 9%,var(--ds-card))}
html body .ph-v-img .bz-ic:not(#zz){width:1.6rem;height:1.6rem}
html body .ph-v-img.con-foto .ph-ph:not(#zz){display:none}
html body .sol-fila .sol-th:not(#zz){flex:none;width:46px;height:58px;border-radius:10px;display:grid;place-items:center;background-color:color-mix(in srgb,var(--ds-azul) 9%,var(--ds-card));background-size:cover;background-position:center;color:var(--ds-tinta-2);overflow:hidden}
html body .sol-fila .sol-th .bz-ic:not(#zz){width:1.5rem;height:1.5rem}
html body .sol-fila .sol-th.con-foto .prod-emoji:not(#zz){display:none}
html body .sol-fila:not(#zz){display:flex;align-items:center;gap:.6rem}
html body .tf-pz.sol-fila:not(#zz):not(#zy):not(#zx){display:flex!important;flex-direction:row!important;align-items:center;text-align:left;gap:.7rem}
html body .tf-pz.sol-fila .sol-nom:not(#zz):not(#zy){flex:1;min-width:0;text-align:left;display:block}
html body .tf-pz.sol-fila .sol-precio:not(#zz){margin-left:auto}

/* ───── 357 · bolsas: tamaños = tarjetas del sistema; chip «Chica ×2» con «＋» y «✕» ───── */
html:root body .bol-tam:not(#zz):not(#zy){background:var(--ds-card)!important;color:var(--ds-tinta)!important;border:1px solid var(--ds-linea)!important;border-radius:var(--ds-r-card)!important;box-shadow:var(--ds-sombra)}
html:root body .bol-tam.sel:not(#zz):not(#zy){background:color-mix(in srgb,var(--ds-azul) 12%,var(--ds-card))!important;border-color:color-mix(in srgb,var(--ds-azul) 55%,transparent)!important}
html:root body .bol-tam small:not(#zz){display:inline-block;padding:.05rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--ds-ambar-2) 22%,transparent);color:var(--ds-ambar)!important;font-size:.7rem;font-weight:800}
html body .bol-tam .bol-n:not(#zz){display:none}
html body .bol-elegidas:not(#zz){display:flex;flex-wrap:wrap;gap:.5rem}
html body .bol-chip:not(#zz){display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .3rem .2rem .8rem;min-height:2.6rem}
html body .bol-chip .bol-x:not(#zz){font-size:1rem}
html body .bol-chip button:not(#zz){width:2.1rem;height:2.1rem;min-width:0;border-radius:50%;border:0;background:rgba(255,255,255,.22);color:#fff;font-size:1.1rem;font-weight:800;cursor:pointer;display:grid;place-items:center}
html body .bol-chip .bol-q:not(#zz){background:rgba(255,255,255,.12)}

/* ───── 360 · BADGE ×N único (billetes, bolsas, contadores): grande, blanco bold sobre color fuerte, dentro de la esquina ───── */
html:root body .ef-grid .den-btn i:not(:empty):not(#zz):not(#zy){position:absolute;top:.35rem;right:.4rem;display:grid;place-items:center;min-width:1.9rem;height:1.6rem;padding:0 .45rem;border-radius:999px;background:var(--ds-azul)!important;color:#fff!important;font-style:normal;font-size:.95rem!important;font-weight:800;line-height:1;box-shadow:0 2px 6px -2px rgba(7,45,89,.6)}
html:root[data-tema="oscuro"] body .ef-grid .den-btn i:not(:empty):not(#zz):not(#zy){background:#2F7FD6!important}
html:root body .ef-grid.ef-mon .den-btn i:not(:empty):not(#zz):not(#zy){position:static;margin-left:.35rem;min-width:1.6rem;height:1.4rem;font-size:.85rem!important}
html:root body .ef-grid .den-btn:not(#zz){position:relative}

/* ───── 361 · pagos ya agregados: color del método, tinte + ícono y monto grandes ───── */
html body .pago-line.pg-efectivo{--pm:var(--ds-efectivo)}html body .pago-line.pg-tarjeta{--pm:var(--ds-tarjeta)}html body .pago-line.pg-transferencia{--pm:var(--ds-transf)}html body .pago-line.pg-saldo{--pm:var(--ds-saldo)}
html:root body .pago-line:not(#zz):not(#zy){background:color-mix(in srgb,var(--pm,#6B7C93) 14%,var(--ds-card))!important;border:1px solid color-mix(in srgb,var(--pm,#6B7C93) 30%,transparent)!important;border-left:1px solid color-mix(in srgb,var(--pm,#6B7C93) 30%,transparent)!important;border-radius:var(--ds-r-card)!important;box-shadow:var(--ds-sombra)!important;padding:.6rem .8rem!important;align-items:center}
html body .pago-line>span:first-child:not(#zz){display:flex;align-items:center;gap:.5rem;font-size:1.05rem;color:var(--ds-tinta)}
html body .pago-line>span:first-child .bz-ic:not(#zz){width:1.9rem;height:1.9rem;padding:.4rem;border-radius:50%;background:color-mix(in srgb,var(--pm,#6B7C93) 22%,transparent);color:var(--pm,#6B7C93);stroke:var(--pm,#6B7C93)}
html body .pago-line .precio:not(#zz){font-size:1.5rem;font-weight:800;color:var(--pm,var(--ds-tinta))!important}

/* ───── 362 · «Regalo y extras que se cobran»: cuadrícula pareja de tarjetas iguales con ícono grande ───── */
html body .ex-grid:not(#zz){display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.7rem}
html:root body .ex-card:not(#zz):not(#zy){position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.3rem;min-height:12rem;padding:1rem .6rem .8rem;text-align:center;background:var(--ds-card)!important;color:var(--ds-tinta)!important;border:1px solid var(--ds-linea)!important;border-style:solid!important;border-radius:var(--ds-r-card)!important;box-shadow:var(--ds-sombra)!important;cursor:pointer}
html:root body .ex-card.sel:not(#zz):not(#zy){background:color-mix(in srgb,var(--ds-azul) 11%,var(--ds-card))!important;border-color:color-mix(in srgb,var(--ds-azul) 55%,transparent)!important}
html body .ex-card .ex-ic:not(#zz){display:grid;place-items:center;height:4.4rem;color:var(--ds-azul)}
html body .ex-card .ex-ic .bz-ic:not(#zz){width:var(--exs,3rem);height:var(--exs,3rem);stroke-width:1.6}
html:root[data-tema="oscuro"] body .ex-card .ex-ic:not(#zz){color:#8FD0F0}
html body .ex-card>b:not(#zz){font-size:1rem;line-height:1.2}
html body .ex-card .ex-p:not(#zz){font-size:.82rem;color:var(--ds-tinta-2)}
html body .ex-card .ex-ex:not(#zz){margin-top:auto;display:inline-block;padding:.12rem .65rem;border-radius:999px;background:var(--ds-linea);color:var(--ds-tinta-2);font-size:.74rem;font-weight:800}
html body .ex-card .ex-ex.bad:not(#zz){background:color-mix(in srgb,var(--ds-rojo) 16%,transparent);color:var(--ds-rojo)}
html body .ex-card .n:not(#zz){position:absolute;top:.5rem;right:.5rem;display:grid;place-items:center;min-width:1.8rem;height:1.6rem;padding:0 .45rem;border-radius:999px;background:var(--ds-azul);color:#fff;font-weight:800;font-size:.95rem}
/* 358 · opción sugerida del anticipo */
html body #abono-quick:not(#zz){display:flex;flex-wrap:wrap;gap:.5rem}
html body #abono-quick .ab-op:not(#zz){display:inline-flex;flex-direction:column;align-items:center;gap:.15rem;min-height:3.4rem;padding:.4rem 1rem;text-align:center}
html:root body #abono-quick .ab-op.sel:not(#zz):not(#zy){background:color-mix(in srgb,var(--ds-verde) 13%,var(--ds-card))!important;border-color:color-mix(in srgb,var(--ds-verde) 60%,transparent)!important;color:var(--ds-tinta)!important;box-shadow:0 12px 22px -14px color-mix(in srgb,var(--ds-verde) 75%,transparent)}
html body #abono-quick .tf-rec:not(#zz){padding:.05rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--ds-ambar-2) 22%,transparent);color:var(--ds-ambar);font-size:.7rem;font-weight:800;font-style:normal}
html body .ex-grid .ex-card:not(#zz):not(#zy){grid-column:auto!important;width:auto!important;max-width:none!important;min-height:12rem!important}
html body #modal-back .modal:has(.ex-grid):not(.modal-cobro):not(#zz){width:min(760px,96vw)}
html body .ex-card .ex-ex:not(#zz){white-space:normal;line-height:1.15}
/* 361: filas de pago sin desbordar */
html:root body #pagos-lista .pago-line:not(#zz):not(#zy){display:flex!important;flex-wrap:wrap;gap:.3rem .6rem;min-width:0}
html body #pagos-lista .pago-line>span:first-child:not(#zz){flex:1 1 9rem;min-width:0;flex-wrap:wrap}
html body #pagos-lista .pago-line .precio:not(#zz){font-size:1.35rem;margin-left:auto}
html body #pagos-lista .pago-line .btn:not(#zz){flex:none;min-height:2.2rem;padding:.1rem .7rem}
html body #pagos-lista .pago-line small:not(#zz){display:inline}
/* 360 · badge ×N en la esquina SUPERIOR, sobresaliendo (no tapa el monto) */
html:root body .ef-grid .den-btn i:not(:empty):not(#zz):not(#zy):not(#zx){top:-.6rem!important;right:-.35rem!important;box-shadow:0 3px 8px -2px rgba(7,45,89,.55),0 0 0 2px var(--ds-card)}
html:root body .ef-grid.ef-mon .den-btn i:not(:empty):not(#zz):not(#zy):not(#zx){position:absolute!important;margin:0;min-width:1.5rem;height:1.35rem;font-size:.8rem!important;top:-.55rem!important;right:-.3rem!important}
html body .ef-grid:not(#zz){padding-top:.7rem;padding-right:.4rem}

/* ───── 365 · 365b · 368 · 369 · detalle del apartado: filas etiqueta/valor, mini-tarjetas y productos como tarjetas ───── */
.ap-res{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:.6rem 0}
.ap-mc{display:flex;flex-direction:column;gap:.15rem;padding:.7rem .8rem;border-radius:var(--ds-r-card);background:var(--ds-card);border:1px solid var(--ds-linea);box-shadow:var(--ds-sombra);min-width:0}
.ap-mc>span{font-size:.82rem;font-weight:700;color:var(--ds-tinta-2)}
.ap-mc>b{font-size:1.45rem;font-weight:800;color:var(--ds-tinta);line-height:1.1;white-space:nowrap}
.ap-mc.ok>b{color:var(--ds-verde)}.ap-mc.falta>b{color:var(--ds-rojo)}
html:root[data-tema="oscuro"] .ap-mc.ok>b{color:#7BE3B0}html:root[data-tema="oscuro"] .ap-mc.falta>b{color:#FF8FA6}
html body .ap-fil:not(#zz){display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--ds-linea);color:var(--ds-tinta)}
html body .ap-fil>span:not(#zz){text-align:left;color:var(--ds-tinta-2);min-width:0}
html body .ap-fil>b:not(#zz){text-align:right;font-weight:800;display:inline-flex;align-items:center;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}
.ap-vc{padding:.12rem .7rem;font-size:.82rem;font-weight:800;border:0!important}
.ap-vc-verde{background:color-mix(in srgb,var(--ds-verde) 16%,transparent)!important;color:var(--ds-verde)!important}
.ap-vc-ambar{background:color-mix(in srgb,var(--ds-ambar-2) 24%,transparent)!important;color:var(--ds-ambar)!important}
.ap-vc-rojo{background:color-mix(in srgb,var(--ds-rojo) 16%,transparent)!important;color:var(--ds-rojo)!important}
html body .ap-h:not(#zz){margin:1rem 0 .4rem}
.ap-pzs{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.6rem}
.ap-pz{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.6rem .8rem;border-radius:var(--ds-r-card);background:var(--ds-card);border:1px solid var(--ds-linea);box-shadow:var(--ds-sombra);cursor:pointer}
.ap-pz.off{opacity:.55}
.ap-th{width:46px;height:58px;border-radius:12px;display:grid;place-items:center;background-color:color-mix(in srgb,var(--ds-azul) 9%,var(--ds-card));background-size:cover;background-position:center;color:var(--ds-tinta-2);overflow:hidden;flex:none}
.ap-th.con-foto .prod-emoji{display:none}.ap-th .bz-ic{width:1.5rem;height:1.5rem}
.ap-pz-t{display:flex;flex-direction:column;gap:.15rem;min-width:0}.ap-pz-t>b{overflow-wrap:anywhere;line-height:1.2}.ap-pz-t>small{color:var(--ds-tinta-2)}.ap-pz-t .badge{align-self:flex-start}
.ap-pz-p{font-size:1.15rem;font-weight:800;white-space:nowrap;color:var(--ds-tinta)}
@media(max-width:520px){.ap-mc>b{font-size:1.1rem}.ap-pzs{grid-template-columns:1fr}}
.ap-fil>b .ap-vc{align-self:center;line-height:1.3}

/* ───── 372 · listas largas de tarjetas en PC: GRID de columnas (2–3 por fila), tarjetas compactas con el botón dentro ───── */
html body :is(.tf-lista,#transfer-pendientes):not(#zz){display:grid!important;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:.8rem;align-items:start}
html body .tf-lista .tf-card-t:not(#zz){margin:0;min-width:0}
html body .tf-card-t .tf-acc:not(#zz){display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin-top:.5rem}
html body .tf-card-t .tf-acc .btn:not(#zz){flex:1 1 auto}
html body .tf-card-t .tf-resumen:not(#zz){display:flex;justify-content:space-between;gap:.6rem}
html body .tf-lista>.hint-vacio:not(#zz){grid-column:1/-1}
html body .ap-lista:not(#zz),html body #lista-apartados .ap-lista:not(#zz){display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:.8rem}

/* ───── 363 · 363b · tarjetas de Apartados: mismas filas fijas, texto ≥ normal (escala con A−/A+) y mejor contraste ───── */
.apc-filas{display:grid;gap:.1rem;margin:.5rem 0 .3rem}
.apc-r{display:grid;grid-template-columns:1.4rem 6.2rem minmax(0,1fr);align-items:center;gap:.5rem;min-height:2.1rem;font-size:.95rem;color:var(--ds-tinta)}
.apc-r .bz-ic,.apc-r i.ico{width:1.2rem;height:1.2rem;color:var(--ds-azul)}
.apc-r .apc-k{color:var(--ds-tinta-2);font-weight:700}
.apc-r>b{display:flex;align-items:center;gap:.5rem;justify-content:flex-end;text-align:right;font-weight:800;font-size:1rem;flex-wrap:wrap;min-width:0}
.apc-r>b small{font-size:.85rem;font-weight:700;color:var(--ds-tinta-2)}
.apc-r.falta>b{color:var(--ds-rojo);font-size:1.1rem}.apc-r.ok>b{color:var(--ds-verde)}
.apc-r.falta .bz-ic{color:var(--ds-rojo)}
.apc-caja>b.sin{color:var(--ds-ambar)}
.apc-caja .apc-asigna{min-height:1.9rem;padding:.1rem .8rem}
html:root[data-tema="oscuro"] .apc-r.falta>b{color:#FF8FA6}html:root[data-tema="oscuro"] .apc-r.ok>b{color:#7BE3B0}html:root[data-tema="oscuro"] .apc-r .bz-ic{color:#8FD0F0}
html body .apc .barra2 .b2-lbl,html body .apc .b2-lbl span:not(#zz){font-size:.95rem!important;font-weight:700;color:var(--ds-tinta)!important}
html body .apc .apc-num:not(#zz),html body .apc .apc-desc:not(#zz){font-size:.9rem!important;color:var(--ds-tinta-2)!important}
html body .apc .apc-caja .apc-asigna:not(#zz):not(#zy){width:auto!important;min-width:5rem;height:auto!important;border-radius:999px!important;white-space:nowrap;flex:none;display:inline-flex;margin:0;position:static}
html body .apc .apc-caja>b{flex-wrap:nowrap}

/* ───── 364 · Reportes › Pendientes del día ───── */
.vd-pend:empty{display:none}
.vd-pend-card{margin-bottom:1rem}
.vd-pend-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:.9rem}
.vd-pend-c h4{display:flex;align-items:center;gap:.4rem;margin:0 0 .4rem;color:var(--ds-tinta)}
.vd-pend-f{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.55rem 0;border-bottom:1px solid var(--ds-linea)}
.vd-pend-f small{display:block;color:var(--ds-tinta-2)}
.vd-pend-f .btn{flex:none}

/* ───── 370 · Devoluciones y cambios = página normal del POS ───── */
html body #tab-devoluciones .dv-grid:not(#zz){display:grid;grid-template-columns:minmax(16rem,22rem) minmax(0,1fr);gap:1rem;align-items:start}
html body #tab-devoluciones .dv-izq,html body #tab-devoluciones .dv-der{background:var(--ds-card);border:1px solid var(--ds-linea);border-radius:var(--ds-r-card);box-shadow:var(--ds-sombra);padding:1rem}
html body #tab-devoluciones .dv-der h3:first-child{margin-top:0}
html body .dv-efec{margin-top:1rem;padding:.8rem 1rem;border-radius:var(--ds-r-card);background:color-mix(in srgb,var(--ds-ambar-2) 10%,var(--ds-card));border:1px solid color-mix(in srgb,var(--ds-ambar-2) 35%,transparent)}
@media(max-width:900px){html body #tab-devoluciones .dv-grid:not(#zz){grid-template-columns:1fr}}

/* ───── 376 · LOGIN: ambas mitades misma altura; los botones SIEMPRE dentro de la tarjeta; pantallas bajas sin desborde ───── */
html body #login:not(#zz){overflow-y:auto;align-items:center}
@media(min-width:768px){
  html body .login-shell:not(#zz){height:auto!important;min-height:min(680px,calc(100dvh - 2rem));align-items:stretch}
  html body .login-shell>*:not(#zz){min-height:0}
  html body .login-shell .login-card:not(#zz){height:auto;justify-content:center;padding-top:1.2rem;padding-bottom:1.2rem}
}
@media(min-width:768px) and (max-height:700px){
  html body .login-shell:not(#zz){min-height:calc(100dvh - 1rem)}
  html body #paso-vendedora .pin-pad:not(#zz){max-width:13.5rem;gap:.25rem;margin-top:.25rem}
  html body #paso-vendedora .pin-pad .pin-k:not(#zz):not(#zy){height:2.5rem!important;min-height:44px;font-size:1.25rem!important}
  html body #paso-vendedora .btn.grande:not(#zz){min-height:44px}
  html body #login .login-card h2:not(#zz){margin:0 0 .2rem;font-size:1.5rem}
}

/* ───── 373 · CASILLAS globales: grandes y claras (vacía con borde marcado; marcada verde con ✓ blanco); fila completa tocable con fondo verde suave ───── */
html body input[type="checkbox"]:not(#zz){appearance:none;-webkit-appearance:none;flex:none;width:1.7rem;height:1.7rem;margin:0;border:2.5px solid var(--ds-borde);border-radius:.5rem;background:var(--ds-card);display:inline-grid;place-items:center;cursor:pointer;vertical-align:middle;transition:background .12s,border-color .12s}
html body input[type="checkbox"]:not(#zz):checked{background:var(--ds-verde) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/78% no-repeat;border-color:var(--ds-verde)}
html body input[type="checkbox"]:not(#zz):focus-visible{outline:3px solid color-mix(in srgb,var(--ds-azul) 45%,transparent);outline-offset:2px}
html body input[type="checkbox"]:not(#zz):disabled{opacity:.45;cursor:not-allowed}
/* recibir traspaso / conteo: casilla propia de la fila */
html body .tf-pz.chk:not(#zz){display:flex!important;align-items:center;gap:.7rem;width:100%;min-height:3.4rem;padding:.55rem .8rem;text-align:left;border-radius:var(--ds-r-card);background:var(--ds-card);border:1px solid var(--ds-linea);box-shadow:var(--ds-sombra);margin:.4rem 0;cursor:pointer;color:var(--ds-tinta)}
html body .tf-pz.chk .tf-ck:not(#zz){flex:none;width:2rem;height:2rem;border-radius:.55rem;border:2.5px solid var(--ds-borde);display:grid;place-items:center;font-size:1.3rem;font-weight:800;color:#fff;background:var(--ds-card)}
html body .tf-pz.chk.on:not(#zz){background:color-mix(in srgb,var(--ds-verde) 14%,var(--ds-card));border-color:color-mix(in srgb,var(--ds-verde) 55%,transparent)}
html body .tf-pz.chk.on .tf-ck:not(#zz){background:var(--ds-verde);border-color:var(--ds-verde)}
html body .tf-pz.chk>b:not(#zz){margin-left:auto}
html body label:has(>input[type="checkbox"]:checked).tf-pz,html body label.tf-pz:has(input:checked):not(#zz){background:color-mix(in srgb,var(--ds-verde) 14%,var(--ds-card))}
html body .check-line:not(#zz){cursor:pointer;display:flex;align-items:center;gap:.6rem}

/* ───── 377 · INSUMOS: grupos por tipo con tarjetas en columnas ───── */
html body .ins-gt:not(#zz){display:flex;align-items:center;gap:.5rem;margin:1.1rem 0 .5rem}
html body .ins-cards:not(#zz){display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:.8rem}
html:root body .ins-cards .ins-fila:not(#zz){display:grid!important;grid-template-columns:2.8rem minmax(0,1fr) auto!important;grid-template-areas:"ic i e" "a a a"!important;gap:.6rem .7rem!important;padding:.8rem!important;margin:0}
html body .ins-cards .ins-fila .ins-acc:not(#zz){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;grid-column:1/-1}
html body .ins-cards .ins-fila .ins-acc .btn:not(#zz){width:auto;min-width:0;padding:.2rem .3rem}
html body .ins-cards .ins-ex small:not(#zz){max-width:7rem;text-align:right}
html body .ins-cards .ins-info .badge:not(#zz){white-space:normal;max-width:100%}

/* ───── 378 · 380 · 381 · 384 · INICIO: botón de menú llamativo, mini-KPIs, «Por atender» ───── */
html body .inicio-cab:not(#zz){display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
html body .inicio-menu-btn:not(#zz){margin-left:auto;min-height:3rem;padding:.4rem 1.3rem;font-size:1.05rem;background:linear-gradient(180deg,#FF93A6,#FD6E88)!important;color:#fff!important;border:0!important;box-shadow:0 12px 22px -12px rgba(253,110,136,.9)!important}
html body .inicio-menu-btn .bz-menu-ic{font-size:1.4rem;line-height:1}
@media(min-width:768px){html body .inicio-menu-btn:not(#zz){display:none!important}}
@media(min-width:768px){html body #main:not(.nav-plegada) .inicio-menu-btn{display:none!important}}
.inicio-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.6rem;margin:.9rem 0}
.kpi-mini{display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border-radius:var(--ds-r-card);background:var(--ds-card);border:1px solid var(--ds-linea);box-shadow:var(--ds-sombra);text-align:left;cursor:pointer;color:var(--ds-tinta);min-width:0}
.kpi-mini .ds-ic{--ds-ic:var(--kc);width:2.1rem;height:2.1rem}.kpi-mini .ds-ic .bz-ic{width:1.1rem;height:1.1rem}
.kpi-t{display:flex;flex-direction:column;min-width:0}.kpi-t b{font-size:1.5rem;line-height:1;font-weight:800}.kpi-t small{font-size:.78rem;color:var(--ds-tinta-2);line-height:1.15}
.kpi-mini.alerta .kpi-t b{color:var(--ds-rojo)}
.atender-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:.6rem;margin-bottom:1rem}
.atender-f{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.6rem .8rem;border-radius:var(--ds-r-card);background:var(--ds-card);border:1px solid var(--ds-linea);box-shadow:var(--ds-sombra);text-align:left;cursor:pointer;color:var(--ds-tinta)}
.atender-f .at-t{font-weight:700;min-width:0;overflow-wrap:anywhere}.atender-f .at-a{font-size:.85rem;font-weight:800;color:var(--ds-azul)}
.atender-f.c-rojo .ds-ic{--ds-ic:var(--ds-rojo)}.atender-f.c-ambar .ds-ic{--ds-ic:var(--ds-ambar)}.atender-f.c-rosa .ds-ic{--ds-ic:var(--ds-saldo)}.atender-f.c-verde .ds-ic{--ds-ic:var(--ds-verde)}
html:root[data-tema="oscuro"] .atender-f .at-a{color:#8FD0F0}

/* ───── 383 · PERSONALIZAR: filas con ícono, flechas grandes y switch claro ───── */
.pp-h{margin:1rem 0 .4rem}
.pp-lista{display:grid;gap:.5rem}
.pp-fila{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:var(--ds-r-card);background:var(--ds-card);border:1px solid var(--ds-linea);box-shadow:var(--ds-sombra)}
.pp-nom{font-weight:700;min-width:0}
.pp-mv{display:flex;gap:.3rem}
.pp-flecha{width:2.75rem;height:2.75rem;border-radius:50%;border:1.5px solid var(--ds-borde);background:var(--ds-card);color:var(--ds-tinta);font-size:1.2rem;font-weight:800;cursor:pointer}
.pp-sw{position:relative;display:inline-block;width:3.2rem;height:1.9rem;flex:none}
.pp-sw input{position:absolute;inset:0;width:100%!important;height:100%!important;opacity:0;margin:0;cursor:pointer;z-index:2}
.pp-sw i{position:absolute;inset:0;border-radius:999px;background:var(--ds-linea);transition:background .15s}
.pp-sw i::after{content:"";position:absolute;top:.2rem;left:.2rem;width:1.5rem;height:1.5rem;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.3);transition:transform .15s}
.pp-sw input:checked+i{background:var(--ds-verde)}.pp-sw input:checked+i::after{transform:translateX(1.3rem)}
html body .pp-fila .pp-sw:not(#zz){width:3.2rem!important;min-width:3.2rem;max-width:3.2rem;height:1.9rem;display:inline-block!important;flex:none}
html body .pp-fila .pp-sw input:not(#zz){position:absolute!important;appearance:none;-webkit-appearance:none;border:0!important;background:transparent!important;width:100%!important;height:100%!important}
html body .pp-fila .pp-sw input:checked:not(#zz){background:transparent!important}

/* ───── 374 · 375 · Traspasos: lo que VA vs lo que VIENE, «Ver detalles» ───── */
.tf-dir{display:flex;align-items:center;gap:.5rem;margin:.1rem 0 .4rem;padding:.3rem .7rem;border-radius:999px;font-size:.9rem;width:fit-content}
.tf-dir .bz-ic{width:1.1rem;height:1.1rem}
.tf-dir.viene{background:color-mix(in srgb,var(--ds-verde) 14%,transparent);color:var(--ds-verde)}
.tf-dir.va{background:color-mix(in srgb,var(--ds-azul) 12%,transparent);color:var(--ds-azul)}
html:root[data-tema="oscuro"] .tf-dir.viene{color:#7BE3B0}html:root[data-tema="oscuro"] .tf-dir.va{color:#8FD0F0}
html:root body .tf-card-t.entra:not(#zz):not(#zy):not(#zx){--tc:var(--ds-verde)}
html:root body .tf-card-t.sale:not(#zz):not(#zy):not(#zx){--tc:var(--ds-azul)}

/* ───── 385 · bolsas: cada bolsa = su PROPIA píldora; un solo «＋» aparte a la derecha ───── */
html body .bol-pills:not(#zz){display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:.5rem 0}
html:root body .bol-pill:not(#zz){display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .3rem .25rem 1rem;min-height:3rem;border-radius:999px;background:var(--ds-card);color:var(--ds-tinta);border:1.5px solid var(--ds-borde);cursor:pointer;font-weight:800}
html:root body .bol-pill.on:not(#zz){background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul));color:#fff;border-color:transparent;box-shadow:var(--ds-glow)}
html body .bol-pill .bol-x1:not(#zz){width:2.3rem;height:2.3rem;border-radius:50%;border:0;background:color-mix(in srgb,currentColor 14%,transparent);color:inherit;font-size:1rem;font-weight:800;cursor:pointer;display:grid;place-items:center}
html body .bol-mas:not(#zz){width:3rem;height:3rem;min-width:3rem;border-radius:50%;border:0;background:linear-gradient(180deg,var(--ds-verde-2),var(--ds-verde));color:#fff;font-size:1.6rem;font-weight:800;cursor:pointer;display:grid;place-items:center;box-shadow:var(--ds-glow)}
.aj-seg{display:flex;gap:.5rem;flex-wrap:wrap}.aj-seg .btn{flex:1 1 9rem;min-height:3rem}

/* ───── 393 · FOTOS con la plantilla global: mosaicos sin contornos, pestañas, buscador y tarjetas en cuadrícula ───── */
/* botón «suave» global: relleno tintado, SIN contorno (plantilla del Inicio/Traspasos) */
html:root body .btn.suave:not(#zz){background:color-mix(in srgb,var(--ds-azul) 10%,var(--ds-card))!important;color:var(--ds-azul)!important;border:0!important;box-shadow:none!important}
html:root[data-tema="oscuro"] body .btn.suave:not(#zz){color:#8FD0F0!important}
html body #tab-fotos .btn.sec:not(#zz){background:color-mix(in srgb,var(--ds-azul) 10%,var(--ds-card))!important;color:var(--ds-azul)!important;border:0!important;box-shadow:none!important}
.fot-mosaicos{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.7rem;margin:.4rem 0 .6rem}
.fot-mos{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1rem;border:0;border-radius:var(--ds-r-card);background:var(--ds-card);box-shadow:var(--ds-sombra);text-align:left;cursor:pointer;color:var(--ds-tinta);min-height:7.5rem}
.fot-mos b{font-size:1.05rem;line-height:1.2}.fot-mos small{color:var(--ds-tinta-2);font-size:.82rem}
.fot-mos-ic{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:50%;margin-bottom:.2rem}
.fot-mos.verde .fot-mos-ic{background:color-mix(in srgb,var(--ds-verde) 16%,transparent);color:var(--ds-verde)}
.fot-mos.azul .fot-mos-ic{background:color-mix(in srgb,var(--ds-azul) 14%,transparent);color:var(--ds-azul)}
.fot-mos .fi{width:1.5rem;height:1.5rem}
.fot-pasos2{display:flex;gap:.4rem;flex-wrap:wrap;list-style:none;margin:.2rem 0 .6rem;padding:0}
.fot-pasos2 li{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .7rem .25rem .3rem;border-radius:999px;background:color-mix(in srgb,var(--ds-azul) 8%,transparent);color:var(--ds-tinta-2);font-weight:700;font-size:.85rem}
.fot-pasos2 li.on{background:color-mix(in srgb,var(--ds-verde) 16%,transparent);color:var(--ds-verde)}
.fot-pn{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--ds-card);font-size:.8rem;font-weight:800}
.fot-tabs{display:flex;gap:.4rem;overflow-x:auto;padding:.2rem .1rem .5rem;scrollbar-width:none;margin:.2rem 0}
.fot-tabs::-webkit-scrollbar{display:none}
.fot-tab{flex:none;display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;padding:.3rem .9rem;border:0;border-radius:999px;background:var(--ds-card);color:var(--ds-tinta);font-weight:800;font-size:.92rem;box-shadow:var(--ds-sombra);cursor:pointer}
.fot-tab b{display:inline-grid;place-items:center;min-width:1.5rem;height:1.5rem;padding:0 .4rem;border-radius:999px;background:var(--ds-linea);color:var(--ds-tinta-2);font-size:.8rem}
.fot-tab.on{background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul));color:#fff;box-shadow:var(--ds-glow)}.fot-tab.on b{background:rgba(255,255,255,.28);color:#fff}
.fot-tab.alerta:not(.on) b{background:var(--ds-rojo);color:#fff}
.fot-buscar{position:relative;margin:.3rem 0 .6rem}
.fot-buscar input{width:100%;min-height:2.9rem;padding:.5rem .9rem .5rem 2.6rem;border:0;border-radius:999px;background:var(--ds-card);box-shadow:var(--ds-sombra);color:var(--ds-tinta);font-size:1rem}
.fot-buscar-ic{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:var(--ds-tinta-2);display:grid;place-items:center}
.fot-herr2{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin:.2rem 0 .6rem}
.fot-solo{font-weight:700;font-size:.9rem}
.fot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.8rem}
.fot-card{position:relative;display:flex;flex-direction:column;border-radius:var(--ds-r-card);background:var(--ds-card);box-shadow:var(--ds-sombra);overflow:hidden;min-width:0}
.fot-card.sel{box-shadow:0 0 0 3px color-mix(in srgb,var(--ds-verde) 70%,transparent),var(--ds-sombra)}
.fot-foto{display:block;width:100%;aspect-ratio:4/5;padding:0;border:0;background:color-mix(in srgb,var(--ds-azul) 7%,var(--ds-card));cursor:pointer;overflow:hidden}
.fot-foto .fot-mini{display:grid;place-items:center;width:100%;height:100%;border-radius:0;background:transparent}
.fot-foto .fot-mini img,.fot-foto img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.fot-ph{display:grid;place-items:center;width:100%;height:100%;color:var(--ds-tinta-2)}
.fot-ph svg,.fot-ph .bz-ic{width:3rem;height:3rem}
.fot-foto.sin{display:grid;place-items:center}
.fot-info{display:flex;flex-direction:column;gap:.2rem;padding:.6rem .7rem .3rem;min-width:0}
.fot-nom{font-size:.95rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.fot-info small{color:var(--ds-tinta-2);font-size:.8rem;overflow-wrap:anywhere}
.fot-info .fot-est{align-self:flex-start}
.fot-chk2{position:absolute;top:.5rem;left:.5rem;z-index:3;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 2px 8px rgba(0,0,0,.25)}
.fot-tomar{margin:.2rem .7rem .7rem;width:calc(100% - 1.4rem);min-height:2.9rem}
.fot-acc2{display:grid;gap:.4rem;padding:.3rem .7rem .7rem}.fot-acc2 .btn{width:100%;min-height:2.6rem}
.fot-orig{border:0;background:none;color:var(--ds-azul);font-weight:700;font-size:.8rem;padding:.1rem .7rem .6rem;text-align:left;cursor:pointer;text-decoration:underline}
.fot-cola{grid-column:1/-1}
.fot-esc-cuerpo{display:grid;gap:.7rem;padding:1rem;max-width:28rem;margin:0 auto}
.fot-vivo summary{list-style:none;text-align:center;cursor:pointer}.fot-vivo video{width:100%;border-radius:16px;background:#000;margin-top:.6rem}
@media(min-width:768px){.fot-grid{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}}
@media(max-width:400px){.fot-grid{gap:.6rem}.fot-mos{padding:.8rem}}
/* 393 · .fot-card viejo (app.css, modal) chocaba: reinicio dentro de la cuadrícula */
html body #tab-fotos .fot-grid .fot-card:not(#zz){margin:0!important;padding:0!important;color:var(--ds-tinta)!important;background:var(--ds-card)!important;border-radius:var(--ds-r-card)!important;align-self:start}
html:root[data-tema="oscuro"] body #tab-fotos .fot-chk2:not(#zz){background:rgba(20,30,50,.9)}
/* 393 · avisos flotantes («Tu foto está lista»…) ya no tapan el contenido: abajo, compactos; el contenido deja espacio */
html body #notif-stack:not(#zz):not(#zy){top:auto!important;bottom:1rem!important;right:1rem;left:auto;max-width:22rem}
@media(max-width:767px){html body #notif-stack:not(#zz):not(#zy){top:auto!important;bottom:calc(var(--nav-h,4.2rem) + .6rem + env(safe-area-inset-bottom))!important;left:.6rem;right:.6rem;max-width:none;width:auto}
 html body #notif-stack .notif:not(#zz){padding:.45rem .6rem!important}html body #notif-stack .notif .notif-tx span:not(#zz){display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}}
html body .fot-buscar:not(#zz) .fot-buscar-ic{z-index:2;pointer-events:none}
html body .fot-buscar:not(#zz) input{padding-left:2.7rem!important}
html body #tab-fotos .fot-grid .fot-card:not(#zz){align-self:stretch!important}
html body #tab-fotos .fot-grid .fot-card .fot-tomar:not(#zz){border:0!important;margin-top:auto!important}
html body #tab-fotos .fot-grid .fot-card .fot-info:not(#zz){flex:1}
@media(min-width:768px){.fot-foto{aspect-ratio:1/1}}
/* 396 · «¿Se retira efectivo?» con componentes del sistema: chips segmentados, input estándar, etiqueta «Sugerido» */
.seg-chips{display:inline-flex;gap:.35rem;flex-wrap:wrap}
.seg-chips label{cursor:pointer}.seg-chips input{position:absolute;opacity:0;pointer-events:none}
.seg-chips span{display:inline-flex;align-items:center;min-height:2.75rem;padding:.3rem 1rem;border-radius:999px;background:var(--ds-card);box-shadow:var(--ds-sombra);color:var(--ds-tinta);font-weight:800;font-size:.92rem;border:0}
.seg-chips input:checked+span{background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul));color:#fff;box-shadow:var(--ds-glow)}
.seg-chips input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--ds-azul) 50%,transparent);outline-offset:2px}
.cr2{display:grid;gap:.7rem;padding:1rem;border-radius:var(--ds-r-card);background:var(--ds-card);box-shadow:var(--ds-sombra);margin:.6rem 0}
.cr2-fila{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}
.cr2-sug{display:inline-block;margin-left:.4rem;padding:.1rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--ds-verde) 16%,transparent);color:var(--ds-verde);font-size:.72rem;font-weight:800}
.cr2-sug.ed{background:color-mix(in srgb,var(--ds-ambar,#C77700) 18%,transparent);color:var(--ds-ambar,#9A5B00)}
.cr2 .ed-campo input{width:100%}
html body #cr-si:not(#zz){display:none!important}
html body .seg-chips span:not(#zz){background:color-mix(in srgb,var(--ds-azul) 9%,var(--ds-card))}
html body .seg-chips input:checked+span:not(#zz){background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul))}
/* 394 · ícono «más» SVG (≥18 px) en lugar del carácter + */
.ic-mas{display:inline-block;width:1.15em;height:1.15em;min-width:18px;min-height:18px;vertical-align:-.2em;flex:none}
html body .btn.grande .ic-mas:not(#zz){min-width:20px;min-height:20px}
/* 399 · «Seguir agregando» solo existe en el panel deslizable del celular; en la compu el carrito es fijo y no se muestra */
@media(min-width:768px){html body .m-cart-cerrar:not(#zz):not(#zy){display:none!important}}
@media(max-width:767px){html body:not(.m-cart-open) .m-cart-cerrar:not(#zz):not(#zy){display:none!important}}
/* 395 · edad aproximada */
.edad-ap{display:grid;gap:.4rem;margin:.3rem 0}.edad-ap-t{font-weight:700;font-size:.92rem}.edad-ap-t small{font-weight:400;color:var(--ds-tinta-2)}
/* 392 · miniaturas del catálogo: centradas; con proporción distinta de 4:5 se muestran completas sobre fondo suave */
html body .prod-img.con-foto:not(#zz),html body .thumb.con-foto:not(#zz){background-position:center center!important}
html body .prod-img.con-foto.foto-contain:not(#zz),html body .thumb.con-foto.foto-contain:not(#zz){background-size:contain!important;background-repeat:no-repeat!important;background-color:color-mix(in srgb,var(--ds-azul) 8%,var(--ds-card))!important}
html body img.foto-contain:not(#zz){object-fit:contain!important;object-position:center!important;background:color-mix(in srgb,var(--ds-azul) 8%,var(--ds-card))}
html body .ph-v-img img:not(#zz),html body .foto img:not(#zz),html body .fot-mini img:not(#zz){object-position:center}
/* 397 · Inicio: TODAS las secciones como mosaicos grandes (plantilla del sistema, sin contornos) */
html body #tab-inicio .inicio-atajos:not(#zz){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:.2rem 0 1.2rem}
@media(min-width:600px){html body #tab-inicio .inicio-atajos:not(#zz){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:900px){html body #tab-inicio .inicio-atajos:not(#zz){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1200px){html body #tab-inicio .inicio-atajos:not(#zz){grid-template-columns:repeat(5,minmax(0,1fr))}}
html body #tab-inicio .inicio-atajos .in-tile:not(#zz){position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:.55rem;min-height:7.6rem;padding:1rem;border:0!important;border-radius:var(--ds-r-card);background:var(--ds-card)!important;box-shadow:var(--ds-sombra);color:var(--ds-tinta);text-align:left}
html body #tab-inicio .inicio-atajos .in-tile .ds-ic:not(#zz){display:grid;place-items:center;width:2.9rem;height:2.9rem;border-radius:50%;background:color-mix(in srgb,var(--kc,#0C3D78) 14%,transparent);color:var(--kc,#0C3D78)}
html body #tab-inicio .inicio-atajos .in-tile .ds-ic svg:not(#zz){width:1.5rem!important;height:1.5rem!important}
html body #tab-inicio .inicio-atajos .in-tile b:not(#zz){font-size:1.02rem;line-height:1.2;overflow-wrap:anywhere}
html body #tab-inicio .inicio-atajos .in-tile.in-per:not(#zz){opacity:.8}
html body #tab-inicio .inicio-atajos .in-tile .in-n:not(#zz){top:.7rem;right:.7rem}
html:root[data-tema="oscuro"] body #tab-inicio .inicio-atajos .in-tile .ds-ic:not(#zz){color:color-mix(in srgb,var(--kc) 55%,#fff)}
html body #tab-inicio .inicio-atajos .in-tile:not(#zz){align-items:flex-start!important;justify-content:flex-end!important;text-align:left!important;grid-column:auto!important;box-shadow:var(--ds-sombra)!important;height:100%}
html body #tab-inicio .inicio-atajos .in-tile>*:not(#zz){text-align:left!important;margin:0}
html body #tab-inicio .inicio-atajos .in-tile .ds-ic:not(#zz){margin-bottom:auto}
/* 398 · Consultar inventario (solo lectura) */
.ci-barra{display:grid;grid-template-columns:1fr;gap:.6rem;margin:.3rem 0 .6rem}
@media(min-width:768px){.ci-barra{grid-template-columns:1fr auto}}
.ci-buscar{margin:0}
.ci-filtros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:.7rem}
@media(min-width:768px){.ci-filtros{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ci-filtros select,.ci-filtros input[type=number]{width:100%;min-height:2.75rem}
.ci-sf{grid-column:span 2;align-self:center}
.ci-resumen{display:grid;gap:.4rem;margin:.3rem 0 .8rem}.ci-total{font-size:1.15rem}
.ci-chips{display:flex;gap:.4rem;flex-wrap:wrap}
.ci-chip{display:inline-flex;align-items:center;gap:.35rem;min-height:2.25rem;padding:.2rem .8rem;border:0;border-radius:999px;background:var(--ds-card);box-shadow:var(--ds-sombra);color:var(--ds-tinta);font-weight:700;font-size:.85rem;cursor:pointer}
.ci-chip.suave{background:color-mix(in srgb,var(--ds-azul) 9%,var(--ds-card));box-shadow:none;cursor:default}
.ci-chip.on{background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul));color:#fff}
.ci-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
@media(min-width:600px){.ci-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:900px){.ci-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1200px){.ci-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
.ci-card{display:flex;flex-direction:column;padding:0;border:0;border-radius:var(--ds-r-card);background:var(--ds-card);box-shadow:var(--ds-sombra);overflow:hidden;text-align:left;color:var(--ds-tinta);cursor:pointer;min-width:0}
.ci-foto{display:grid;place-items:center;position:relative;width:100%;aspect-ratio:4/5;background:color-mix(in srgb,var(--ds-azul) 7%,var(--ds-card));overflow:hidden}
.ci-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.ci-ph{display:grid;place-items:center;color:var(--ds-tinta-2)}.ci-ph svg{width:2.6rem;height:2.6rem}
.ci-info{display:flex;flex-direction:column;gap:.2rem;padding:.6rem .7rem .7rem;min-width:0;flex:1}
.ci-nom{font-size:.93rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.ci-info small{color:var(--ds-tinta-2);font-size:.78rem;overflow-wrap:anywhere}
.ci-pie{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-top:auto;padding-top:.3rem}
.ci-est{font-style:normal;font-weight:800;font-size:.72rem;padding:.15rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--ds-azul) 12%,transparent);color:var(--ds-azul)}
.ci-est.verde{background:color-mix(in srgb,var(--ds-verde) 16%,transparent);color:var(--ds-verde)}.ci-est.ambar{background:color-mix(in srgb,#C77700 18%,transparent);color:#9A5B00}.ci-est.rojo{background:color-mix(in srgb,var(--ds-rojo) 16%,transparent);color:var(--ds-rojo)}.ci-est.gris{background:color-mix(in srgb,#64748B 16%,transparent);color:#475569}
.ci-mas{display:grid;place-items:center;margin:1rem 0}
.ci-fi{display:grid;grid-template-columns:7rem 1fr;gap:.8rem;margin:.4rem 0 .8rem}
.ci-foto-g{border-radius:14px}
.ci-donde{display:grid;margin-top:.4rem;padding:.55rem .7rem;border-radius:14px;background:color-mix(in srgb,var(--ds-verde) 12%,transparent)}.ci-donde span{font-size:.75rem;color:var(--ds-tinta-2)}.ci-donde b{font-size:1.05rem}
.ci-h{margin:.6rem 0 .3rem}
.ci-hist{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;max-height:46vh;overflow:auto}
.ci-ev{display:grid;grid-template-columns:2.1rem 1fr;gap:.6rem;align-items:start}
.ci-ev b{display:block;font-size:.92rem}.ci-ev small{display:block;color:var(--ds-tinta-2);font-size:.78rem;overflow-wrap:anywhere}.ci-det{color:var(--ds-tinta)!important}
.ci-ev-ic{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:color-mix(in srgb,var(--ds-azul) 12%,transparent);color:var(--ds-azul)}
.ci-ev.ult .ci-ev-ic{background:color-mix(in srgb,var(--ds-verde) 20%,transparent);color:var(--ds-verde)}
/* 389-b · visor del escaneo en vivo: el código completo debe quedar dentro del cuadro */
.fot-visor-w{position:relative;margin-top:.6rem}.fot-visor-w video{display:block;margin:0}
.fot-visor{position:absolute;left:6%;right:6%;top:34%;height:26%;border:3px solid rgba(255,255,255,.9);border-radius:14px;box-shadow:0 0 0 999px rgba(0,0,0,.28);pointer-events:none}
.fot-visor-w{overflow:hidden;border-radius:16px}
/* 393-h · Fotos en PC: mosaicos compactos en una sola fila de herramientas, tarjetas más chicas y ordenadas */
@media(min-width:768px){
 html body #tab-fotos .fot-mosaicos:not(#zz){grid-template-columns:repeat(2,minmax(0,21rem));justify-content:start;gap:.8rem}
 html body #tab-fotos .fot-mos:not(#zz){display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.8rem;row-gap:0;align-items:center;min-height:4.8rem;padding:.8rem 1rem}
 html body #tab-fotos .fot-mos .fot-mos-ic:not(#zz){grid-row:1/3;margin:0}
 html body #tab-fotos .fot-mos>span:not(.fot-mos-ic):not(#zz),html body #tab-fotos .fot-mos b:not(#zz){display:block}
 html body #tab-fotos .fot-grid:not(#zz){grid-template-columns:repeat(auto-fill,minmax(11.5rem,13.5rem));justify-content:start}
 html body #tab-fotos .fot-buscar:not(#zz){max-width:34rem}
 html body #tab-fotos .fot-pasos2:not(#zz){margin:.2rem 0 .4rem}
 .fot-foto{aspect-ratio:4/5}
}
/* 391-b · botón flotante 🎁 «Ticket de regalo»: chico, discreto, sin tapar Cobrar, el carrito ni la barra */
html body .fab-regalo:not(#zz){position:fixed;z-index:2300;display:grid;place-items:center;width:2.9rem;height:2.9rem;padding:0;border:0;border-radius:50%;background:var(--ds-card);color:var(--ds-azul);box-shadow:0 4px 14px rgba(8,30,60,.22);font-size:1.25rem;cursor:pointer;opacity:.92;left:6.2rem;bottom:1rem}
html body .fab-regalo.oculto:not(#zz){display:none}
html body .fab-regalo svg:not(#zz){width:1.4rem;height:1.4rem}
@media(max-width:767px){html body .fab-regalo:not(#zz){left:auto;right:.7rem;bottom:calc(var(--nav-h,4.2rem) + 5.6rem + env(safe-area-inset-bottom))}}
/* 400 · Ajustes: lista de secciones (filas-botón) y páginas por sección */
.aj-lista{display:grid;gap:.7rem}
.aj-fila-sec{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.8rem;width:100%;padding:.9rem 1rem;border:0;border-radius:var(--ds-r-card);background:var(--ds-card);box-shadow:var(--ds-sombra);color:var(--ds-tinta);text-align:left;cursor:pointer;min-height:4.4rem}
.aj-fila-sec .ds-ic{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:50%;background:color-mix(in srgb,var(--ds-azul) 12%,transparent);color:var(--ds-azul)}
.aj-fila-sec .ds-ic svg{width:1.4rem;height:1.4rem}
.aj-fs-t{display:grid;gap:.1rem;min-width:0}.aj-fs-t b{font-size:1.02rem}.aj-fs-t small{color:var(--ds-tinta-2);font-size:.8rem;line-height:1.3}
.aj-fs-h{color:var(--ds-azul);font-weight:700;font-size:.85rem;white-space:nowrap}
.aj-fs-c{font-size:1.6rem;color:var(--ds-tinta-2);line-height:1}
@media(max-width:480px){.aj-fila-sec{grid-template-columns:auto 1fr auto}.aj-fs-h{display:none}}
.aj-pag{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin:.2rem 0 .4rem}
.aj-pag-t{display:flex;align-items:center;gap:.5rem;margin:0}.aj-pag-t .ds-ic{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:color-mix(in srgb,var(--ds-azul) 12%,transparent);color:var(--ds-azul)}.aj-pag-t svg{width:1.2rem;height:1.2rem}
.aj-solo{display:inline-block;margin-left:.4rem;padding:.05rem .5rem;border-radius:999px;background:color-mix(in srgb,#C77700 18%,transparent);color:#9A5B00;font-size:.7rem;font-weight:800}
@media(min-width:768px){.aj-lista{max-width:44rem}}
/* 402 · aviso de versión: flotante breve + indicador discreto */
html body .upd-aviso:not(#zz){transition:opacity .35s,transform .35s}
html body .upd-aviso.se-va:not(#zz){opacity:0;transform:translateX(-50%) translateY(12px);pointer-events:none}
html body .upd-punto:not(#zz){display:inline-flex;align-items:center;min-height:1.7rem;padding:.1rem .6rem;border:0;border-radius:999px;background:color-mix(in srgb,#FD6E88 22%,transparent);color:var(--ds-rojo,#B4233F);font-size:.72rem;font-weight:800;cursor:pointer;margin-right:.4rem}
html body .upd-dot:not(#zz){position:absolute;top:.35rem;right:1.1rem;width:.6rem;height:.6rem;border-radius:50%;background:#FD6E88;box-shadow:0 0 0 2px var(--ds-card,#fff)}
/* punto de esquina (solo PC): visible siempre, sin tapar nada */
html body .upd-esq:not(#zz){display:none}
@media(min-width:768px){html body .upd-esq:not(#zz){display:block;position:fixed;top:.35rem;right:.35rem;z-index:2200;width:1.6rem;height:1.6rem;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}
 html body .upd-esq:not(#zz)::after{content:"";position:absolute;inset:.5rem;border-radius:50%;background:#FD6E88;box-shadow:0 0 0 3px color-mix(in srgb,#FD6E88 30%,transparent)}}
/* 403 · rebajas: precio anterior tachado + etiqueta «Rebaja» */
html body .tag-rebaja:not(#zz){display:inline-block;padding:.1rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--ds-rojo,#C93440) 16%,transparent);color:var(--ds-rojo,#B4233F);font-size:.68rem;font-weight:800;letter-spacing:.02em;vertical-align:middle;white-space:nowrap}
html:root[data-tema="oscuro"] body .tag-rebaja:not(#zz){color:#FF9AA8}
html body .precio-ant:not(#zz){color:var(--ds-tinta-2);text-decoration:line-through}
/* 404 · explicar el faltante al abrir caja */
.fa-lista{display:grid;gap:.4rem;margin:.5rem 0}
.fa-lin{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:14px;background:var(--ds-card);box-shadow:var(--ds-sombra)}
.fa-lin small{display:block;color:var(--ds-tinta-2);font-size:.78rem}
.fa-res{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin:.5rem 0}
.fa-res .stat{display:grid;gap:.1rem;padding:.5rem .6rem;border-radius:14px;background:var(--ds-card);box-shadow:var(--ds-sombra)}.fa-res .stat span{font-size:.7rem;color:var(--ds-tinta-2)}.fa-res .stat b{font-size:1rem}.fa-res .destacado{background:color-mix(in srgb,var(--ds-ambar,#C77700) 16%,var(--ds-card))}
#fa-tipo{display:flex;flex-wrap:wrap}#fa-tipo span{min-height:2.5rem;padding:.2rem .8rem;font-size:.85rem}
/* 406 · Regenerar y preguntas de Fotos con IA: muy visual, chips con ícono, deslizador de complexión, estilo de accesorio */
.rg-sec{margin:.9rem 0}.rg-sec h4{margin:0 0 .5rem;font-size:1rem}.rg-sec h4 small{font-weight:400;color:var(--ds-tinta-2)}
.rg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
@media(min-width:768px){.rg-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.rg-chip,.fot-op.rg-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;min-height:5rem;padding:.55rem .35rem;border:0!important;border-radius:var(--ds-r-card);background:var(--ds-card);box-shadow:var(--ds-sombra);color:var(--ds-tinta);font-weight:700;font-size:.8rem;line-height:1.15;text-align:center;cursor:pointer}
.rg-chip .rg-ic{color:var(--ds-azul)}
.rg-chip.on,.fot-op.rg-chip.on{background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul));color:#fff;box-shadow:var(--ds-glow)}.rg-chip.on .rg-ic{color:#fff}
.rg-estilos,.rg-estilos.fot-ops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.rg-estilo,.fot-op.rg-estilo{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;padding:.8rem;border:0!important;border-radius:var(--ds-r-card);background:var(--ds-card);color:var(--ds-tinta);box-shadow:var(--ds-sombra);text-align:left;cursor:pointer}
.rg-estilo .rg-ic{color:var(--ds-azul)}.rg-estilo small{font-size:.74rem;color:var(--ds-tinta-2);line-height:1.25;font-weight:400}
.rg-estilo.on{background:linear-gradient(180deg,var(--ds-azul-2),var(--ds-azul));color:#fff;box-shadow:var(--ds-glow)}.rg-estilo.on small,.rg-estilo.on .rg-ic{color:#fff}
.rg-slider{display:grid;gap:.4rem;padding:.7rem;border-radius:var(--ds-r-card);background:var(--ds-card);box-shadow:var(--ds-sombra)}
.rg-slider input[type=range]{width:100%;min-height:2.4rem;accent-color:var(--ds-azul)}
.rg-cx-et{display:grid;grid-template-columns:repeat(5,1fr);gap:.1rem;text-align:center;font-size:.68rem;color:var(--ds-tinta-2)}.rg-cx-et span{display:grid;justify-items:center;gap:.15rem;cursor:pointer;padding:.2rem 0;border-radius:10px}.rg-cx-et span.on{color:var(--ds-azul);font-weight:800;background:color-mix(in srgb,var(--ds-azul) 12%,transparent)}
.rg-poses{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.rg-res{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:.8rem 0;padding:.7rem;border-radius:var(--ds-r-card);background:color-mix(in srgb,var(--ds-verde) 10%,var(--ds-card));font-size:.85rem}.rg-res i{font-style:normal;padding:.1rem .6rem;border-radius:999px;background:var(--ds-card);box-shadow:var(--ds-sombra);font-weight:700}.rg-res.vacio{color:var(--ds-tinta-2);background:var(--ds-card)}
.rg-cx-et span{word-break:normal;overflow-wrap:anywhere;hyphens:auto}.fot-form .rg-cx-et{font-size:.66rem}
html:root[data-tema="oscuro"] body .rg-chip .rg-ic,html:root[data-tema="oscuro"] body .rg-estilo .rg-ic{color:#8FD0F0}
html:root[data-tema="oscuro"] body .rg-chip.on .rg-ic,html:root[data-tema="oscuro"] body .rg-estilo.on .rg-ic{color:#fff}
/* 407 · miniaturas: contenedor de proporción fija (sin saltos), placeholder que "respira" y foto que aparece suave */
.fot-mini:not(.con-foto):not(.sin-img) .fot-ph,.ci-foto:not(:has(img)) .ci-ph{animation:miniRespira 1.3s ease-in-out infinite}
@keyframes miniRespira{0%,100%{opacity:.45}50%{opacity:.9}}
.fot-mini img,.ci-foto img,.foto img{animation:miniEntra .3s ease-out}
@keyframes miniEntra{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.fot-mini img,.ci-foto img,.foto img,.fot-ph,.ci-ph{animation:none!important}}
/* 411 · Historial de devoluciones y exhibidos */
.dv-tabs{margin:.4rem 0 .8rem}
.dvh-filtros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:.6rem}
.dvh-filtros label{display:grid;gap:.15rem;font-size:.75rem;color:var(--ds-tinta-2);font-weight:700}.dvh-filtros input[type=date],.dvh-filtros select{width:100%;min-height:2.75rem}
.dvh-q{grid-column:1/-1;margin:0}
@media(min-width:768px){.dvh-filtros{grid-template-columns:repeat(4,minmax(0,1fr))}.dvh-q{grid-column:span 2}}
.dvh-res{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;margin:.3rem 0 .7rem}
.dvh-lista{display:grid;grid-template-columns:1fr;gap:.7rem}
@media(min-width:768px){.dvh-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1200px){.dvh-lista{grid-template-columns:repeat(3,minmax(0,1fr))}}
.dvh-card{display:grid;gap:.45rem;padding:.8rem .9rem;border:0;border-radius:var(--ds-r-card);background:var(--ds-card);box-shadow:var(--ds-sombra);text-align:left;color:var(--ds-tinta);cursor:pointer;min-width:0}
.dvh-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}.dvh-top small{color:var(--ds-tinta-2)}
.dvh-cli{font-size:1rem}
.dvh-pzs{display:grid;gap:.35rem}
.dvh-pz{display:grid;grid-template-columns:2.6rem 1fr;gap:.5rem;align-items:center}
.dvh-pz small{display:block;color:var(--ds-tinta-2);font-size:.75rem;overflow-wrap:anywhere}
.dvh-foto{display:grid;place-items:center;width:2.6rem;height:3.2rem;border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--ds-azul) 8%,var(--ds-card));color:var(--ds-tinta-2)}.dvh-foto svg{width:1.4rem;height:1.4rem}.dvh-foto img{width:100%;height:100%;object-fit:contain}
.dvh-pie{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;flex-wrap:wrap}.dvh-pie small{color:var(--ds-tinta-2)}
.seg-chips label{position:relative}
/* 413 · anticipo mínimo visible */
.ap-min{display:block;grid-column:1/-1;margin-top:.3rem;font-size:.78rem;color:var(--ds-tinta-2)}.ap-min.mal{color:var(--ds-rojo,#B4233F);font-weight:800}
/* 418 · miniaturas de piezas: tocar abre la foto grande; recorte centrado sin estirar */
html body .thumb-ver:not(#zz){cursor:zoom-in}
html body .thumb.con-foto-img:not(#zz){overflow:hidden;background-image:none}
html body .thumb.con-foto-img img:not(#zz){display:block;width:100%;height:100%;object-fit:cover;object-position:center}
html body .thumb.con-foto:not(#zz){background-size:cover;background-position:center center;background-repeat:no-repeat}
html body .thumb.foto-ref:not(#zz){opacity:.85;outline:2px dashed color-mix(in srgb,var(--ds-azul) 35%,transparent);outline-offset:-3px}
html body .pz-lista .thumb:not(#zz),html body .sol-th:not(#zz){flex:none;width:3.2rem;height:4rem;border-radius:10px;min-width:3.2rem}
html body .pz-lista .thumb:not(#zz):not(#zy),html body .sol-th:not(#zz):not(#zy){flex:none!important;width:3.4rem!important;min-width:3.4rem!important;max-width:3.4rem!important;height:4.2rem!important;border-radius:10px!important;overflow:hidden;display:grid;place-items:center}