/* ═══════════ Blezza POS · estilo «glossy fintech» (#133) — SOLO PRESENTACIÓN ═══════════
   Paleta: Seal Blue #DBF2FC · Navy #072D59 · Crimson Pink #FD6E88. Claro por defecto; oscuro = base navy con brillos en las esquinas.
   Se carga DESPUÉS de app.css / blezza-tema.css / blezza-oscuro.css. No cambia datos ni lógica. Verde / ámbar / rojo quedan SOLO para estados. */
:root{
  --gl-navy:#072D59;--gl-navy2:#0C3D78;--gl-pink:#FD6E88;--gl-pink2:#FD8CA1;--gl-sky:#DBF2FC;--gl-bg:#F1F9FD;--gl-line:#DDEBF4;
  --bg:#F1F9FD;--card:#fff;--borde:#DDEBF4;--borde-2:#C9DFEE;--tinta:#072D59;--tinta-2:#4A6283;--tinta-3:#58708F;
  --primario:#072D59;--rosa:#072D59;--rosa-2:#DBF2FC;--rosa-soft:#FFE6EB;--morado:#2A4F7C;--morado-2:#E4ECF7;
  --verde:#14805A;--verde-suave:#E3F7EE;--rojo:#D63A40;--rojo-suave:#FDE7E8;--ambar:#9A6200;--ambar-suave:#FFF3DF;--azul:#2B6CB0;--azul-suave:#DBF2FC;
  --radius:22px;--sombra:0 1px 0 rgba(255,255,255,.9) inset,0 18px 40px -24px rgba(7,45,89,.30),0 2px 6px -2px rgba(7,45,89,.06);
  --bz-bg:#F1F9FD;--bz-card:#fff;--bz-radio:24px;--bz-radio-s:16px;--bz-sombra:var(--sombra);--bz-navy:#072D59;--bz-teal:#2A4F7C;--bz-teal-2:#3A66A0;--bz-crema:#DBF2FC;--bz-cafe:#4A6283;--bz-carbon:#072D59;
  --bz-borde:#DDEBF4;--bz-borde-2:#C9DFEE;--bz-grad:linear-gradient(135deg,#0C3D78 0%,#072D59 100%);--bz-ok:#2FBF8A;--bz-warn:#F2A93B;--bz-bad:#E5484D;
  --hdr-bg:#072D59;--hdr-bd:#1B4577;--hdr-tx2:#CFE3F4;--cafe:#4A6283;--crema:#DBF2FC;--petroleo:#2A4F7C;
  --font:'Plus Jakarta Sans','Inter',-apple-system,'Segoe UI',Roboto,sans-serif;
  --btn-navy:linear-gradient(180deg,#154577 0%,#072D59 100%);--btn-pink:linear-gradient(180deg,#FF93A6 0%,#FD6E88 100%);--btn-glow:inset 0 1px 0 rgba(255,255,255,.28),0 12px 22px -14px rgba(7,45,89,.75);
}
body{font-family:var(--font);color:var(--tinta);background:radial-gradient(1100px 560px at 8% -12%,rgba(253,110,136,.13) 0,transparent 60%),radial-gradient(900px 520px at 100% -4%,rgba(58,166,220,.17) 0,transparent 58%),var(--bg);background-attachment:fixed}
body,input,select,textarea,button,option{font-family:var(--font)}
#main.active{background:transparent}
/* ── tarjetas ── */
.card,.cart-panel,.cart-card,.modal,.modal-cobro,.stat,.kpi,.tf-card-t,.ap-card,.resumen-dia>div{background:#fff;border:1px solid var(--gl-line);border-radius:24px;box-shadow:var(--sombra)}
.card h3,.cart-card-t{color:var(--tinta-2);letter-spacing:.08em}
.topbar h2{color:var(--tinta);font-weight:800;letter-spacing:-.02em}
.item{border-radius:18px;background:#fff;border:1px solid var(--gl-line)}
.item:hover{border-color:var(--gl-pink2);box-shadow:0 10px 24px -16px rgba(253,110,136,.6)}
.prod{background:#fff;border:1px solid var(--gl-line);border-radius:26px;box-shadow:var(--sombra)}
.prod:hover{border-color:var(--gl-pink2);box-shadow:0 18px 34px -20px rgba(253,110,136,.55)}
.prod-img{background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.9),transparent 52%),linear-gradient(160deg,#F1F9FD,#DBF2FC);border-radius:20px}
.prod-precio,.precio{color:var(--tinta)}
.prod-talla{background:rgba(255,255,255,.95);color:var(--gl-navy)}
/* ── botones: primario = navy glossy; Cobrar = rosa; verde solo para estados ── */
.btn{border:0;border-radius:999px;background:var(--btn-navy);color:#fff;box-shadow:var(--btn-glow);font-weight:800}
.btn:hover{filter:brightness(1.12)}
.btn.verde,.btn.grande.verde{background:var(--btn-navy)}
.btn.rosa,#btn-abrir-cobrar,#btn-cobrar{background:var(--btn-pink);color:#fff;text-shadow:0 1px 0 rgba(150,30,60,.25)}
#btn-abrir-apartar,#btn-apartar{background:var(--btn-navy)}
.btn.rojo{background:linear-gradient(180deg,#F0646A,#D63A40)}
.btn.sec{background:#fff;color:var(--gl-navy);border:1.5px solid var(--borde-2);box-shadow:0 6px 14px -10px rgba(7,45,89,.3)}
.btn.sec:hover{background:var(--gl-sky);filter:none}
.btn:disabled{background:#E2ECF4;color:#8CA0B8;box-shadow:none}
.btn-add{background:var(--btn-navy);color:#fff;border-radius:999px;box-shadow:var(--btn-glow);font-weight:800}
.btn-add:hover{background:var(--btn-pink);color:#fff}
.btn-add:disabled{background:#E2ECF4;color:#8CA0B8;box-shadow:none}
/* ── campos ── */
input,select,textarea{background:#fff;border:1.5px solid var(--borde-2);border-radius:16px;color:var(--tinta)}
input:focus,select:focus,textarea:focus{border-color:var(--gl-navy);box-shadow:0 0 0 4px rgba(7,45,89,.10)}
.search-wrap{background:#fff;border:1px solid var(--gl-line);border-radius:999px;box-shadow:var(--sombra)}
::placeholder{color:#8EA2BB}
/* ── pestañas tipo píldora y chips ── */
.seg{background:#fff;border:1px solid var(--gl-line);border-radius:999px;padding:.25rem;box-shadow:var(--sombra)}
.seg button{border-radius:999px;color:var(--tinta-2);font-weight:700}
.seg button.active,.seg button.on{background:var(--btn-navy);color:#fff;box-shadow:var(--btn-glow)}
.chip,.cat-chip,.var-chip,.chip-cuenta,.carrito-tab{background:#fff;border:1px solid var(--gl-line);color:var(--tinta);border-radius:999px;font-weight:700}
.chip.sel,.chip.active,.cat-chip.active,.carrito-tab.active,.chip-cuenta.sel{background:var(--btn-navy);color:#fff;border-color:transparent;box-shadow:var(--btn-glow)}
.cat-chip.active .cat-svg{color:#fff}.cat-chip i{background:var(--gl-sky);color:var(--gl-navy)}
.badge{font-weight:800}
/* ── barra lateral (compu / iPad) ── */
aside:not(.login-hero){background:linear-gradient(185deg,#0E4A90 0%,#072D59 70%);color:#CFE3F4;border-radius:0 34px 34px 0;box-shadow:12px 0 40px -18px rgba(7,45,89,.45)}
aside .nav-item{color:#CFE3F4;border-radius:999px}
aside .nav-item:hover{background:rgba(255,255,255,.12);color:#fff}
aside .nav-item.active{background:linear-gradient(160deg,#FFC2CE,#FD8CA1);color:var(--gl-navy);box-shadow:0 10px 22px -10px rgba(253,110,136,.8)}
/* ── cabecera móvil ── */
.m-top{background:linear-gradient(180deg,#0E4A90,#072D59)}
/* ── ventanas ── */
.modal-back{background:rgba(7,45,89,.46);backdrop-filter:blur(4px)}
.modal,.modal-cobro{border-radius:28px;box-shadow:0 40px 80px -30px rgba(7,45,89,.6),inset 0 1px 0 #fff}
.modal-x{background:var(--gl-sky);color:#072D59}
/* ── tarjetas de color (números grandes) ── */
.stat-card.c-rosa,.kpi.esp,.caja-hero{background:linear-gradient(140deg,#FF9FB0 0%,#FD6E88 60%,#E8506E 100%);color:#fff;border:0}
.stat-card.c-azul,.stat-card.c-morado{background:linear-gradient(140deg,#154577,#072D59)}
.stat-card.c-verde{background:linear-gradient(140deg,#2FBF8A,#14805A)}
/* ── barra inferior del celular ── */
@media(max-width:767px){
  #main aside:not(.login-hero){background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border:1px solid var(--gl-line);border-bottom:0;box-shadow:0 -16px 40px -18px rgba(7,45,89,.35);color:var(--tinta-2);border-radius:26px 26px 0 0}
  aside .nav-item{color:var(--tinta-2)}
  aside .nav-item.active{background:linear-gradient(160deg,#FFD0D9,#FD8CA1);color:var(--gl-navy);box-shadow:0 10px 20px -10px rgba(253,110,136,.8)}
  aside .nav-item.nav-fotos,aside .nav-item[data-tab=inventario]{background:var(--gl-sky);color:var(--gl-navy)}
  aside .nav-item.nav-fotos.active,aside .nav-item[data-tab=inventario].active{background:linear-gradient(160deg,#FFD0D9,#FD8CA1)}
  aside.mas-abierto .aside-foot{border-top-color:var(--gl-line)}
  aside .aside-foot,aside .aside-foot .who{color:var(--tinta-2)}
  aside .aside-foot .btn.sec{background:#fff;color:var(--gl-navy)}
  .m-cart-bar:not(.oculto){background:var(--btn-navy)}
  .caja-bloqueo{background:rgba(7,45,89,.82)}
}
/* ── brillos del modo oscuro ── */
:root[data-tema="oscuro"]{
  --bg:#061A33;--card:#0C2A4D;--borde:#1B3F6B;--borde-2:#2A5285;--tinta:#EAF4FB;--tinta-2:#A9C0DA;--tinta-3:#7F98B8;--primario:#EAF4FB;--rosa:#FD8CA1;--morado:#7FB8E8;
  --sombra:0 1px 0 rgba(255,255,255,.05) inset,0 22px 44px -22px rgba(0,0,0,.75),0 2px 6px -2px rgba(0,0,0,.4);--bz-sombra:var(--sombra);
  --hdr-bg:#06203F;--hdr-bd:#1B3F6B;
  --btn-navy:linear-gradient(180deg,#FFA0B1 0%,#FD6E88 100%);--btn-pink:linear-gradient(180deg,#FFA0B1 0%,#FD6E88 100%);--btn-glow:inset 0 1px 0 rgba(255,255,255,.4),0 12px 22px -14px rgba(253,110,136,.8);
}
@media (prefers-color-scheme:dark){:root:not([data-tema="claro"]){
  --bg:#061A33;--card:#0C2A4D;--borde:#1B3F6B;--borde-2:#2A5285;--tinta:#EAF4FB;--tinta-2:#A9C0DA;--tinta-3:#7F98B8;--primario:#EAF4FB;--rosa:#FD8CA1;--morado:#7FB8E8;
  --sombra:0 1px 0 rgba(255,255,255,.05) inset,0 22px 44px -22px rgba(0,0,0,.75),0 2px 6px -2px rgba(0,0,0,.4);--bz-sombra:var(--sombra);
  --hdr-bg:#06203F;--hdr-bd:#1B3F6B;
  --btn-navy:linear-gradient(180deg,#FFA0B1 0%,#FD6E88 100%);--btn-pink:linear-gradient(180deg,#FFA0B1 0%,#FD6E88 100%);--btn-glow:inset 0 1px 0 rgba(255,255,255,.4),0 12px 22px -14px rgba(253,110,136,.8);
}}
:root[data-tema="oscuro"] body{background:radial-gradient(1000px 560px at 6% -14%,rgba(253,110,136,.20) 0,transparent 60%),radial-gradient(900px 520px at 100% -6%,rgba(58,166,220,.22) 0,transparent 58%),radial-gradient(800px 480px at 50% 120%,rgba(28,81,153,.35) 0,transparent 60%),#061A33!important}
:root[data-tema="oscuro"] .btn:not(.sec):not(.rojo),:root[data-tema="oscuro"] .btn-add,:root[data-tema="oscuro"] .seg button.active,:root[data-tema="oscuro"] .chip.sel,:root[data-tema="oscuro"] .chip.active,:root[data-tema="oscuro"] .cat-chip.active,:root[data-tema="oscuro"] .carrito-tab.active{color:#072D59!important;text-shadow:none}
:root[data-tema="oscuro"] .cat-chip.active .cat-svg{color:#072D59}
:root[data-tema="oscuro"] .btn.sec{color:#EAF4FB!important;background:#0C2A4D!important;border-color:#2A5285!important}
:root[data-tema="oscuro"] .card,:root[data-tema="oscuro"] .cart-panel,:root[data-tema="oscuro"] .cart-card,:root[data-tema="oscuro"] .modal,:root[data-tema="oscuro"] .modal-cobro,:root[data-tema="oscuro"] .prod{background:linear-gradient(180deg,#0F3158 0%,#0A2547 100%)!important;border-color:rgba(160,205,245,.14)!important}
:root[data-tema="oscuro"] .prod-img{background:radial-gradient(circle at 32% 24%,rgba(143,208,240,.22),transparent 55%),linear-gradient(160deg,#143A66,#0C2A4D)!important}
:root[data-tema="oscuro"] aside:not(.login-hero){background:linear-gradient(185deg,#0B3A74 0%,#06203F 75%)!important}
:root[data-tema="oscuro"] .stat-card.c-rosa,:root[data-tema="oscuro"] .kpi.esp,:root[data-tema="oscuro"] .caja-hero{background:linear-gradient(140deg,#FF8FA3 0%,#E8506E 100%)!important;color:#fff}
@media(max-width:767px){:root[data-tema="oscuro"] #main aside:not(.login-hero){background:rgba(8,33,63,.92)!important;border-color:rgba(160,205,245,.16)!important}
  :root[data-tema="oscuro"] aside .nav-item{color:#A9C0DA}:root[data-tema="oscuro"] aside .nav-item.active,:root[data-tema="oscuro"] aside .nav-item.nav-fotos.active,:root[data-tema="oscuro"] aside .nav-item[data-tab=inventario].active{background:linear-gradient(160deg,#FFD0D9,#FD8CA1)!important;color:#072D59!important}
  :root[data-tema="oscuro"] aside .nav-item.nav-fotos,:root[data-tema="oscuro"] aside .nav-item[data-tab=inventario]{background:rgba(143,208,240,.14)!important}}
@media (prefers-color-scheme:dark){
  :root:not([data-tema="claro"]) body{background:radial-gradient(1000px 560px at 6% -14%,rgba(253,110,136,.20) 0,transparent 60%),radial-gradient(900px 520px at 100% -6%,rgba(58,166,220,.22) 0,transparent 58%),radial-gradient(800px 480px at 50% 120%,rgba(28,81,153,.35) 0,transparent 60%),#061A33!important}
  :root:not([data-tema="claro"]) .btn:not(.sec):not(.rojo),:root:not([data-tema="claro"]) .btn-add,:root:not([data-tema="claro"]) .seg button.active,:root:not([data-tema="claro"]) .chip.sel,:root:not([data-tema="claro"]) .chip.active,:root:not([data-tema="claro"]) .cat-chip.active,:root:not([data-tema="claro"]) .carrito-tab.active{color:#072D59!important;text-shadow:none}
  :root:not([data-tema="claro"]) .btn.sec{color:#EAF4FB!important;background:#0C2A4D!important;border-color:#2A5285!important}
  :root:not([data-tema="claro"]) .card,:root:not([data-tema="claro"]) .cart-panel,:root:not([data-tema="claro"]) .cart-card,:root:not([data-tema="claro"]) .modal,:root:not([data-tema="claro"]) .modal-cobro,:root:not([data-tema="claro"]) .prod{background:linear-gradient(180deg,#0F3158 0%,#0A2547 100%)!important;border-color:rgba(160,205,245,.14)!important}
  :root:not([data-tema="claro"]) .prod-img{background:radial-gradient(circle at 32% 24%,rgba(143,208,240,.22),transparent 55%),linear-gradient(160deg,#143A66,#0C2A4D)!important}
  :root:not([data-tema="claro"]) aside:not(.login-hero){background:linear-gradient(185deg,#0B3A74 0%,#06203F 75%)!important}
}

/* modo oscuro: precios y acentos en rosa; barra lateral con el item activo rosa */
:root[data-tema="oscuro"] .prod-precio,:root[data-tema="oscuro"] .precio{color:#FD8CA1!important}
:root[data-tema="oscuro"] aside .nav-item.active{background:linear-gradient(160deg,#FFD0D9,#FD8CA1)!important;color:#072D59!important}
@media (prefers-color-scheme:dark){
  :root:not([data-tema="claro"]) .prod-precio,:root:not([data-tema="claro"]) .precio{color:#FD8CA1!important}
  :root:not([data-tema="claro"]) aside .nav-item.active{background:linear-gradient(160deg,#FFD0D9,#FD8CA1)!important;color:#072D59!important}
  :root:not([data-tema="claro"]) aside .nav-item[data-tab=inventario],:root:not([data-tema="claro"]) aside .nav-item.nav-fotos{background:rgba(143,208,240,.14)!important}
}

:root[data-tema="oscuro"] input,:root[data-tema="oscuro"] select,:root[data-tema="oscuro"] textarea{background:#0A2547!important;color:#EAF4FB!important;border-color:#2A5285!important}
:root[data-tema="oscuro"] .chip,:root[data-tema="oscuro"] .cat-chip,:root[data-tema="oscuro"] .var-chip,:root[data-tema="oscuro"] .chip-cuenta,:root[data-tema="oscuro"] .carrito-tab,:root[data-tema="oscuro"] .seg,:root[data-tema="oscuro"] .search-wrap,:root[data-tema="oscuro"] .item{background:#0C2A4D!important;color:#EAF4FB!important;border-color:rgba(160,205,245,.16)!important}
:root[data-tema="oscuro"] .var-chip b,:root[data-tema="oscuro"] .chip b{color:#EAF4FB}
@media (prefers-color-scheme:dark){
  :root:not([data-tema="claro"]) input,:root:not([data-tema="claro"]) select,:root:not([data-tema="claro"]) textarea{background:#0A2547!important;color:#EAF4FB!important;border-color:#2A5285!important}
  :root:not([data-tema="claro"]) .chip,:root:not([data-tema="claro"]) .cat-chip,:root:not([data-tema="claro"]) .var-chip,:root:not([data-tema="claro"]) .chip-cuenta,:root:not([data-tema="claro"]) .carrito-tab,:root:not([data-tema="claro"]) .seg,:root:not([data-tema="claro"]) .search-wrap,:root:not([data-tema="claro"]) .item{background:#0C2A4D!important;color:#EAF4FB!important;border-color:rgba(160,205,245,.16)!important}
}
:root[data-tema="oscuro"] .btn:not(.sec):not(.rojo),:root[data-tema="oscuro"] .btn-add,:root[data-tema="oscuro"] .seg button.active,:root[data-tema="oscuro"] .chip.sel,:root[data-tema="oscuro"] .chip.active,:root[data-tema="oscuro"] .cat-chip.active,:root[data-tema="oscuro"] .carrito-tab.active{background:linear-gradient(180deg,#FFA0B1,#FD6E88)!important}
@media (prefers-color-scheme:dark){:root:not([data-tema="claro"]) .btn:not(.sec):not(.rojo),:root:not([data-tema="claro"]) .btn-add,:root:not([data-tema="claro"]) .seg button.active,:root:not([data-tema="claro"]) .chip.sel,:root:not([data-tema="claro"]) .chip.active,:root:not([data-tema="claro"]) .cat-chip.active,:root:not([data-tema="claro"]) .carrito-tab.active{background:linear-gradient(180deg,#FFA0B1,#FD6E88)!important}}

/* ── fuera todo café / crema (solo azul y rosa; verde/ámbar/rojo = estados) ── */
.fondo-ayer,.desplegable{background:#F1F9FD;border:1px solid var(--gl-line)}
.entrantes{background:linear-gradient(135deg,#E3F4FC,#F1F9FD);border-color:#8CC8F0}
.c-venc .rc-chip{background:#072D59}
.pill{color:var(--tinta)}
.pantalla,.login-shell,#login{background:linear-gradient(135deg,#F1F9FD,#DBF2FC)}
::selection{background:#FFE6EB;color:#072D59}
:root[data-tema="oscuro"] .fondo-ayer,:root[data-tema="oscuro"] .desplegable{background:#0A2547!important;border-color:rgba(160,205,245,.14)!important}
:root[data-tema="oscuro"] .pantalla,:root[data-tema="oscuro"] #login{background:linear-gradient(135deg,#061A33,#0B3A74)!important}

/* ═══ #134 · iPad ═══
   Vertical (701–900 px): riel de 92 px con icono + etiqueta (antes quedaba una barra ancha SIN etiquetas). Horizontal (901–1194 px): catálogo + carrito en dos columnas. */
@media(min-width:768px) and (max-width:767px){
  #main.active{grid-template-columns:92px minmax(0,1fr)}
  aside:not(.login-hero){border-radius:0 28px 28px 0;padding:.6rem .35rem;overflow-y:auto}
  aside .logo-img,aside .nav-toggle,aside .who{display:none!important}
  aside nav{display:flex;flex-direction:column;gap:.15rem}
  aside .nav-group,aside .nav-group .nav-sub,aside .nav-group.abierto .nav-sub{display:contents!important}aside .nav-grp{display:none!important}
  aside .nav-item{flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.55rem .1rem;text-align:center;min-height:56px;width:100%;border-radius:18px}
  aside .nav-item span.txt{display:block!important;font-size:11.5px!important;line-height:1.1;white-space:normal;text-align:center;max-width:100%}
  aside .nav-item .dot{position:absolute;top:2px;right:8px;margin:0}
  aside .nav-item{position:relative}
  aside .aside-foot{display:flex;flex-direction:column;gap:.3rem;padding:.5rem .1rem}
  aside .aside-foot .foot-reloj,aside .aside-foot .foot-mas,aside .aside-foot .foot-estado,aside .aside-foot .who,.hora-chica{display:none}
  aside .aside-foot .btn{font-size:11px;padding:.4rem .2rem;min-height:44px}
  main{padding:1rem 1rem 5rem}
  #ayuda-fab{left:auto!important;right:14px;bottom:76px!important}
}
@media(min-width:768px) and (max-width:1194px){
  .vender-layout{grid-template-columns:minmax(0,1fr) 360px!important;gap:.9rem}
  .vender-layout .cart-panel{position:sticky!important;top:.6rem;max-height:calc(calc(100*var(--vz,1)*1vh) - 1.2rem)!important}
  .prod-area{max-height:none}
  .grid-mode,.prod-area.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
}
@media(min-width:768px) and (max-width:1194px){
  .modal{width:min(640px,calc(94*var(--vz,1)*1vw))}.modal-cobro{width:min(760px,calc(96*var(--vz,1)*1vw))}
  .btn,.seg button,.chip,.cat-chip,input,select{min-height:44px}
}

/* ═══ #133m · menú «Más» del celular (hoja inferior) ═══
   Rejilla pareja: todas las opciones = tarjeta + icono de línea + etiqueta, mismo alto; fondo oscurecido (sin hueco); badges pegados a su botón; sin punto suelto. */
@media(max-width:767px){
  aside .nav-item{position:relative}
  aside .nav-item .bz-ic,aside .nav-item:not(.active) .bz-ic{stroke:currentColor;color:inherit;opacity:1}   /* #140: la regla de escritorio ponía los iconos de la barra en BLANCO sobre blanco */
  aside .nav-item .dot:not(.oculto){position:absolute;top:3px;right:calc(50% - 26px);margin:0;min-width:18px;height:18px;line-height:18px;padding:0 5px;text-align:center;font-size:11px;box-shadow:0 0 0 2px #fff}
  #main aside.mas-abierto:not(.login-hero){max-height:calc(84*var(--vz,1)*1vh);max-height:calc(84*var(--vz,1)*1dvh);overflow-y:auto;overscroll-behavior:contain;border-radius:28px 28px 0 0;padding:.5rem .7rem calc(.8rem + env(safe-area-inset-bottom));
    box-shadow:0 0 0 100vmax rgba(6,32,63,.5),0 -18px 44px -16px rgba(7,45,89,.5)}
  #main aside.mas-abierto::before{content:"";display:block;flex:none;order:-2;width:46px;height:5px;border-radius:9px;background:rgba(7,45,89,.22);margin:.1rem auto .6rem}
  aside.mas-abierto .aside-foot .who{display:none!important}
  aside.mas-abierto .aside-foot{gap:.45rem;padding:.2rem 0 .6rem;border-top:0}
  aside.mas-abierto .aside-foot .hora-grande{font-size:1.6rem;line-height:1.1}
  aside.mas-abierto .foot-estado{display:flex;align-items:center;justify-content:space-between;gap:.6rem;order:5;padding:.15rem .3rem 0}
  aside.mas-abierto .foot-estado .ver-pie{display:inline;flex:none;font-size:13px;color:var(--tinta-2);margin:0}
  aside.mas-abierto .foot-estado .sync{display:inline-flex!important;flex-basis:auto;align-items:center;gap:.3rem;font-size:13px!important;font-weight:700;color:#0A7A4B;opacity:1}
  aside.mas-abierto .foot-mas summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:46px;padding:0 .9rem;border-radius:16px;background:#fff;border:1px solid var(--gl-line);color:var(--gl-navy);font-weight:800;font-size:15px;cursor:pointer}
  aside.mas-abierto .foot-mas summary::-webkit-details-marker{display:none}
  aside.mas-abierto nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;flex:none;overflow:visible;padding:.1rem 0 .3rem}
  aside.mas-abierto nav .nav-group,aside.mas-abierto nav .nav-group .nav-sub{display:contents!important}
  aside.mas-abierto nav .nav-grp{display:none!important}
  aside.mas-abierto .nav-item,aside.mas-abierto .nav-item.nav-sec,aside.mas-abierto .nav-mas{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:auto;height:auto;min-height:78px;padding:.55rem 0;
    border-radius:20px;background:#fff;border:1px solid var(--gl-line);box-shadow:0 8px 18px -12px rgba(7,45,89,.4);color:var(--gl-navy);font-size:12.5px;font-weight:700;text-align:center}
  aside.mas-abierto .nav-item .bz-ic{width:24px;height:24px;margin:0;color:var(--gl-navy);stroke:currentColor}
  aside.mas-abierto .nav-item span.txt{display:block;white-space:normal;overflow:visible;max-width:100%;font-size:12.5px;line-height:1.12;letter-spacing:0;text-align:center}
  aside.mas-abierto .nav-item[data-tab=ventasdia] span.txt{font-size:12.5px}
  aside.mas-abierto .nav-item[data-tab=transferencias] span.txt{font-size:11px!important;letter-spacing:-.25px}
  aside.mas-abierto .nav-item[data-tab=ventasdia] span.txt::after{content:none}
  aside.mas-abierto .nav-item.nav-fotos,aside.mas-abierto .nav-item[data-tab=inventario]{background:#fff;color:var(--gl-navy)}
  aside.mas-abierto .nav-item.active,aside.mas-abierto .nav-item.nav-fotos.active,aside.mas-abierto .nav-item[data-tab=inventario].active{background:linear-gradient(160deg,#FFD0D9,#FD8CA1);border-color:transparent}
  aside.mas-abierto .nav-mas{background:var(--gl-sky)}
  /* barra de abajo (cerrada): tamaño de icono parejo */
  aside:not(.mas-abierto) .nav-item .bz-ic{width:22px;height:22px}
}
/* oscuro (manual y «sistema») */
@media(max-width:767px){
  :root[data-tema="oscuro"] aside.mas-abierto .nav-item,:root[data-tema="oscuro"] aside.mas-abierto .nav-item.nav-fotos,:root[data-tema="oscuro"] aside.mas-abierto .nav-item[data-tab=inventario],:root[data-tema="oscuro"] aside.mas-abierto .foot-mas summary{background:rgba(143,208,240,.1)!important;border-color:rgba(160,205,245,.2)!important;color:#E8F2FC!important;box-shadow:none}
  :root[data-tema="oscuro"] aside.mas-abierto .nav-item .bz-ic{color:#E8F2FC!important}
  :root[data-tema="oscuro"] aside.mas-abierto .nav-item.active{background:linear-gradient(160deg,#FFD0D9,#FD8CA1)!important;color:#072D59!important}:root[data-tema="oscuro"] aside.mas-abierto .nav-item.active .bz-ic{color:#072D59!important}
  :root[data-tema="oscuro"] aside.mas-abierto .nav-mas{background:rgba(143,208,240,.2)!important}
  :root[data-tema="oscuro"] aside.mas-abierto::before{background:rgba(220,235,250,.35)}
  :root[data-tema="oscuro"] aside.mas-abierto .foot-estado .ver-pie{color:#B7CBE3}:root[data-tema="oscuro"] aside.mas-abierto .foot-estado .sync{color:#4FD69C}
  :root[data-tema="oscuro"] aside .nav-item .dot:not(.oculto){box-shadow:0 0 0 2px #0B3A74}
}
@media(max-width:767px) and (prefers-color-scheme:dark),(max-width:767px) and (orientation:portrait) and (prefers-color-scheme:dark){
  :root:not([data-tema="claro"]) aside.mas-abierto .nav-item,:root:not([data-tema="claro"]) aside.mas-abierto .nav-item.nav-fotos,:root:not([data-tema="claro"]) aside.mas-abierto .nav-item[data-tab=inventario],:root:not([data-tema="claro"]) aside.mas-abierto .foot-mas summary{background:rgba(143,208,240,.1)!important;border-color:rgba(160,205,245,.2)!important;color:#E8F2FC!important;box-shadow:none}
  :root:not([data-tema="claro"]) aside.mas-abierto .nav-item .bz-ic{color:#E8F2FC!important}
  :root:not([data-tema="claro"]) aside.mas-abierto .nav-item.active{background:linear-gradient(160deg,#FFD0D9,#FD8CA1)!important;color:#072D59!important}:root:not([data-tema="claro"]) aside.mas-abierto .nav-item.active .bz-ic{color:#072D59!important}
  :root:not([data-tema="claro"]) aside.mas-abierto .nav-mas{background:rgba(143,208,240,.2)!important}
  :root:not([data-tema="claro"]) aside.mas-abierto::before{background:rgba(220,235,250,.35)}
  :root:not([data-tema="claro"]) aside.mas-abierto .foot-estado .ver-pie{color:#B7CBE3}:root:not([data-tema="claro"]) aside.mas-abierto .foot-estado .sync{color:#4FD69C}
}

/* ═══ #133r · carrito en iPad horizontal (columna del carrito angosta) ═══ */
@media(min-width:768px) and (max-width:1194px){
  .cart-panel .cli-fila{flex-wrap:wrap;gap:.45rem}
  .cart-panel .cli-fila #buscador-clienta{flex:1 1 100%;min-width:0;width:100%}
  .cart-panel .cli-fila .btn{flex:1 1 auto;white-space:nowrap}
  .cart-panel .cli-fila .btn:last-of-type{flex:0 0 64px}
  .cart-panel .cart-fila{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"th nm ac" "th pr ac";align-items:center;column-gap:.6rem;row-gap:.1rem}
  .cart-panel .cart-fila .thumb{grid-area:th}
  .cart-panel .cart-fila > div{grid-area:nm;min-width:0;overflow-wrap:anywhere;line-height:1.2}
  .cart-panel .cart-fila .precio{grid-area:pr;text-align:left;font-size:1.05rem}
  .cart-panel .cart-fila .acc{grid-area:ac;display:flex;gap:.3rem}
}
@media(max-width:767px){aside .nav-mas .bz-ic circle{fill:currentColor}}

/* ═══ #140 · contraste y detalles de la pasada de QA ═══ */
.stat-card.c-rosa,.kpi.esp,.caja-hero,.stat-card.c-rosa *,.kpi.esp *,.caja-hero *{color:#072D59!important}
.kpi.esp span,.stat-card.c-rosa small{opacity:.85}
@media(max-width:767px){.kpi.esp{grid-column:1/-1}}

.apc-top{flex-wrap:wrap}.apc-top .apc-info{flex:1 1 90px;min-width:0}.apc-top .chip{margin-left:auto}
:root[data-tema="oscuro"] aside .nav-item.active .bz-ic{color:#072D59!important}
@media(prefers-color-scheme:dark){:root:not([data-tema="claro"]) aside .nav-item.active .bz-ic{color:#072D59!important}}
/* #140 · objetivos táctiles ≥44 px en iPad / pantallas medianas */
@media(min-width:768px) and (max-width:1194px){
  .btn-add{min-height:44px}.emo-b{min-width:44px;min-height:44px}
  main summary{min-height:44px!important;display:flex!important;align-items:center;gap:.4rem}
  .btn,button.btn{min-width:44px}
}
@media(min-width:768px) and (max-width:1194px){
  #um-btn{min-height:44px;min-width:56px}#nav-toggle{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .den-b{min-width:44px}.fl-x{min-width:44px;min-height:44px}
}
/* #140 · iPad horizontal (901–1194): la barra de búsqueda no se aplasta y el catálogo muestra 2 columnas */
@media(min-width:768px) and (max-width:1194px){
  .vbar{flex-wrap:wrap;gap:.5rem}
  .vbar .search-wrap{flex:1 1 100%;min-width:0}
  .vender-layout .prod-area.grid{grid-template-columns:repeat(auto-fill,minmax(138px,1fr))!important}
}
/* #140 · contraste: «Cobrar» (rosa) lleva texto azul marino (blanco sobre rosa no llega a AA) */
:root:not([data-tema="oscuro"]) #btn-cobrar:not(:disabled){color:#072D59}
:root:not([data-tema="oscuro"]) #btn-cobrar:not(:disabled) *{color:#072D59}
/* #140 · login con la paleta glossy (antes: fondo gris carbón y degradado café/verdoso) */
#login.active{background:radial-gradient(circle at 15% 10%,#1A5FAF 0,transparent 45%),radial-gradient(circle at 90% 90%,rgba(253,110,136,.2) 0,transparent 45%),linear-gradient(160deg,#0B3A74,#06203F)}
.login-hero{background:radial-gradient(circle at 25% 20%,rgba(160,215,245,.35),transparent 45%),radial-gradient(circle at 80% 85%,rgba(253,110,136,.30),transparent 50%),linear-gradient(150deg,#072D59 0%,#0C3D78 60%,#1B5FA8 100%)}
.login-shell .login-card h2,.login-shell .login-card h1{color:#072D59}
.login-shell .login-card input,.login-shell .login-card select{background:#EEF7FC;border:1px solid #DDEBF4;color:#072D59}
:root[data-tema="oscuro"] .login-shell .login-card h2,:root[data-tema="oscuro"] .login-shell .login-card h1{color:#E8F2FC}
:root[data-tema="oscuro"] .login-shell .login-card input,:root[data-tema="oscuro"] .login-shell .login-card select{background:rgba(143,208,240,.1);border-color:rgba(160,205,245,.25);color:#E8F2FC}
/* #140 · avisos de WhatsApp: no tapan la barra de abajo del celular; versión oscura */
@media(max-width:767px){#wa-oferta{bottom:calc(var(--nav-h,64px) + 84px + env(safe-area-inset-bottom))}#wa-panel{left:.6rem;right:.6rem;max-width:none;bottom:calc(var(--nav-h,64px) + 84px + env(safe-area-inset-bottom))}}
:root[data-tema="oscuro"] #wa-oferta{background:#0B3A74;color:#E8F2FC;border-color:rgba(160,205,245,.25)}
:root[data-tema="oscuro"] #wa-panel{background:#0B3A74;border:1px solid rgba(160,205,245,.25)}
@media(prefers-color-scheme:dark){:root:not([data-tema="claro"]) #wa-oferta{background:#0B3A74;color:#E8F2FC;border-color:rgba(160,205,245,.25)}:root:not([data-tema="claro"]) #wa-panel{background:#0B3A74;border:1px solid rgba(160,205,245,.25)}}
@media(max-width:767px){#wa-panel{flex-wrap:wrap}#wa-panel .wa-tx{flex:1 1 calc(100% - 90px)}#wa-panel .btn{flex:1 1 40%;min-height:44px}}
.caja-kpis{margin-bottom:.8rem}
/* ═══ #141 · hallazgos con datos reales ═══ */
@media(max-width:1194px){
  .var-chip{min-height:44px;display:inline-flex;align-items:center;padding-top:0;padding-bottom:0}
  .notif-x{width:44px;height:44px}
}
@media(min-width:768px) and (max-width:767px){aside .nav-item.con-aviso::after{display:none!important}}
.apc-top .chip{min-height:0!important}
/* #141 · la regla base de blezza-tema.css pintaba de gris verdoso los .btn sin variante (Enviar transferencia, Pedir piezas…) */
.btn:not(.sec):not(.mini):not(.verde):not(.rojo):not(.rosa):not(.rojo-suave){background:var(--btn-navy)}
/* #141 · restos de la paleta vieja (verde azulado / carbón) detectados con datos reales */
aside .nav-item.active .bz-ic{color:#072D59!important;stroke:currentColor}
.stat-card{color:var(--gl-navy)}
.stat-card .val,.val{color:var(--gl-navy)}
/* las tarjetas de estadística son blancas (regla !important de blezza-tema.css); solo «c-rosa» es la tarjeta de acento sólida */
.stat-card.c-rosa{background:linear-gradient(140deg,#FF9FB0 0%,#FD6E88 60%,#E8506E 100%)!important;color:#072D59}
.stat-card.c-rosa *{color:#072D59!important}
.stat-card.c-verde .val{color:#0A7A4B}.stat-card.c-azul .val,.stat-card.c-morado .val{color:var(--gl-navy)}.stat-card.c-rojo .val{color:#B42318}.stat-card.c-ambar .val{color:#9A5B00}
.um-av{background:var(--gl-navy)!important}
:root[data-tema="oscuro"] .stat-card,:root[data-tema="oscuro"] .stat-card .val,:root[data-tema="oscuro"] .val{color:#E8F2FC}
@media(prefers-color-scheme:dark){:root:not([data-tema="claro"]) .stat-card,:root:not([data-tema="claro"]) .stat-card .val,:root:not([data-tema="claro"]) .val{color:#E8F2FC}}
:root:not([data-tema="oscuro"]) .stat-card.c-rosa,:root:not([data-tema="oscuro"]) .stat-card.c-rosa .val{color:#072D59}

:root[data-tema="oscuro"] .cat-chip.active .bz-ic{color:#072D59!important}
@media(prefers-color-scheme:dark){:root:not([data-tema="claro"]) .cat-chip.active .bz-ic{color:#072D59!important}}
@media(max-width:767px){aside .nav-item.con-aviso::after{display:none!important}}
/* #141 · iPad horizontal: el menú lateral con renglones de 44 px (táctil) y con scroll propio si no cabe */
@media(min-width:768px) and (max-width:1194px){aside .nav-item,aside .nav-grp{min-height:44px}aside nav{overflow-y:auto;min-height:0;scrollbar-width:none}aside nav::-webkit-scrollbar{display:none}}
@media(max-width:1194px){.carrito-tab{min-height:44px}}
/* #141 · «Quiere recibir mensajes» (opt-in de WhatsApp) salía con la casilla arriba y el texto abajo */
label.check-line{flex-direction:row!important;align-items:center;gap:.6rem;min-height:44px;justify-content:flex-start;text-align:left}
label.check-line input[type=checkbox]{width:22px;height:22px;flex:none;accent-color:#072D59}
/* #141 · crema/beige restante → celeste suave */
.b2{background:#E1ECF5}.den-grupo{background:#EEF6FB}
:root[data-tema="oscuro"] .b2{background:rgba(143,208,240,.16)}:root[data-tema="oscuro"] .den-grupo{background:rgba(143,208,240,.08)}
@media(prefers-color-scheme:dark){:root:not([data-tema="claro"]) .b2{background:rgba(143,208,240,.16)}:root:not([data-tema="claro"]) .den-grupo{background:rgba(143,208,240,.08)}}
.nav-item.con-aviso:has(.dot:not(.oculto))::after{display:none!important}
/* #141 · el menú de usuario (arriba a la derecha, fijo) tapaba los botones de encabezado (Mis tareas, Resumen…) → se reserva su franja */
@media(min-width:768px){main{padding-top:4rem!important}}
/* ═══ #142 · iPad en OSCURO: restos que los !important de blezza-oscuro.css dejaban viejos ═══ */
html:root[data-tema="oscuro"] body .stat-card.c-rosa,html:root[data-tema="oscuro"] body .stat-card.c-rosa *{color:#072D59!important}
html:root[data-tema="oscuro"] body .stat-card.c-azul,html:root[data-tema="oscuro"] body .stat-card.c-morado{background:rgba(143,208,240,.1)!important}
html:root[data-tema="oscuro"] body .rc-fila.c-hoy{background:#43232B!important;border-left-color:#FF8DA0!important}
html:root[data-tema="oscuro"] body .rc-fila.c-venc{background:#3A1E2A!important;border-left-color:#FF5C78!important}
html:root[data-tema="oscuro"] body .rc-fila.c-dos{border-left-color:#F2B94B!important}
html:root[data-tema="oscuro"] body .c-venc .rc-chip{background:#FF5C78;color:#072D59}
@media(prefers-color-scheme:dark){
  html:root:not([data-tema="claro"]) body .stat-card.c-rosa,html:root:not([data-tema="claro"]) body .stat-card.c-rosa *{color:#072D59!important}
  html:root:not([data-tema="claro"]) body .stat-card.c-azul,html:root:not([data-tema="claro"]) body .stat-card.c-morado{background:rgba(143,208,240,.1)!important}
  html:root:not([data-tema="claro"]) body .rc-fila.c-hoy{background:#43232B!important;border-left-color:#FF8DA0!important}
  html:root:not([data-tema="claro"]) body .rc-fila.c-venc{background:#3A1E2A!important;border-left-color:#FF5C78!important}
  html:root:not([data-tema="claro"]) body .rc-fila.c-dos{border-left-color:#F2B94B!important}
}
html:root[data-tema="oscuro"] body .c-venc .rc-chip{background:#FF5C78!important;color:#072D59!important}
html:root[data-tema="oscuro"] body .rc-cuenta,html:root[data-tema="oscuro"] body #rc-cuenta,html:root[data-tema="oscuro"] body #rc-cuenta *{background:#FF8DA0;color:#072D59!important}
html:root[data-tema="oscuro"] body .den-grupo h4{color:#C9DBEF!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .c-venc .rc-chip{background:#FF5C78!important;color:#072D59!important}html:root:not([data-tema="claro"]) body #rc-cuenta,html:root:not([data-tema="claro"]) body #rc-cuenta *{background:#FF8DA0;color:#072D59!important}html:root:not([data-tema="claro"]) body .den-grupo h4{color:#C9DBEF!important}}
/* #142 · contraste AA de insignias rojas y del botón rosa (claro) */
:root:not([data-tema="oscuro"]) .badge.bad,:root:not([data-tema="oscuro"]) .chip.c-bad,:root:not([data-tema="oscuro"]) .chip.c-hot{color:#A3201A}
:root:not([data-tema="oscuro"]) .btn.rosa{color:#072D59}
:root:not([data-tema="oscuro"]) .btn.rosa *{color:#072D59}

/* ═══ #143 · popups: objetivos táctiles ═══ */
.modal-x{min-width:44px;min-height:44px}
#btn-dividir{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}
html:root[data-tema="oscuro"] body .modal-x,html:root[data-tema="oscuro"] body #cobro-back .modal-x{background:rgba(143,208,240,.18)!important;color:#E8F2FC!important}
html:root[data-tema="oscuro"] body .modal-x .bz-ic{color:#E8F2FC!important;stroke:currentColor}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .modal-x{background:rgba(143,208,240,.18)!important;color:#E8F2FC!important}html:root:not([data-tema="claro"]) body .modal-x .bz-ic{color:#E8F2FC!important;stroke:currentColor}}
.modal h3:first-child,.modal-cobro h3:first-child{min-height:44px;display:flex;align-items:center;padding-right:52px}
/* #143 · botón rojo (Cerrar caja, Cancelar…) con contraste AA para texto blanco */
.btn.rojo,.btn.grande.rojo{background:linear-gradient(180deg,#C8342A,#A3201A)!important;color:#fff}
/* #143 · barra «N prendas · Ver carrito» (rosa en oscuro): texto azul marino */
html:root[data-tema="oscuro"] body .m-cart-bar,html:root[data-tema="oscuro"] body .m-cart-bar *{color:#072D59!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .m-cart-bar,html:root:not([data-tema="claro"]) body .m-cart-bar *{color:#072D59!important}}
/* #143 · contraste: gris de apoyo en oscuro, botones rosa del carrito y contador del chip activo */
html:root[data-tema="oscuro"]{--tinta-3:#97AFCD!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]){--tinta-3:#97AFCD!important}}
#btn-abrir-cobrar:not(:disabled),#btn-abrir-cobrar:not(:disabled) *{color:#072D59}
#btn-abrir-apartar,#btn-abrir-apartar *{color:#fff}
html:root[data-tema="oscuro"] body .fot-chips .active,html:root[data-tema="oscuro"] body .fot-chips .active *{color:#072D59!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .fot-chips .active,html:root:not([data-tema="claro"]) body .fot-chips .active *{color:#072D59!important}}
/* #143 · carrito: quitar clienta, «+ carrito» y «% Descuento» con objetivo ≥44 px (iPad/celular) */
@media(max-width:1194px){.carrito-tab{min-width:44px}.pill>button{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;margin:-8px -6px -8px 0}.desc-link{min-height:44px;display:inline-flex;align-items:center}}
html:root[data-tema="oscuro"] body .chip.sel,html:root[data-tema="oscuro"] body .chip.sel *{color:#072D59!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .chip.sel,html:root:not([data-tema="claro"]) body .chip.sel *{color:#072D59!important}}
:root:not([data-tema="oscuro"]) .ef{background:#EEF6FB}
/* #144 · iconos de estado (verde/ámbar/rojo) con contraste ≥3:1 sobre los fondos claros (columnas de Apartados, avisos…) */
:root:not([data-tema="oscuro"]) .bz-ic.ic-ok{color:#0F8F62}
:root:not([data-tema="oscuro"]) .bz-ic.ic-warn{color:#B86E00}
:root:not([data-tema="oscuro"]) .bz-ic.ic-bad{color:#C9302C}

/* ═══ #145 · hallazgos de la revisión con login real (vendedora, 1280 px) ═══ */
/* 1 y 2 · tarjetas de totales parejas (sin hueco) y montos de cada renglón alineados a la derecha */
@media(min-width:768px){
  .stat-grid,#resumen-cards{display:flex;flex-wrap:wrap;gap:.7rem}
  .stat-grid>*,#resumen-cards>*{flex:1 1 calc(100% / var(--cols,4) - .75rem);min-width:0}
}
@media(max-width:767px){.stat-grid>:last-child:nth-child(odd),#resumen-cards>:last-child:nth-child(odd){grid-column:1/-1}}
.item>.precio{margin-left:auto;text-align:right;min-width:84px;padding-left:.6rem}
.stat-card.c-neutro .val{color:var(--tinta-2)!important}
/* 3 y 4 · menú lateral: la lista hace scroll propio y el reloj/versión quedan siempre a la vista, con buen contraste */
@media(min-width:768px){
  aside nav{overflow-y:auto;min-height:0;flex:1 1 auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}
  aside .aside-foot{flex:none}
}
@media(min-width:768px) and (max-height:880px){.hora-grande{font-size:1.7rem!important}.aside-foot .who{font-size:.78rem}.aside-foot{padding-top:.4rem}}
aside .ver-pie{color:rgba(255,255,255,.9)!important;font-size:.74rem!important}
aside .sync,aside .foot-estado .sync{color:#9BF0C8!important;font-size:.74rem!important;opacity:1!important}
/* 5 · carrito: nombre legible (antes 4 líneas) en cualquier ancho de escritorio */
@media(min-width:1195px){
  .cart-panel .cart-fila{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"th nm ac" "th pr ac";align-items:center;column-gap:.6rem;row-gap:.1rem}
  .cart-panel .cart-fila .thumb{grid-area:th}.cart-panel .cart-fila>div{grid-area:nm;min-width:0;overflow-wrap:anywhere;line-height:1.2}
  .cart-panel .cart-fila .precio{grid-area:pr;text-align:left;font-size:1.05rem}.cart-panel .cart-fila .acc{grid-area:ac;display:flex;gap:.3rem}
}
/* 6 · con la caja cerrada «Cobrar»/«Apartar» se ven apagados y el aviso dice qué hacer */
body.sin-caja #btn-abrir-cobrar,body.sin-caja #btn-abrir-apartar{filter:saturate(.3);opacity:.6}
/* 11 · menú de la cuenta */
.um-nota{display:flex;align-items:center;gap:.5rem;padding:.55rem .8rem;color:var(--tinta-3);font-size:.9rem}.um-nota span{color:#0F8F62;font-weight:800}
/* 14 · «¿Cómo hago…?» ya no tapa el final de las listas: espacio al final y botón compacto (el texto sale al pasar el mouse) */
@media(min-width:768px){
  main{padding-bottom:6.5rem!important}
  #ayuda-fab{padding:0 .5rem;transition:padding .15s}
  #ayuda-fab .ay-t{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .2s,opacity .15s}
  #ayuda-fab:hover,#ayuda-fab:focus-visible{padding:0 1rem 0 .5rem}#ayuda-fab:hover .ay-t,#ayuda-fab:focus-visible .ay-t{max-width:200px;opacity:1;margin-left:.3rem}
}
/* #145 · botones del carrito en oscuro: «Cobrar» verde con blanco (AA) y «Apartar» rosa con azul marino */
html:root[data-tema="oscuro"] body #btn-abrir-cobrar,html:root[data-tema="oscuro"] body #btn-abrir-cobrar *{color:#fff!important}
html:root[data-tema="oscuro"] body #btn-abrir-cobrar:not(:disabled){background:linear-gradient(180deg,#178A68,#12775A)!important}
html:root[data-tema="oscuro"] body #btn-abrir-apartar,html:root[data-tema="oscuro"] body #btn-abrir-apartar *{color:#072D59!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body #btn-abrir-cobrar,html:root:not([data-tema="claro"]) body #btn-abrir-cobrar *{color:#fff!important}html:root:not([data-tema="claro"]) body #btn-abrir-cobrar:not(:disabled){background:linear-gradient(180deg,#178A68,#12775A)!important}html:root:not([data-tema="claro"]) body #btn-abrir-apartar,html:root:not([data-tema="claro"]) body #btn-abrir-apartar *{color:#072D59!important}}

/* ══ #146 · QA encargada (1.36.0) ══ */
/* 5 · asterisco de «obligatorio» al inicio cuando la etiqueta envuelve el campo (antes quedaba como puntito rojo bajo el campo); botón de ayuda no tapa «Qué falta» con un diálogo abierto */
label.req:has(input,select,textarea)::after{content:none}
label.req:has(input,select,textarea){position:relative}label.req:has(input,select,textarea)::before{content:"*";position:absolute;top:0;right:.2rem;color:#C9302C;font-weight:800}
body:has(#modal-back.open) #ayuda-fab{display:none}
/* 6 · carrito: nombre en 2 líneas máx.; «% Descuento» como botón con contraste */
.cart-fila>div{min-width:0}
.cart-fila .cf-nom{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.cart-fila>div small{display:block}
.desc-link-fila .desc-link{text-decoration:none;color:#072D59;font-weight:700;min-height:44px}
html:root[data-tema="oscuro"] body .desc-link-fila .desc-link{color:#fff!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .desc-link-fila .desc-link{color:#fff!important}}
#btn-abrir-cobrar:disabled{opacity:.55;cursor:not-allowed}
/* 7 · montos de Ventas del día alineados a la derecha, mismo ancho y cifras tabulares */
.item>.precio,#vd-lista .precio{font-variant-numeric:tabular-nums;min-width:96px;text-align:right;flex:none}
#vd-lista .precio small{text-align:right}
/* 12 · fecha de pedidos en es-MX: se oculta el texto nativo (mm/dd/yyyy) y se muestra el formateado */
.ped-fecha{display:inline-flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.ped-fecha .ped-fecha-txt{font-size:.8rem;font-weight:700;text-transform:none;letter-spacing:0;color:#1F3556}
#fp-dia::-webkit-datetime-edit{display:none}#fp-dia{width:48px;min-height:44px;color:transparent}
/* Fotos · 2 selección: filas sin casilla (cola pendiente) con el mismo margen; 3 miniatura sin foto; 4 detalle con botones siempre a la vista */
.fot-selmode .fot-item:not(:has(.fot-chk)){padding-left:calc(1rem + 26px + .6rem)}
.fot-mini.sin-img{display:grid;place-items:center;background:#E1ECF5;color:#4A6283}.fot-mini-no{display:grid;place-items:center}
.fot-antes-des figure{height:min(calc(38*var(--vz,1)*1vh),380px);aspect-ratio:3/4;max-width:100%;justify-self:center}
.fot-form .fot-acc{position:sticky;bottom:0;z-index:3;background:linear-gradient(180deg,rgba(244,245,247,0),#f4f5f7 22%);padding:.8rem 0 calc(.5rem + env(safe-area-inset-bottom));margin-top:.4rem}
html:root[data-tema="oscuro"] body .fot-form .fot-acc{background:linear-gradient(180deg,rgba(11,23,40,0),#0B1728 22%)}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .fot-form .fot-acc{background:linear-gradient(180deg,rgba(11,23,40,0),#0B1728 22%)}}

/* ══ #148 · login del POS: botón legible y aviso dentro de la tarjeta ══ */
html body #login .login-card #btn-entrar{background:linear-gradient(180deg,#0C3D78,#072D59)!important;color:#fff!important;text-shadow:none}
html body #login .login-card #btn-entrar:disabled{opacity:.75;cursor:wait;color:#fff!important}
.login-aviso{margin-top:.8rem;padding:.65rem .85rem;border-radius:12px;background:#FDECEB;border:1px solid #F3C4C0;color:#8E1B2F;font-size:.88rem;font-weight:600;line-height:1.35;text-align:left}
html:root[data-tema="oscuro"] body .login-aviso{background:#3A1B22;border-color:#7A2D3A;color:#FFB4BF}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .login-aviso{background:#3A1B22;border-color:#7A2D3A;color:#FFB4BF}}

/* ══ #152 · login por sucursal ══ */
#login-suc-cuenta{width:100%;min-height:48px}
.login-ayuda{font-size:.82rem;color:#3E5578;margin-top:.8rem;text-align:center;line-height:1.4}
.login-alt{display:block;margin:.5rem auto 0;min-height:44px;padding:.4rem .8rem;border:0;background:none;color:#0C3D78;font:inherit;font-size:.85rem;font-weight:700;text-decoration:underline;cursor:pointer}
.login-alt:focus-visible{outline:2px solid #0C3D78;outline-offset:2px;border-radius:8px}
html:root[data-tema="oscuro"] body .login-ayuda{color:#B9CBE3}
html:root[data-tema="oscuro"] body .login-alt{color:#BFE3F6}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .login-ayuda{color:#B9CBE3}html:root:not([data-tema="claro"]) body .login-alt{color:#BFE3F6}}
#login-suc-cuenta{appearance:none;-webkit-appearance:none;padding-right:2.4rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23072D59' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center}

/* ══ #154 · emoji y cumpleaños con selectores ══ */
.emo-pick{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:700;color:#1F3556}
.emo-sel{font-size:1.4rem;min-height:48px;line-height:1.2}
.cumple-sel{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.cumple-sel label{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:700;color:#1F3556}
.cumple-sel select{min-height:48px;width:100%}
.visualmente-oculto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0;margin:-1px;opacity:0}

/* ══ #155 · editar clienta con límites ══ */
.ed-campo{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:700;color:#1F3556}
.ed-nota{font-size:.8rem;color:#3E5578;margin:-.2rem 0 .2rem;line-height:1.35}
.ed-ro{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.7rem .9rem;border-radius:12px;background:#EEF4FA;border:1px solid #C9D6E4;color:#1F3556;min-height:48px}.ed-ro span{font-size:.82rem;font-weight:700}.ed-ro b{font-size:.95rem}
html:root[data-tema="oscuro"] body .ed-campo,html:root[data-tema="oscuro"] body .ed-ro{color:#E6EEF8}html:root[data-tema="oscuro"] body .ed-ro{background:#1B2F4D;border-color:#34507A}html:root[data-tema="oscuro"] body .ed-nota{color:#B9CBE3}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .ed-campo,html:root:not([data-tema="claro"]) body .ed-ro{color:#E6EEF8}html:root:not([data-tema="claro"]) body .ed-ro{background:#1B2F4D;border-color:#34507A}html:root:not([data-tema="claro"]) body .ed-nota{color:#B9CBE3}}

/* ══ #156 · modo oscuro: verde que combina con el azul (esmeralda apagado, no turquesa/neón), bordes ≥ 3:1 y texto secundario más claro ══ */
html:root[data-tema="oscuro"] body .faltan-linea.listo{background:#14382F!important;border:1px solid #2F7D5E!important;color:#B4EBD0!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .faltan-linea.listo{background:#14382F!important;border:1px solid #2F7D5E!important;color:#B4EBD0!important}}
html:root[data-tema="oscuro"] body .faltan-linea.listo b{color:#D4F5E5!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .faltan-linea.listo b{color:#D4F5E5!important}}
html:root[data-tema="oscuro"] body .badge.ok,html:root[data-tema="oscuro"] body .badge.verde{background:#16392F!important;color:#B4EBD0!important;border:1px solid #2F7D5E!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .badge.ok,html:root:not([data-tema="claro"]) body .badge.verde{background:#16392F!important;color:#B4EBD0!important;border:1px solid #2F7D5E!important}}
html:root[data-tema="oscuro"] body #btn-abrir-cobrar:not(:disabled),html:root[data-tema="oscuro"] body .btn.verde:not(:disabled){background:linear-gradient(180deg,#27805A,#1D6A4A)!important;color:#fff!important;border:1px solid #2F9468!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body #btn-abrir-cobrar:not(:disabled),html:root:not([data-tema="claro"]) body .btn.verde:not(:disabled){background:linear-gradient(180deg,#27805A,#1D6A4A)!important;color:#fff!important;border:1px solid #2F9468!important}}
html:root[data-tema="oscuro"] body #btn-abrir-cobrar:not(:disabled) *,html:root[data-tema="oscuro"] body .btn.verde:not(:disabled) *{color:#fff!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body #btn-abrir-cobrar:not(:disabled) *,html:root:not([data-tema="claro"]) body .btn.verde:not(:disabled) *{color:#fff!important}}
html:root[data-tema="oscuro"] body .bz-ic.ic-ok,html:root[data-tema="oscuro"] body .ic-ok{color:#7FD6AC!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .bz-ic.ic-ok,html:root:not([data-tema="claro"]) body .ic-ok{color:#7FD6AC!important}}
html:root[data-tema="oscuro"] body .stat-card.c-verde{background:linear-gradient(140deg,#1F6F4E,#16513A)!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .stat-card.c-verde{background:linear-gradient(140deg,#1F6F4E,#16513A)!important}}
html:root[data-tema="oscuro"] body .cart-card,html:root[data-tema="oscuro"] body .prod,html:root[data-tema="oscuro"] body .item,html:root[data-tema="oscuro"] body .card{border-color:#4A6C99!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .cart-card,html:root:not([data-tema="claro"]) body .prod,html:root:not([data-tema="claro"]) body .item,html:root:not([data-tema="claro"]) body .card{border-color:#4A6C99!important}}
html:root[data-tema="oscuro"] body input:not([type=checkbox]):not([type=radio]),html:root[data-tema="oscuro"] body select,html:root[data-tema="oscuro"] body textarea{border-color:#5679A6!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body input:not([type=checkbox]):not([type=radio]),html:root:not([data-tema="claro"]) body select,html:root:not([data-tema="claro"]) body textarea{border-color:#5679A6!important}}
html:root[data-tema="oscuro"] body .btn.sec{border-color:#5679A6!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .btn.sec{border-color:#5679A6!important}}
html:root[data-tema="oscuro"] body .cart-panel small,html:root[data-tema="oscuro"] body .prod small,html:root[data-tema="oscuro"] body .cart-card-t,html:root[data-tema="oscuro"] body .hint-vacio{color:#B9CBE3!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .cart-panel small,html:root:not([data-tema="claro"]) body .prod small,html:root:not([data-tema="claro"]) body .cart-card-t,html:root:not([data-tema="claro"]) body .hint-vacio{color:#B9CBE3!important}}
html:root[data-tema="oscuro"] body .cat-chip,html:root[data-tema="oscuro"] body .chip{border-color:#5679A6!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .cat-chip,html:root:not([data-tema="claro"]) body .chip{border-color:#5679A6!important}}

/* ══ #156 · «Público en general» como icono y descuento como enlace bajo el Total ══ */
.cart-panel .cli-fila .btn.cli-pub{flex:0 0 48px;min-width:48px;width:48px;min-height:48px;padding:0;display:inline-flex;align-items:center;justify-content:center}
.cart-panel .cli-fila .btn.cli-mas{flex:0 0 48px;min-width:48px;width:48px;min-height:48px;padding:0}
.cart-panel .cli-fila #buscador-clienta{flex:1 1 0;min-width:0}
.cart-desc-fila{display:flex;justify-content:center;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:.35rem}
.desc-txt{border:0;background:none;color:#0C3D78;text-decoration:underline;text-underline-offset:3px;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;min-height:44px;padding:0 .6rem}
.desc-txt:focus-visible{outline:2px solid #0C3D78;outline-offset:2px;border-radius:6px}
html:root[data-tema="oscuro"] body .desc-txt{color:#BFE3F6}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .desc-txt{color:#BFE3F6}}
.desc-tag{color:#8E1B2F;font-size:.8rem;font-weight:700}
html:root[data-tema="oscuro"] body .desc-tag{color:#FFB4BF}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .desc-tag{color:#FFB4BF}}


/* ══ #157 · Caja ordenada, horizontal, con popups; tarjetas que reparten TODO el ancho ══ */
#caja-estado{display:flex;flex-direction:column;gap:1rem;max-width:1180px}
.caja-fila{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;align-items:stretch}
.caja-card .pad{display:flex;flex-direction:column;gap:.55rem;align-items:flex-start;height:100%}
.caja-card h3{margin:0}
.caja-txt{font-size:.92rem;color:#3E5578;line-height:1.4;margin:0}
.caja-imp{font-size:.82rem;color:#3E5578;margin:.2rem 0 0}
.caja-pill{display:inline-block;padding:.2rem .7rem;border-radius:999px;font-size:.78rem;font-weight:800}
.caja-pill.cerrada{background:#FDECEB;color:#8E1B2F}.caja-pill.abierta{background:#E3F7EE;color:#0B5E3F}
.caja-btn-prin{min-height:56px;min-width:min(100%,260px);margin-top:.3rem}
.caja-ult{display:flex;align-items:baseline;gap:.7rem}.caja-ult b{font-size:1.7rem;font-variant-numeric:tabular-nums;color:#072D59}.caja-ult span{font-size:.85rem;color:#3E5578;font-weight:700}
#caja-estado .caja-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin:0}
#caja-estado .resumen-dia{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.7rem;width:100%}
.tf-lista{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important}
/* movimiento de efectivo: abajo, secundario, en una sola fila en pantallas anchas */
.caja-mov{max-width:1180px;margin-top:1rem}.caja-mov .pad{gap:.6rem}
.mov-form{display:grid;grid-template-columns:150px 160px minmax(0,1fr) auto;gap:.7rem;align-items:end;width:100%}
.mov-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:700;color:#1F3556}
.mov-form .mov-ok{min-height:48px;min-width:140px}.mov-form .mov-falta{grid-column:1/-1}
.movs-titulo{margin:.6rem 0 .2rem;font-size:.85rem;color:#3E5578}
.caja-mov-off .mov-form{opacity:.55}.caja-mov-off h3{color:#3E5578}
@media(max-width:767px){.mov-form{grid-template-columns:1fr 1fr}.mov-form .mov-concepto{grid-column:1/-1}.mov-form .mov-ok{grid-column:1/-1}}
@media(max-width:560px){.caja-fila{grid-template-columns:1fr}.caja-btn-prin{width:100%}}
/* popups: botones siempre a la vista */
.acc-fija{position:sticky;bottom:-1px;z-index:3;background:#fff;padding:.8rem 0 .2rem;margin-top:.6rem;border-top:1px solid #E1ECF5}
.modal .fondo-ayer{margin:.4rem 0 .8rem;align-items:flex-start;flex-wrap:wrap}.modal .fondo-ayer .btn{white-space:normal;text-align:left;min-height:44px}
html:root[data-tema="oscuro"] body .caja-txt,html:root[data-tema="oscuro"] body .caja-imp,html:root[data-tema="oscuro"] body .movs-titulo,html:root[data-tema="oscuro"] body .caja-ult span{color:#B9CBE3}
html:root[data-tema="oscuro"] body .caja-ult b,html:root[data-tema="oscuro"] body .mov-form label{color:#E6EEF8}
html:root[data-tema="oscuro"] body .caja-pill.cerrada{background:#4A1F29;color:#FFB4BF}html:root[data-tema="oscuro"] body .caja-pill.abierta{background:#16392F;color:#B4EBD0}
html:root[data-tema="oscuro"] body .acc-fija{background:#0B1F3A;border-top-color:#34507A}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .caja-txt,html:root:not([data-tema="claro"]) body .caja-imp,html:root:not([data-tema="claro"]) body .movs-titulo,html:root:not([data-tema="claro"]) body .caja-ult span{color:#B9CBE3}html:root:not([data-tema="claro"]) body .caja-ult b,html:root:not([data-tema="claro"]) body .mov-form label{color:#E6EEF8}html:root:not([data-tema="claro"]) body .caja-pill.cerrada{background:#4A1F29;color:#FFB4BF}html:root:not([data-tema="claro"]) body .caja-pill.abierta{background:#16392F;color:#B4EBD0}html:root:not([data-tema="claro"]) body .acc-fija{background:#0B1F3A;border-top-color:#34507A}}
.caja-mov-off #f-mov{display:none!important}

/* ══ #158 · Fotos: 3 grupos y fila compacta ══ */
.fot-grupos{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.45rem!important;overflow:visible!important}
.fot-grupos .chip{min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.4rem!important;font-weight:800!important;flex:1 1 0!important;color:#1F3556!important;border-color:#9FB4CC!important}
.fot-grupos .chip b{display:inline-grid!important;place-items:center!important;min-width:1.5rem!important;height:1.5rem!important;padding:0 .35rem!important;border-radius:999px!important;background:#E1ECF5!important;color:#1F3556!important;font-size:.8rem!important}
.fot-grupos .chip.sel{background:#072D59!important;border-color:#072D59!important;color:#fff!important}.fot-grupos .chip.sel b{background:#fff!important;color:#072D59!important}
.fot-grupos .chip.alerta:not(.sel){border-color:#C9302C!important;color:#8E1B2F!important;background:#FDECEB!important}.fot-grupos .chip.alerta:not(.sel) b{background:#C9302C!important;color:#fff!important}
.fot-herr{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin:.5rem 0}
.fot-herr .check-line{margin:0;min-height:44px}.fot-herr .btn.mini{min-height:44px}
.fot-fila-acc{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.fot-fila-acc .btn{min-height:44px}
html:root[data-tema="oscuro"] body .fot-grupos .chip{color:#E6EEF8!important;border-color:#5679A6!important}html:root[data-tema="oscuro"] body .fot-grupos .chip b{background:#1B2F4D!important;color:#E6EEF8!important}
html:root[data-tema="oscuro"] body .fot-grupos .chip.sel{background:#DBF2FC!important;border-color:#DBF2FC!important;color:#072D59!important}html:root[data-tema="oscuro"] body .fot-grupos .chip.sel b{background:#072D59!important;color:#fff!important}
html:root[data-tema="oscuro"] body .fot-grupos .chip.alerta:not(.sel){background:#4A1F29!important;border-color:#FF7A8C!important;color:#FFB4BF!important}html:root[data-tema="oscuro"] body .fot-grupos .chip.alerta:not(.sel) b{background:#FF7A8C!important;color:#2A0E14!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .fot-grupos .chip{color:#E6EEF8!important;border-color:#5679A6!important}html:root:not([data-tema="claro"]) body .fot-grupos .chip b{background:#1B2F4D!important;color:#E6EEF8!important}html:root:not([data-tema="claro"]) body .fot-grupos .chip.sel{background:#DBF2FC!important;border-color:#DBF2FC!important;color:#072D59!important}html:root:not([data-tema="claro"]) body .fot-grupos .chip.sel b{background:#072D59!important;color:#fff!important}html:root:not([data-tema="claro"]) body .fot-grupos .chip.alerta:not(.sel){background:#4A1F29!important;border-color:#FF7A8C!important;color:#FFB4BF!important}html:root:not([data-tema="claro"]) body .fot-grupos .chip.alerta:not(.sel) b{background:#FF7A8C!important;color:#2A0E14!important}}

/* ══ #159 · Pedir piezas a otra sucursal ══ */
.ped-t{display:flex;align-items:center;gap:.5rem}
.ped-buscar input{width:100%;min-height:48px}
#ped-chips{display:flex;flex-direction:column;gap:.4rem;margin:.6rem 0}
.ped-grupo-chips{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.2rem;align-items:center}
.ped-grupo-chips .chip{flex:0 0 auto;min-height:44px;color:#1F3556;border-color:#9FB4CC;font-weight:700}.ped-grupo-chips .chip b{margin-left:.25rem;color:#3E5578}
.ped-grupo-chips .chip.sel{background:#072D59!important;border-color:#072D59!important;color:#fff!important}.ped-grupo-chips .chip.sel b{color:#DBF2FC}
.ped-et{flex:0 0 auto;font-size:.78rem;font-weight:800;color:#3E5578;text-transform:uppercase;letter-spacing:.04em;margin-right:.2rem}
.ped-lista{min-height:120px}
.ped-cuenta{font-size:.85rem;color:#3E5578;margin:.2rem 0 .4rem}.ped-vacio{padding:1rem .4rem;color:#3E5578;font-size:.95rem}
.ped-modelo{margin-bottom:.7rem}.ped-modelo-t{font-weight:800;font-size:.95rem;color:#072D59;margin:.3rem 0}
.ped-fila{display:grid;grid-template-columns:28px minmax(70px,auto) 1fr auto;align-items:center;gap:.6rem;padding:.55rem .7rem;border:1px solid #C9D6E4;border-radius:14px;margin-bottom:.4rem;background:#fff;cursor:pointer;min-height:52px}
.ped-fila input{width:22px;height:22px}.ped-fila.marcada{border-color:#072D59;background:#EAF4FB}
.ped-suc{font-size:.8rem;font-weight:800;color:#1F3556}.ped-det{display:flex;flex-direction:column;font-size:.92rem;color:#1F3556}.ped-det small{color:#3E5578;font-size:.78rem}.ped-precio{font-variant-numeric:tabular-nums;color:#072D59}
.ped-mas{width:100%;margin-top:.4rem;min-height:48px}
@media(max-width:480px){.ped-fila{grid-template-columns:28px 1fr auto}.ped-suc{grid-column:2;grid-row:1}.ped-det{grid-column:2}.ped-precio{grid-column:3;grid-row:1/3}}
html:root[data-tema="oscuro"] body .ped-fila{background:#0F2745;border-color:#4A6C99}html:root[data-tema="oscuro"] body .ped-fila.marcada{background:#17375F;border-color:#BFE3F6}
html:root[data-tema="oscuro"] body .ped-modelo-t,html:root[data-tema="oscuro"] body .ped-precio{color:#DBF2FC}html:root[data-tema="oscuro"] body .ped-suc,html:root[data-tema="oscuro"] body .ped-det{color:#E6EEF8}
html:root[data-tema="oscuro"] body .ped-det small,html:root[data-tema="oscuro"] body .ped-cuenta,html:root[data-tema="oscuro"] body .ped-vacio,html:root[data-tema="oscuro"] body .ped-et,html:root[data-tema="oscuro"] body .ped-grupo-chips .chip b{color:#B9CBE3}
html:root[data-tema="oscuro"] body .ped-grupo-chips .chip{color:#E6EEF8;border-color:#5679A6}html:root[data-tema="oscuro"] body .ped-grupo-chips .chip.sel{background:#DBF2FC!important;color:#072D59!important;border-color:#DBF2FC!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .ped-fila{background:#0F2745;border-color:#4A6C99}html:root:not([data-tema="claro"]) body .ped-fila.marcada{background:#17375F;border-color:#BFE3F6}html:root:not([data-tema="claro"]) body .ped-modelo-t,html:root:not([data-tema="claro"]) body .ped-precio{color:#DBF2FC}html:root:not([data-tema="claro"]) body .ped-suc,html:root:not([data-tema="claro"]) body .ped-det{color:#E6EEF8}html:root:not([data-tema="claro"]) body .ped-det small,html:root:not([data-tema="claro"]) body .ped-cuenta,html:root:not([data-tema="claro"]) body .ped-vacio,html:root:not([data-tema="claro"]) body .ped-et,html:root:not([data-tema="claro"]) body .ped-grupo-chips .chip b{color:#B9CBE3}html:root:not([data-tema="claro"]) body .ped-grupo-chips .chip{color:#E6EEF8;border-color:#5679A6}html:root:not([data-tema="claro"]) body .ped-grupo-chips .chip.sel{background:#DBF2FC!important;color:#072D59!important;border-color:#DBF2FC!important}}

/* ══ #160 · Transferencias: avisos arriba, secciones claras debajo ══ */
.tf-avisos{display:flex;flex-direction:column;gap:.5rem;margin:.4rem 0 .8rem}.tf-avisos:empty{display:none}
.tf-aviso{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.7rem .9rem;border-radius:14px;background:#FFF3DF;border:1px solid #F1D9A6;color:#5C3B00;font-size:.92rem}
.tf-aviso .btn{flex:0 0 auto;min-height:44px}
.tf-sec{margin:1rem 0}.tf-sec>h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem}.tf-sub{margin:.6rem 0 .3rem;font-size:.82rem;font-weight:800;color:#3E5578;text-transform:uppercase;letter-spacing:.04em}.tf-sub-n{font-weight:600;color:#3E5578;font-size:.8rem}
.tf-resalta{outline:3px solid #072D59;outline-offset:4px;border-radius:18px;transition:outline-color .3s}
html:root[data-tema="oscuro"] body .tf-aviso{background:#3A2B0E;border-color:#8A6A24;color:#FFE2A8}html:root[data-tema="oscuro"] body .tf-sub,html:root[data-tema="oscuro"] body .tf-sub-n{color:#B9CBE3}html:root[data-tema="oscuro"] body .tf-resalta{outline-color:#BFE3F6}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .tf-aviso{background:#3A2B0E;border-color:#8A6A24;color:#FFE2A8}html:root:not([data-tema="claro"]) body .tf-sub,html:root:not([data-tema="claro"]) body .tf-sub-n{color:#B9CBE3}html:root:not([data-tema="claro"]) body .tf-resalta{outline-color:#BFE3F6}}

/* ══ #161 · Mis tareas: la semana en CUADROS por día con bloquecitos por persona ══ */
.tar-ayuda{font-size:.85rem;color:#3E5578;margin:0 0 .6rem}
.tar-sem{display:flex;gap:.7rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.2rem .1rem .9rem;-webkit-overflow-scrolling:touch}
.tar-dia-c{flex:0 0 min(86%,320px);scroll-snap-align:start;background:#fff;border:1px solid #C9D6E4;border-radius:18px;padding:.7rem;display:flex;flex-direction:column;gap:.5rem;align-self:flex-start;min-width:0}
.tar-dia-c.hoy{border:2px solid #072D59;background:#F1F6FA}.tar-dia-c.pasado{opacity:.92}
@media(min-width:700px) and (max-width:1099px){.tar-dia-c{flex-basis:230px}}
@media(min-width:1100px){.tar-sem{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));overflow:visible;scroll-snap-type:none}.tar-dia-c{flex:none}}
.tar-dia-hd{display:flex;align-items:baseline;gap:.45rem}.tar-dia-n{text-transform:uppercase;font-size:.78rem;font-weight:800;letter-spacing:.04em;color:#3E5578}.tar-dia-hd b{font-size:1.35rem;color:#072D59;font-variant-numeric:tabular-nums}.tar-dia-hd .badge{margin-left:auto}
.tar-dia-cuenta{font-size:.78rem;color:#3E5578;margin-top:-.3rem}.tar-vacio{font-size:.85rem;color:#3E5578;margin:.3rem 0}
.tar-pers{border-radius:14px;padding:.45rem;border:1px solid #DDE6F0;background:#F8FAFC;display:flex;flex-direction:column;gap:.4rem}
.tar-pers.mio{background:#EAF4FB;border:2px solid var(--wc,#0C3D78)}
.tar-pers-n{display:flex;align-items:center;gap:.4rem;font-weight:800;font-size:.85rem;color:#1F3556}.tar-pers-n em{font-style:normal;font-weight:600;color:#3E5578}
.tar-punto{width:10px;height:10px;border-radius:50%;background:var(--wc,#7E92AE);flex:none}
.tar-t{display:grid;grid-template-columns:22px minmax(0,1fr) 22px;gap:.5rem;align-items:center;width:100%;min-height:48px;padding:.4rem .55rem;border-radius:12px;border:1.5px solid #8CA3BF;background:#fff;text-align:left;font:inherit;color:#1F3556;cursor:pointer}
.tar-t:focus-visible{outline:3px solid #072D59;outline-offset:2px}
.tar-t.solo{cursor:default;border-style:dashed;background:transparent;border-color:#B6C6D9}
.tar-t.hecha{background:#E3F7EE;border-color:#2F9468;color:#0B5E3F}
.tar-ic{display:inline-grid;place-items:center;color:#0C3D78;font-size:1.1rem}.tar-t.hecha .tar-ic{color:#0B5E3F}
.tar-nom{display:flex;flex-direction:column;min-width:0}.tar-nom b{font-size:.88rem;line-height:1.2;overflow-wrap:anywhere}.tar-nom small{font-size:.74rem;color:#3E5578}.tar-t.hecha .tar-nom small{color:#0B5E3F}
.tar-est{display:inline-grid;place-items:center;color:#5679A6}.tar-t.hecha .tar-est{color:#0B5E3F}
html:root[data-tema="oscuro"] body .tar-dia-c{background:#0F2745;border-color:#4A6C99}html:root[data-tema="oscuro"] body .tar-dia-c.hoy{background:#13335A;border-color:#BFE3F6}
html:root[data-tema="oscuro"] body .tar-dia-n,html:root[data-tema="oscuro"] body .tar-dia-cuenta,html:root[data-tema="oscuro"] body .tar-vacio,html:root[data-tema="oscuro"] body .tar-ayuda,html:root[data-tema="oscuro"] body .tar-nom small,html:root[data-tema="oscuro"] body .tar-pers-n em{color:#B9CBE3}
html:root[data-tema="oscuro"] body .tar-dia-hd b{color:#DBF2FC}html:root[data-tema="oscuro"] body .tar-pers{background:#0B1F3A;border-color:#34507A}html:root[data-tema="oscuro"] body .tar-pers.mio{background:#17375F;border-color:var(--wc,#BFE3F6)}
html:root[data-tema="oscuro"] body .tar-pers-n{color:#E6EEF8}html:root[data-tema="oscuro"] body .tar-t{background:#0F2745;border-color:#5679A6;color:#E6EEF8}html:root[data-tema="oscuro"] body .tar-t.solo{background:transparent;border-color:#3F5E88}
html:root[data-tema="oscuro"] body .tar-t.hecha{background:#16392F;border-color:#2F7D5E;color:#B4EBD0}html:root[data-tema="oscuro"] body .tar-t.hecha .tar-nom small,html:root[data-tema="oscuro"] body .tar-t.hecha .tar-ic,html:root[data-tema="oscuro"] body .tar-t.hecha .tar-est{color:#B4EBD0}html:root[data-tema="oscuro"] body .tar-ic{color:#BFE3F6}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .tar-dia-c{background:#0F2745;border-color:#4A6C99}html:root:not([data-tema="claro"]) body .tar-dia-c.hoy{background:#13335A;border-color:#BFE3F6}html:root:not([data-tema="claro"]) body .tar-dia-n,html:root:not([data-tema="claro"]) body .tar-dia-cuenta,html:root:not([data-tema="claro"]) body .tar-vacio,html:root:not([data-tema="claro"]) body .tar-ayuda,html:root:not([data-tema="claro"]) body .tar-nom small,html:root:not([data-tema="claro"]) body .tar-pers-n em{color:#B9CBE3}html:root:not([data-tema="claro"]) body .tar-dia-hd b{color:#DBF2FC}html:root:not([data-tema="claro"]) body .tar-pers{background:#0B1F3A;border-color:#34507A}html:root:not([data-tema="claro"]) body .tar-pers.mio{background:#17375F;border-color:var(--wc,#BFE3F6)}html:root:not([data-tema="claro"]) body .tar-pers-n{color:#E6EEF8}html:root:not([data-tema="claro"]) body .tar-t{background:#0F2745;border-color:#5679A6;color:#E6EEF8}html:root:not([data-tema="claro"]) body .tar-t.solo{background:transparent;border-color:#3F5E88}html:root:not([data-tema="claro"]) body .tar-t.hecha{background:#16392F;border-color:#2F7D5E;color:#B4EBD0}html:root:not([data-tema="claro"]) body .tar-t.hecha .tar-nom small,html:root:not([data-tema="claro"]) body .tar-t.hecha .tar-ic,html:root:not([data-tema="claro"]) body .tar-t.hecha .tar-est{color:#B4EBD0}html:root:not([data-tema="claro"]) body .tar-ic{color:#BFE3F6}}
/* en las columnas estrechas (PC) el nombre va ABAJO a todo el ancho: icono y estado arriba */
@media(min-width:1100px){.tar-t{grid-template-columns:1fr auto;grid-template-areas:"ic est" "nom nom";row-gap:.25rem;align-items:start}.tar-t .tar-ic{grid-area:ic;justify-self:start}.tar-t .tar-est{grid-area:est}.tar-t .tar-nom{grid-area:nom}}
.tar-t.solo{border-style:solid!important;border-color:#C9D6E4!important;background:#F4F8FC!important}
html:root[data-tema="oscuro"] body .tar-t.solo{background:#0B1F3A!important;border-color:#34507A!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .tar-t.solo{background:#0B1F3A!important;border-color:#34507A!important}}
.tar-t.solo.hecha{background:#E3F7EE!important;border-color:#2F9468!important}
html:root[data-tema="oscuro"] body .tar-t.solo.hecha{background:#16392F!important;border-color:#2F7D5E!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .tar-t.solo.hecha{background:#16392F!important;border-color:#2F7D5E!important}}

/* ══ #153 · A. Menú en teléfono ══ */
.nav-cerrar,.t-c{display:none}
@media(max-width:767px){
  /* barra inferior: Apartados · Clientas · VENDER (al centro) · Caja · Más */
  html body aside:not(.mas-abierto) .nav-item[data-tab=inicio]{order:0}
  html body aside:not(.mas-abierto) .nav-item[data-tab=apartados]{order:1}
  html body aside:not(.mas-abierto) .nav-item[data-tab=caja]{order:4}
  html body aside:not(.mas-abierto) .nav-item[data-tab=vender]{order:3;flex:1.25 1 0;position:relative;top:-6px}
  
  html body aside:not(.mas-abierto) .nav-mas{order:5}
  html body aside:not(.mas-abierto) .nav-group{display:none!important}
  /* solo el botón ACTIVO lleva fondo (rosa); los demás sin fondo */
  html body aside .nav-item,html body aside .nav-item.nav-fotos,html body aside .nav-item[data-tab=inventario],html body aside .nav-mas,html body aside:not(.mas-abierto) .nav-mas{background:transparent!important;box-shadow:none!important}
  html body aside .nav-item.active{background:linear-gradient(160deg,#FFD0D9,#FD8CA1)!important;color:#072D59!important}
  html body aside .nav-item.active .bz-ic{color:#072D59!important}
  html body aside .nav-item[data-tab=vender].active{box-shadow:0 6px 16px -6px rgba(253,110,136,.7)!important}
  html body aside .nav-mas .fot-dot-mas{position:absolute;top:4px;right:calc(50% - 22px)}
  html body aside .nav-mas{position:relative}
  /* hoja «Más»: primero la cuadrícula (4 columnas, tiles de 72 px, una línea de texto), después la cuenta */
  html body aside.mas-abierto .nav-item:not(.nav-sec),html body aside.mas-abierto .nav-mas{display:none!important}
  html body aside.mas-abierto nav{grid-template-columns:repeat(4,minmax(0,1fr));order:1;gap:.5rem}
  html body aside.mas-abierto .nav-item.nav-sec{height:72px;min-height:72px;padding:.3rem .15rem;border:1px solid var(--gl-line,#DCE7F2);background:#fff!important;border-radius:16px}
  html body aside.mas-abierto .nav-item.nav-sec.active{background:linear-gradient(160deg,#FFD0D9,#FD8CA1)!important}
  html body aside.mas-abierto .nav-item span.txt{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;font-size:12px!important;line-height:1.15}
  html body aside.mas-abierto .nav-item .t-l{display:none}html body aside.mas-abierto .nav-item .t-c{display:inline}
  html body aside.mas-abierto .nav-cerrar{display:flex;grid-column:1/-1;align-items:center;justify-content:center;min-height:44px;border:0;background:transparent;color:#0C3D78;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
  html body aside.mas-abierto .aside-foot{order:2;display:flex;flex-wrap:wrap;gap:.4rem;border-top:1px solid var(--gl-line,#DCE7F2);padding:.6rem 0 calc(.2rem + env(safe-area-inset-bottom))}
  html body aside.mas-abierto .aside-foot .foot-reloj,html body aside.mas-abierto .aside-foot .who{display:none!important}
  html body aside.mas-abierto .aside-foot .foot-acciones{display:flex;flex:1 1 100%;gap:.5rem;justify-content:space-between}
  html body aside.mas-abierto .aside-foot .foot-acciones .btn{flex:1 1 0;min-width:0;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:.25rem;font-size:11px;font-weight:700}
  html body aside.mas-abierto .aside-foot .foot-acciones .btn .bl{display:block;font-size:11px;white-space:nowrap}
  html body aside.mas-abierto .aside-foot .foot-acciones .btn .bz-ic{width:22px;height:22px}
  /* barra superior: UNA línea «Sucursal · Nombre» y máx. 52 px */
  html body .m-top{max-height:52px;min-height:0;padding-top:calc(.35rem + env(safe-area-inset-top));padding-bottom:.35rem;flex-wrap:nowrap}
  html body .m-top b{font-size:1.15rem;flex:none}
  html body .m-top span,html body #m-quien{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;min-width:0}
}
@media(min-width:768px){.aside-foot .btn .bl{display:inline}}

@media(max-width:767px){
html:root[data-tema="oscuro"] body aside .nav-item.active,html:root[data-tema="oscuro"] body aside.mas-abierto .nav-item.nav-sec.active{background:linear-gradient(160deg,#FFD0D9,#FD8CA1)!important;color:#072D59!important}
html:root[data-tema="oscuro"] body aside .nav-item,html:root[data-tema="oscuro"] body aside .nav-item.nav-fotos,html:root[data-tema="oscuro"] body aside .nav-item[data-tab=inventario],html:root[data-tema="oscuro"] body aside .nav-mas{background:transparent!important}
html:root[data-tema="oscuro"] body aside.mas-abierto .nav-item.nav-sec{background:rgba(143,208,240,.1)!important;border-color:rgba(143,208,240,.3)}
html:root[data-tema="oscuro"] body aside.mas-abierto .nav-cerrar{color:#BFE3F6}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body aside .nav-item.active,html:root:not([data-tema="claro"]) body aside.mas-abierto .nav-item.nav-sec.active{background:linear-gradient(160deg,#FFD0D9,#FD8CA1)!important;color:#072D59!important}html:root:not([data-tema="claro"]) body aside .nav-item,html:root:not([data-tema="claro"]) body aside .nav-item.nav-fotos,html:root:not([data-tema="claro"]) body aside .nav-item[data-tab=inventario],html:root:not([data-tema="claro"]) body aside .nav-mas{background:transparent!important}html:root:not([data-tema="claro"]) body aside.mas-abierto .nav-item.nav-sec{background:rgba(143,208,240,.1)!important;border-color:rgba(143,208,240,.3)}html:root:not([data-tema="claro"]) body aside.mas-abierto .nav-cerrar{color:#BFE3F6}}
}

/* ══ #153 · B/D. Tarjetas de producto, espacios y detalles ══ */
.prod>.btn-add{margin-top:auto}
.prod-grupo .var-chips{margin-bottom:auto}
.prod-emoji .cat-svg,.prod-emoji svg{width:2.6rem;height:2.6rem;fill:none;stroke:rgba(255,255,255,.8);stroke-width:1.6;filter:none}
.thumb .prod-emoji .cat-svg,.thumb .prod-emoji svg{width:1.6rem;height:1.6rem;stroke:#4A6283}
html:root[data-tema="oscuro"] body .thumb .prod-emoji svg{stroke:#BFE3F6}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .thumb .prod-emoji svg{stroke:#BFE3F6}}
@media(min-width:768px){
  #lista-productos.grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;gap:.8rem}
  #lista-productos.grid .prod-img{aspect-ratio:4/3;max-height:120px;min-height:0}
}
/* el botón «?» de ayuda ya no flota sobre el contenido: la guía se abre desde el menú de usuario o desde «Más» */
#ayuda-fab{display:none!important}
html body aside .foot-acciones #btn-ayuda{display:inline-flex}
.ap-vacio{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;padding:.9rem 1rem;border:1.5px dashed #9FB4CC;border-radius:16px;background:#fff;color:#1F3556}.ap-vacio>div{flex:1 1 200px;min-width:0}.ap-vacio b{display:block}.ap-vacio small{display:block;color:#3E5578;font-size:.85rem}.ap-vacio .btn{min-height:44px}
html:root[data-tema="oscuro"] body .ap-vacio{background:#0F2745;border-color:#4A6C99;color:#E6EEF8}html:root[data-tema="oscuro"] body .ap-vacio small{color:#B9CBE3}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .ap-vacio{background:#0F2745;border-color:#4A6C99;color:#E6EEF8}html:root:not([data-tema="claro"]) body .ap-vacio small{color:#B9CBE3}}
/* 11 · Clientas: la lista hace scroll con la página (sin caja con scroll propio) */
#lista-clientas{max-height:none!important;overflow:visible!important}
/* 12/13/14 · cuadrículas que reparten todo el ancho */
@media(min-width:1101px){.res-fila{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.mp-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important}
.horas.horas-sin{display:block!important;height:auto!important;min-height:0}.horas-vacio{margin:.4rem 0;color:#3E5578;font-size:.9rem}
.stat-card .lbl{text-transform:none!important;letter-spacing:0!important;font-size:.82rem}
/* 30 · «Avisar» no se corta */
.item .wa-b{flex:0 0 auto;white-space:nowrap;min-height:44px}.item>div:first-child{min-width:0}
/* 31 · pedido especial: etiqueta sin partirse y «Nueva clienta» debajo del campo */
label.req{white-space:nowrap}#m-cli-bus{flex-wrap:wrap}#m-cli-bus input{flex:1 1 100%;min-width:0}#m-cli-bus .btn{flex:0 0 auto}
/* 33 · extras: la última tarjeta impar ocupa todo el ancho */
.extras-grid>.extra-btn:last-child:nth-child(odd){grid-column:1/-1}
/* 34 · clientas en teléfono: botones solo icono y una línea de teléfono·talla */
.cli-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
@media(max-width:767px){#lista-clientas .btn.mini{min-width:44px;padding:.3rem}#lista-clientas .btn.mini .bl-t{display:none}}
/* 16/18 · Pedidos: filtros en una cuadrícula alineada (40–44 px) y botón «Conseguido» compacto */
.ped-filtros{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;align-items:end}
.ped-filtros #buscador-pedidos{grid-column:1/-1}
.ped-filtros select,.ped-filtros input,.ped-filtros .btn{min-height:44px;width:100%;margin:0}
.ped-filtros .ped-fecha{display:flex;flex-direction:row;align-items:center;gap:.4rem;border:1.5px solid #9FB4CC;border-radius:14px;background:#fff;padding:0 .6rem;min-height:44px;text-transform:none;letter-spacing:0}
.ped-filtros .ped-fecha input{min-height:40px;width:48px;margin:0;border:0;background:transparent}
.ped-filtros .ped-fecha-txt{flex:1;font-size:.9rem;color:#1F3556;font-weight:600}
.ped-filtros #ped-vistas,.ped-filtros .seg{grid-column:1/-1}
#lista-pedidos .item{display:flex;align-items:center;gap:.6rem}#lista-pedidos .item>div:first-child{flex:1;min-width:0}
#lista-pedidos .ped-b{flex:0 0 auto;min-height:44px;white-space:nowrap}
@media(max-width:767px){#lista-pedidos .ped-b{min-width:44px;padding:.3rem}#lista-pedidos .ped-b .bl-t{display:none}}
html:root[data-tema="oscuro"] body .ped-filtros .ped-fecha{background:#0F2745;border-color:#5679A6}html:root[data-tema="oscuro"] body .ped-filtros .ped-fecha-txt{color:#E6EEF8}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .ped-filtros .ped-fecha{background:#0F2745;border-color:#5679A6}html:root:not([data-tema="claro"]) body .ped-filtros .ped-fecha-txt{color:#E6EEF8}}
/* 8 · sidebar de PC: el bloque de reloj/usuario queda pegado debajo del menú, sin hueco enorme */
@media(min-width:768px){#main aside .aside-foot{margin-top:1rem!important}#main aside nav{flex:0 0 auto!important}}
.ped-filtros .ped-fecha{flex-direction:row!important;flex-wrap:nowrap!important;white-space:nowrap;font-size:.74rem!important;gap:.35rem!important;overflow:hidden}
.ped-filtros .ped-fecha .ped-fecha-txt{font-size:.82rem!important}

/* ═════ #164 · menú por secciones + píldora de Avisos ═════ */
aside nav .nav-seccion{font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#9FB8D6;padding:.85rem .95rem .25rem;line-height:1}
aside nav .nav-seccion:first-child{padding-top:.2rem}
aside nav .nav-seccion.oculto{display:none}
@media(min-width:768px){.nav-solo-tel{display:none!important}}
@media(min-width:768px) and (max-width:767px){aside nav .nav-seccion{padding:.6rem .6rem .15rem}}
html.nav-plegada aside nav .nav-seccion,#main.nav-plegada aside nav .nav-seccion{font-size:0;padding:.35rem 0;height:1px;margin:.4rem .6rem;background:rgba(255,255,255,.18)}
.user-menu{display:flex;align-items:center;gap:.5rem}
.user-menu .um-d{right:0}
.av-pill{position:relative;padding:.3rem .75rem;min-width:44px;justify-content:center;font-size:1.05rem}
.av-pill .dot{position:absolute;top:-5px;right:-4px;margin:0;min-width:20px;height:20px;line-height:20px;padding:0 5px;text-align:center;font-size:.72rem;font-weight:800;border-radius:999px;background:#E0476B;color:#fff;box-shadow:0 0 0 2px #fff}
.av-pill .dot.oculto{display:none}
@media(max-width:767px){
  html body aside nav .nav-seccion{display:none}
  html body aside.mas-abierto nav .nav-seccion{display:block;grid-column:1/-1;padding:.5rem .15rem .05rem;color:#4A6283;font-size:11.5px}
  html body aside.mas-abierto nav .nav-seccion.oculto{display:none}
}
html:root[data-tema="oscuro"] .av-pill .dot{box-shadow:0 0 0 2px #0B3A74}
html:root[data-tema="oscuro"] body aside.mas-abierto nav .nav-seccion{color:#A9C0DA}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) .av-pill .dot{box-shadow:0 0 0 2px #0B3A74}html:root:not([data-tema="claro"]) body aside.mas-abierto nav .nav-seccion{color:#A9C0DA}}
@media(max-width:767px){html body aside.mas-abierto nav .nav-item{order:0!important}}

/* ═════ #166-169 · Apartados: Cajas, Lista tipo tabla, Tablero sin scroll interno, calendario legible, etiquetas de vencidos ═════ */
/* encabezado único de calendarios (#168.4): título a la izquierda, ‹ Hoy › agrupados a la derecha */
.nf-head{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:.1rem 0 .7rem}
.nf-t{font-size:1.1rem;font-weight:800;color:var(--gl-navy,#072D59);margin-right:auto}
.nf-extra{order:3}
.nf-ctl{display:inline-flex;align-items:stretch;border:1px solid var(--gl-line,#DCE7F2);border-radius:14px;overflow:hidden;background:#fff}
.nf-ctl button{min-height:44px;min-width:44px;border:0;background:transparent;color:var(--gl-navy,#072D59);font:inherit;font-weight:800;font-size:1.15rem;cursor:pointer;padding:0 .8rem}
.nf-ctl .nf-hoy{font-size:.9rem;border-left:1px solid var(--gl-line,#DCE7F2);border-right:1px solid var(--gl-line,#DCE7F2)}
.nf-ctl button:hover{background:var(--gl-sky,#DBF2FC)}
/* etiquetas de vencimiento */
.chip.ven-rojo{background:#B4233F;color:#fff;font-weight:800}
.chip.ven-ambar{background:#FDE9B8;color:#6B4700;font-weight:800}
.chip.ven-fin{background:#E6EEF7;color:#26466F}
.apc.ven7,.ap-fila.ven7,.caja-r.ven7{border-left-color:#B4233F!important;background:#FFF1F3!important}
/* Tablero: las columnas crecen hacia abajo, sin altura fija */
.kol{max-height:none!important}.kol-b{overflow:visible!important}
.kol-nada{color:var(--tinta-3)}
/* Lista tipo tabla */
.ap-tabla{display:flex;flex-direction:column;gap:.35rem}
.ap-fila{display:grid;grid-template-columns:1.3fr 1.9fr .8fr .8fr .8fr .7fr .6fr 1.2fr;gap:.5rem;align-items:center;padding:.6rem .8rem;border:1px solid var(--gl-line,#DCE7F2);border-left:5px solid var(--borde-2,#C9D6E6);background:#fff;border-radius:14px;cursor:pointer;font-size:.88rem;min-height:48px}
.ap-fila.u-bad{border-left-color:#B4233F}.ap-fila.u-hot{border-left-color:#E0533D}.ap-fila.u-warn{border-left-color:#C9961A}.ap-fila.u-ok{border-left-color:#2E9E72}
.ap-fila.cab{background:transparent;border:0;cursor:default;font-size:.72rem;font-weight:800;color:var(--tinta-3);text-transform:uppercase;letter-spacing:.05em;min-height:0;padding-top:.1rem;padding-bottom:.1rem}
.ap-fila small{color:var(--tinta-3)}.af-p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--tinta-2)}
.af-t,.af-a,.af-r{text-align:right;font-variant-numeric:tabular-nums}.af-e{text-align:right}
/* Cajas */
.cajas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:.8rem;align-items:start}
.cajas-aviso{font-size:.85rem;color:var(--tinta-2);margin:0 0 .5rem}
.caja-b{background:#fff;border:1px solid var(--gl-line,#DCE7F2);border-radius:18px;padding:.6rem;display:flex;flex-direction:column;gap:.4rem}
.caja-b.sin{border-style:dashed}
.caja-b>header{display:flex;align-items:center;gap:.5rem;padding:.2rem .3rem;color:var(--gl-navy,#072D59)}.caja-b>header span{margin-left:auto;font-size:.76rem;color:var(--tinta-2);font-weight:700}
.caja-r{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem .4rem .6rem;border:1px solid var(--gl-line,#DCE7F2);border-left:4px solid var(--borde-2,#C9D6E6);border-radius:12px;cursor:pointer;min-height:48px;flex-wrap:nowrap}
.cr-i{flex:1 1 130px;min-width:0}.cr-i b{display:block;font-size:.88rem}.cr-i small{display:block;color:var(--tinta-2);font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr-mv{min-height:44px;min-width:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex:none}.caja-r .chip{flex:none}
/* Cambiar caja */
.cc-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.45rem;margin:.4rem 0 .6rem}
.cc-o{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:54px;border:1.5px solid var(--gl-line,#DCE7F2);background:#fff;color:var(--gl-navy,#072D59);border-radius:14px;font:inherit;font-weight:800;cursor:pointer}
.cc-o small{font-weight:600;color:var(--tinta-2);font-size:.72rem}.cc-o.sel{border-color:#FD6E88;background:#FFE6EB}
/* Detalle: «Más opciones» */
.ap-mas{display:inline-block;position:relative}.ap-mas summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem}.ap-mas summary::-webkit-details-marker{display:none}
.ap-mas-m{display:flex;flex-direction:column;gap:.4rem;margin-top:.4rem}
/* Calendario con tarjetitas */
.cal-grid{gap:.35rem}
.cal-d{min-height:96px;align-items:stretch;padding:.35rem .4rem;gap:.2rem;overflow:hidden;border-radius:12px}
.cal-d.con{cursor:pointer}.cal-d.vacio{min-height:0}
.cal-d .cal-n{display:flex;align-items:center;gap:.3rem;font-size:.85rem;font-weight:700}
.cal-d.hoy{border:2px solid #0C5BC4!important;box-shadow:none!important;background:#EAF3FF!important}.cal-d.hoy .cal-n{font-weight:900;color:#0A4FA8}
.cal-hoy-t{font-style:normal;font-size:.62rem;font-weight:800;background:#0C5BC4;color:#fff;border-radius:99px;padding:0 .4rem}
.cal-d .cal-c{display:none}
.cal-chs{display:flex;flex-direction:column;gap:2px}
.cal-ch{display:block;font-size:.68rem;font-weight:700;border-radius:6px;padding:1px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.ch-ok{background:#D7F2E5;color:#0F5C3E}.ch-warn{background:#FDE9B8;color:#6B4700}.ch-hot{background:#FFD9D0;color:#8A2410}.ch-bad,.ch-rojo{background:#B4233F;color:#fff}.ch-ambar{background:#FDE9B8;color:#6B4700}.ch-fin{background:#E6EEF7;color:#26466F}
.cal-mas{font-size:.66rem;font-weight:800;color:var(--tinta-2)}
@media(max-width:767px){
  .ap-fila:not(.cab){grid-template-columns:1fr auto;grid-template-areas:"c e" "p p" "t r";gap:.15rem .5rem;padding:.55rem .7rem}
  .ap-fila.cab{display:none}
  .ap-fila .af-c{grid-area:c}.ap-fila .af-e{grid-area:e}.ap-fila .af-p{grid-area:p;font-size:.8rem}
  .ap-fila .af-t,.ap-fila .af-a,.ap-fila .af-v,.ap-fila .af-k{display:none}.ap-fila .af-r{grid-area:r;text-align:right;grid-column:2}.ap-fila .af-t{display:block;grid-area:t;text-align:left;grid-column:1}
  .ap-fila .af-t::before{content:"Total ";color:var(--tinta-3)}.ap-fila .af-r::before{content:"Resta ";color:var(--tinta-3);font-weight:400}
  .cal-d{min-height:54px;align-items:center;padding:.3rem .1rem}.cal-d .cal-chs,.cal-d .cal-hoy-t{display:none}.cal-d .cal-c{display:inline-block;background:#0C3D78;color:#fff;border-radius:99px;padding:0 .45rem;font-size:.72rem;font-weight:800}
  .cal-d .cal-n{justify-content:center}
}
html:root[data-tema="oscuro"] body .nf-ctl,html:root[data-tema="oscuro"] body .ap-fila:not(.cab),html:root[data-tema="oscuro"] body .caja-b,html:root[data-tema="oscuro"] body .caja-r,html:root[data-tema="oscuro"] body .cc-o{background:rgba(143,208,240,.08)!important;border-color:rgba(143,208,240,.28)!important;color:#E8F2FB}
html:root[data-tema="oscuro"] body .nf-t,html:root[data-tema="oscuro"] body .nf-ctl button,html:root[data-tema="oscuro"] body .caja-b>header,html:root[data-tema="oscuro"] body .cc-o{color:#E8F2FB!important}
html:root[data-tema="oscuro"] body .cal-d.hoy{background:rgba(12,91,196,.28)!important;border-color:#8FD0F0!important}html:root[data-tema="oscuro"] body .cal-d.hoy .cal-n{color:#BFE3FA}
html:root[data-tema="oscuro"] body .apc.ven7,html:root[data-tema="oscuro"] body .ap-fila.ven7,html:root[data-tema="oscuro"] body .caja-r.ven7{background:rgba(180,35,63,.22)!important}
html:root[data-tema="oscuro"] body .chip.ven-ambar,html:root[data-tema="oscuro"] body .ch-warn,html:root[data-tema="oscuro"] body .ch-ambar{background:#F2C14E;color:#2B1C00}
html:root[data-tema="oscuro"] body .chip.ven-fin,html:root[data-tema="oscuro"] body .ch-fin{background:#2A4468;color:#E8F2FB}
html:root[data-tema="oscuro"] body .cc-o.sel{border-color:#FD6E88!important;background:rgba(253,110,136,.2)!important}
@media(prefers-color-scheme:dark){
html:root:not([data-tema="claro"]) body .nf-ctl,html:root:not([data-tema="claro"]) body .ap-fila:not(.cab),html:root:not([data-tema="claro"]) body .caja-b,html:root:not([data-tema="claro"]) body .caja-r,html:root:not([data-tema="claro"]) body .cc-o{background:rgba(143,208,240,.08)!important;border-color:rgba(143,208,240,.28)!important;color:#E8F2FB}
html:root:not([data-tema="claro"]) body .nf-t,html:root:not([data-tema="claro"]) body .nf-ctl button,html:root:not([data-tema="claro"]) body .caja-b>header,html:root:not([data-tema="claro"]) body .cc-o{color:#E8F2FB!important}
html:root:not([data-tema="claro"]) body .cal-d.hoy{background:rgba(12,91,196,.28)!important;border-color:#8FD0F0!important}html:root:not([data-tema="claro"]) body .cal-d.hoy .cal-n{color:#BFE3FA}
html:root:not([data-tema="claro"]) body .apc.ven7,html:root:not([data-tema="claro"]) body .ap-fila.ven7,html:root:not([data-tema="claro"]) body .caja-r.ven7{background:rgba(180,35,63,.22)!important}
html:root:not([data-tema="claro"]) body .chip.ven-ambar,html:root:not([data-tema="claro"]) body .ch-warn,html:root:not([data-tema="claro"]) body .ch-ambar{background:#F2C14E;color:#2B1C00}
html:root:not([data-tema="claro"]) body .chip.ven-fin,html:root:not([data-tema="claro"]) body .ch-fin{background:#2A4468;color:#E8F2FB}
html:root:not([data-tema="claro"]) body .cc-o.sel{border-color:#FD6E88!important;background:rgba(253,110,136,.2)!important}
}
.nf-head .nf-extra{order:3;font-size:.78rem!important;min-height:0!important;padding:.2rem .65rem!important;line-height:1.3}
@media(max-width:767px){.nf-t{font-size:1rem}.nf-ctl button{padding:0 .45rem}.nf-ctl .nf-hoy{padding:0 .7rem}.nf-head{gap:.4rem}}
.tar-cuenta{margin:-.3rem 0 .6rem;font-size:.82rem;color:var(--tinta-2)}

/* ═════ #167 · modo administrador, lápiz de editar, niveles, vista «Clientas top» ═════ */
.admin-ind{background:#FFE6EB!important;color:#7A1230!important;border-color:#FD6E88!important;font-weight:800}
.admin-ind span{white-space:nowrap}
.admin-ind-m{display:none;border:1.5px solid #FD6E88;background:#FFE6EB;color:#7A1230;border-radius:99px;font:inherit;font-weight:800;font-size:.72rem;padding:.2rem .6rem;min-height:30px;white-space:nowrap}
@media(max-width:767px){.admin-ind-m:not(.oculto){display:inline-flex;align-items:center;margin-left:.4rem}}
.cli-lapiz{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--gl-line,#DCE7F2);background:#fff;color:var(--gl-navy,#072D59);border-radius:12px;cursor:pointer;padding:0 .5rem}
.cli-sel-acc{display:inline-flex;gap:.3rem;align-items:center;margin-left:auto}
#clienta-sel{display:flex;align-items:center;gap:.4rem}
.cli-nivel{display:inline-block;font-size:.68rem;font-weight:800;border-radius:99px;padding:.05rem .5rem;margin-left:.3rem;vertical-align:middle}
.cli-nivel.n-vip{background:#FDE9B8;color:#6B4700}.cli-nivel.n-frecuente{background:#D7F2E5;color:#0F5C3E}.cli-nivel.n-nueva{background:#DBF2FC;color:#0C3D78}
.ct-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.9rem;align-items:start}.ct-col{display:flex;flex-direction:column;gap:.9rem}
.ct-n{display:inline-block;min-width:22px;text-align:center;font-size:.72rem;font-weight:800;background:#0C3D78;color:#fff;border-radius:99px;padding:0 .45rem;margin-left:.3rem}
.ct-sec h3 small{font-weight:600;color:var(--tinta-2)}
html:root[data-tema="oscuro"] body .admin-ind,html:root[data-tema="oscuro"] body .admin-ind-m{background:rgba(253,110,136,.22)!important;color:#FFD3DB!important;border-color:#FD6E88!important}
html:root[data-tema="oscuro"] body .cli-lapiz{background:rgba(143,208,240,.1);border-color:rgba(143,208,240,.3);color:#E8F2FB}
html:root[data-tema="oscuro"] body .cli-nivel.n-vip{background:#F2C14E;color:#2B1C00}html:root[data-tema="oscuro"] body .cli-nivel.n-frecuente{background:#1D6A4A;color:#E3F7EE}html:root[data-tema="oscuro"] body .cli-nivel.n-nueva{background:#2A4468;color:#E8F2FB}
html:root[data-tema="oscuro"] body .ct-n{background:#8FD0F0;color:#072D59}
@media(prefers-color-scheme:dark){
html:root:not([data-tema="claro"]) body .admin-ind,html:root:not([data-tema="claro"]) body .admin-ind-m{background:rgba(253,110,136,.22)!important;color:#FFD3DB!important;border-color:#FD6E88!important}
html:root:not([data-tema="claro"]) body .cli-lapiz{background:rgba(143,208,240,.1);border-color:rgba(143,208,240,.3);color:#E8F2FB}
html:root:not([data-tema="claro"]) body .cli-nivel.n-vip{background:#F2C14E;color:#2B1C00}html:root:not([data-tema="claro"]) body .cli-nivel.n-frecuente{background:#1D6A4A;color:#E3F7EE}html:root:not([data-tema="claro"]) body .cli-nivel.n-nueva{background:#2A4468;color:#E8F2FB}
html:root:not([data-tema="claro"]) body .ct-n{background:#8FD0F0;color:#072D59}
}

/* ═════ #170 · contadores/badges: 0 = gris apagado; ≥1 = círculo de acento sólido con texto blanco (claro y oscuro, contraste ≥ 4.5:1) ═════ */
.vd-tabs button i,.vd-tabs button.active i{min-width:1.5rem;height:1.5rem;line-height:1.5rem;padding:0 .35rem;text-align:center;border-radius:99px;font-weight:800;background:#C8234A!important;color:#fff!important}
.vd-tabs button i.cero,.vd-tabs button.active i.cero{background:#D5DEE9!important;color:#4A5B72!important}
html:root[data-tema="oscuro"] body .vd-tabs button i.cero{background:#2A4468!important;color:#B7C9DF!important}
.nav-item .dot,.nav-item .dot:not(.oculto),.av-pill .dot,.fot-dot,.fot-dot-mas,#transf-dot,#insumos-dot,#tareas-dot,#avisos-dot,#av-pill-dot{background:#C8234A!important;color:#fff!important;font-weight:800}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .vd-tabs button i.cero{background:#2A4468!important;color:#B7C9DF!important}}
/* ═════ #171-174 · Reportes ═════ */
.rep-acc{display:flex;gap:.4rem;flex-wrap:wrap}.rep-acc .btn{display:inline-flex;align-items:center;gap:.35rem;min-height:44px}
.din-tabla{display:flex;flex-direction:column;gap:.25rem}
.din-fila{display:grid;grid-template-columns:1.4fr repeat(4,1fr) 1.1fr;gap:.4rem;align-items:center;padding:.5rem .6rem;border-radius:12px;background:var(--gl-sky,#EEF6FB);font-variant-numeric:tabular-nums}
.din-fila b{text-align:right}.din-fila span:not(:first-child){text-align:right}
.din-cab{background:transparent;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--tinta-3)}
.din-total{background:#072D59;color:#fff}
.din-caja{margin-top:.9rem}.din-caja h4{margin:0 0 .3rem}.din-esp{font-size:1.02rem;border-top:2px solid var(--gl-line,#DCE7F2);margin-top:.3rem;padding-top:.4rem}
.rh-rango{margin-bottom:.6rem}
.rh-filtros{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem;margin-bottom:.7rem;align-items:end}
.rh-f{display:flex;flex-direction:column;font-size:.74rem;font-weight:700;color:var(--tinta-2)}
.rh-tabla{display:flex;flex-direction:column;gap:.3rem}
.rh-fila{display:grid;grid-template-columns:1fr .6fr 1fr 2fr .9fr 1.2fr;gap:.5rem;align-items:center;padding:.5rem .7rem;border:1px solid var(--gl-line,#DCE7F2);border-radius:12px;background:#fff;cursor:pointer;min-height:48px;font-size:.86rem}
.rh-cab{border:0;background:transparent;cursor:default;min-height:0;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--tinta-3);padding-top:0;padding-bottom:0}
.rh-fila .r{text-align:right;font-variant-numeric:tabular-nums}.rh-fila .neg{color:#B4233F}
.rh-tag{font-style:normal;font-size:.72rem;font-weight:800;border-radius:99px;padding:.1rem .55rem;display:inline-block}
.t-venta{background:#DBF2FC;color:#0C3D78}.t-apart{background:#E5E0FA;color:#3F2A8C}.t-abono{background:#D7F2E5;color:#0F5C3E}.t-liq{background:#BDEBD2;color:#0A4A31}.t-dev{background:#FFD9D0;color:#8A2410}
.rh-f4{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rh-f1{color:var(--tinta-2)}
.rh-cuenta{text-align:center;margin-top:.5rem}
@media(max-width:767px){
  .din-fila{grid-template-columns:1fr 1fr;row-gap:.15rem}.din-cab{display:none}.din-fila span:first-child{grid-column:1/-1;font-weight:800}.din-fila span[data-l]:not(:first-child)::before,.din-fila b[data-l]::before{content:attr(data-l) " ";font-size:.7rem;color:var(--tinta-3);font-weight:600}.din-fila span:not(:first-child),.din-fila b{text-align:left}
  .din-total{grid-template-columns:1fr auto}.din-total span:empty{display:none}.din-total span:first-child{grid-column:auto}.din-total b{text-align:right}
  .rh-fila:not(.rh-cab){grid-template-columns:1fr auto;grid-template-areas:"a b" "c d" "e f";row-gap:.15rem}.rh-cab{display:none}
  .rh-f1{grid-area:a;font-size:.76rem}.rh-f3{grid-area:b;text-align:right}.rh-f4{grid-area:c;font-weight:700}.rh-f5{grid-area:d}.rh-f2{grid-area:e;color:var(--tinta-2)}.rh-f6{grid-area:f;text-align:right;font-size:.76rem;color:var(--tinta-2)}
}
html:root[data-tema="oscuro"] body .din-fila{background:rgba(143,208,240,.1)}html:root[data-tema="oscuro"] body .din-total{background:#0C4A8F;color:#fff}
html:root[data-tema="oscuro"] body .rh-fila:not(.rh-cab){background:rgba(143,208,240,.08);border-color:rgba(143,208,240,.28);color:#E8F2FB}
html:root[data-tema="oscuro"] body .rh-fila .neg{color:#FF9DB0}
html:root[data-tema="oscuro"] body .t-venta{background:#2A4468;color:#E8F2FB}html:root[data-tema="oscuro"] body .t-apart{background:#4A3E8A;color:#EDE9FF}html:root[data-tema="oscuro"] body .t-abono{background:#1D6A4A;color:#E3F7EE}html:root[data-tema="oscuro"] body .t-liq{background:#2B8A63;color:#fff}html:root[data-tema="oscuro"] body .t-dev{background:#8A2A3C;color:#FFE3E8}
@media(prefers-color-scheme:dark){
html:root:not([data-tema="claro"]) body .din-fila{background:rgba(143,208,240,.1)}html:root:not([data-tema="claro"]) body .din-total{background:#0C4A8F;color:#fff}
html:root:not([data-tema="claro"]) body .rh-fila:not(.rh-cab){background:rgba(143,208,240,.08);border-color:rgba(143,208,240,.28);color:#E8F2FB}
html:root:not([data-tema="claro"]) body .rh-fila .neg{color:#FF9DB0}
html:root:not([data-tema="claro"]) body .t-venta{background:#2A4468;color:#E8F2FB}html:root:not([data-tema="claro"]) body .t-apart{background:#4A3E8A;color:#EDE9FF}html:root:not([data-tema="claro"]) body .t-abono{background:#1D6A4A;color:#E3F7EE}html:root:not([data-tema="claro"]) body .t-liq{background:#2B8A63;color:#fff}html:root:not([data-tema="claro"]) body .t-dev{background:#8A2A3C;color:#FFE3E8}
}

/* ═════ #175 · Apartar: datos del apartado → anticipo (monto + método en una tarjeta compacta) ═════ */
.modo-apartado #abono-quick{display:flex;gap:.4rem;flex-wrap:wrap}.modo-apartado #abono-quick .btn{min-height:44px;flex:1 1 140px}
.modo-apartado .metodos{grid-template-columns:repeat(3,1fr)!important;gap:.35rem}
.modo-apartado .metodos .metodo{padding:.5rem .2rem!important;font-size:.85rem!important;border-radius:12px!important;min-height:44px;flex-direction:row;gap:.35rem}
.modo-apartado .metodos .metodo .metodo-ico{font-size:1.1rem!important;width:1.1rem;height:1.1rem}
.modo-apartado #btn-add-pago{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--gl-navy,#0C3D78)!important;text-decoration:underline;font-weight:700;min-height:44px;width:auto!important;flex:none}
.modo-apartado #monto-bloque{border:1.5px solid var(--gl-line,#DCE7F2);border-radius:16px;padding:.7rem;background:var(--gl-sky,#F3F9FD);margin:.4rem 0}
html:root[data-tema="oscuro"] body .modo-apartado #monto-bloque{background:rgba(143,208,240,.08);border-color:rgba(143,208,240,.28)}
html:root[data-tema="oscuro"] body .modo-apartado #btn-add-pago{color:#BFE3FA!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .modo-apartado #monto-bloque{background:rgba(143,208,240,.08);border-color:rgba(143,208,240,.28)}html:root:not([data-tema="claro"]) body .modo-apartado #btn-add-pago{color:#BFE3FA!important}}

/* ═════ #177 · Panel del día de solo lectura ═════ */
.res-go{cursor:pointer;transition:transform .12s}.res-go:hover{transform:translateY(-2px)}.res-go:focus-visible{outline:3px solid #0C5BC4;outline-offset:2px}
.res-aviso{margin-bottom:1rem}.res-aviso .pad{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;min-height:48px}.res-aviso b{font-size:1.2rem;color:#B4233F}.res-ver{margin-left:auto;font-weight:800;color:var(--gl-navy,#0C3D78)}
html:root[data-tema="oscuro"] body .res-ver{color:#BFE3FA}html:root[data-tema="oscuro"] body .res-aviso b{color:#FF9DB0}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .res-ver{color:#BFE3FA}html:root:not([data-tema="claro"]) body .res-aviso b{color:#FF9DB0}}

/* ═════ #178 · login por sucursal ═════ */
.paso-tag{font-size:.74rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;border-radius:99px;display:inline-block;padding:.25rem .8rem;margin:.1rem 0 .8rem}
.paso-login.p1 .paso-tag{background:#FFE6EB;color:#7A1230}
.paso-login.p2 .paso-tag{background:#DBF2FC;color:#0C3D78}
.paso-login.p2{border-top:3px solid #0C5BC4;padding-top:.6rem}
.suc-fija{margin:.2rem 0 .9rem;padding:.8rem 1rem;border-radius:18px;background:#EAF3FF;border:1.5px solid #B9D6F5;text-align:center}
.suc-fija small{display:block;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#26466F}
.suc-fija b{display:block;font-size:2rem;line-height:1.15;color:#072D59;font-weight:800}
.suc-pregunta{margin:.2rem 0 .6rem;font-weight:700;color:#26466F;text-align:center}
.suc-botones{display:grid;gap:.7rem;grid-template-columns:1fr}
.suc-btn{min-height:72px;border-radius:20px;border:2px solid #072D59;background:#fff;color:#072D59;font:inherit;font-weight:800;font-size:1.3rem;cursor:pointer}
.suc-btn.ult{background:#072D59;color:#fff}.suc-btn:hover{background:#DBF2FC;color:#072D59}.suc-btn.ult:hover{background:#0C3D78;color:#fff}
@media(min-width:520px){.suc-botones{grid-template-columns:1fr 1fr}}
html:root[data-tema="oscuro"] body .paso-login.p1 .paso-tag{background:rgba(253,110,136,.22);color:#FFD3DB}html:root[data-tema="oscuro"] body .paso-login.p2 .paso-tag{background:rgba(143,208,240,.18);color:#BFE3FA}
html:root[data-tema="oscuro"] body .suc-fija{background:rgba(143,208,240,.1);border-color:rgba(143,208,240,.35)}html:root[data-tema="oscuro"] body .suc-fija small,html:root[data-tema="oscuro"] body .suc-pregunta{color:#BFE3FA}html:root[data-tema="oscuro"] body .suc-fija b{color:#fff}
html:root[data-tema="oscuro"] body .suc-btn{background:rgba(143,208,240,.1);color:#fff;border-color:#8FD0F0}html:root[data-tema="oscuro"] body .suc-btn.ult{background:#8FD0F0;color:#072D59}
@media(prefers-color-scheme:dark){
html:root:not([data-tema="claro"]) body .paso-login.p1 .paso-tag{background:rgba(253,110,136,.22);color:#FFD3DB}html:root:not([data-tema="claro"]) body .paso-login.p2 .paso-tag{background:rgba(143,208,240,.18);color:#BFE3FA}
html:root:not([data-tema="claro"]) body .suc-fija{background:rgba(143,208,240,.1);border-color:rgba(143,208,240,.35)}html:root:not([data-tema="claro"]) body .suc-fija small,html:root:not([data-tema="claro"]) body .suc-pregunta{color:#BFE3FA}html:root:not([data-tema="claro"]) body .suc-fija b{color:#fff}
html:root:not([data-tema="claro"]) body .suc-btn{background:rgba(143,208,240,.1);color:#fff;border-color:#8FD0F0}html:root:not([data-tema="claro"]) body .suc-btn.ult{background:#8FD0F0;color:#072D59}
}

/* ═════ #182 · auditoría de contraste en modo oscuro (WCAG AA ≥ 4.5:1; ≥ 3:1 texto grande) ═════ */
html:root[data-tema="oscuro"] body .um-av{color:#072D59!important}
html:root[data-tema="oscuro"] body #toast.error,html:root[data-tema="oscuro"] body .toast.error{background:#B4233F!important;color:#fff!important}
html:root[data-tema="oscuro"] body .btn.verde,html:root[data-tema="oscuro"] body #btn-cobrar{background:#17785A!important;background-image:none!important;color:#fff!important}
html:root[data-tema="oscuro"] body .btn.rosa,html:root[data-tema="oscuro"] body #btn-apartar,html:root[data-tema="oscuro"] body .btn.rosa:disabled{color:#072D59!important}
html:root[data-tema="oscuro"] body .stat-card .lbl{color:#D3E3F5!important}
html:root[data-tema="oscuro"] body .t-liq{background:#1D6A4A;color:#fff}
html:root[data-tema="oscuro"] body .tlb:disabled,html:root[data-tema="oscuro"] body .tlb.n-vacio{opacity:1}
html:root[data-tema="oscuro"] body .tlb.n-vacio small,html:root[data-tema="oscuro"] body .tlb.n-vacio b{color:#B7C9DF}
html:root[data-tema="oscuro"] body .pagos-resumen .ok,html:root[data-tema="oscuro"] body .pagos-resumen .ok b,html:root[data-tema="oscuro"] body .pagos-resumen .ok span{color:#7BE3B0!important}
@media(prefers-color-scheme:dark){
html:root:not([data-tema="claro"]) body .um-av{color:#072D59!important}
html:root:not([data-tema="claro"]) body #toast.error,html:root:not([data-tema="claro"]) body .toast.error{background:#B4233F!important;color:#fff!important}
html:root:not([data-tema="claro"]) body .btn.verde,html:root:not([data-tema="claro"]) body #btn-cobrar{background:#17785A!important;background-image:none!important;color:#fff!important}
html:root:not([data-tema="claro"]) body .btn.rosa,html:root:not([data-tema="claro"]) body #btn-apartar,html:root:not([data-tema="claro"]) body .btn.rosa:disabled{color:#072D59!important}
html:root:not([data-tema="claro"]) body .stat-card .lbl{color:#D3E3F5!important}
html:root:not([data-tema="claro"]) body .t-liq{background:#1D6A4A;color:#fff}
html:root:not([data-tema="claro"]) body .tlb:disabled,html:root:not([data-tema="claro"]) body .tlb.n-vacio{opacity:1}
html:root:not([data-tema="claro"]) body .tlb.n-vacio small,html:root:not([data-tema="claro"]) body .tlb.n-vacio b{color:#B7C9DF}
html:root:not([data-tema="claro"]) body .pagos-resumen .ok,html:root:not([data-tema="claro"]) body .pagos-resumen .ok b,html:root:not([data-tema="claro"]) body .pagos-resumen .ok span{color:#7BE3B0!important}
}
html:root[data-tema="oscuro"] body .stat-card.c-rosa .lbl{color:#072D59!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .stat-card.c-rosa .lbl{color:#072D59!important}}
html:root[data-tema="oscuro"] body .m-cart-ver{color:#031A33!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .m-cart-ver{color:#031A33!important}}
html:root[data-tema="oscuro"] body #login .btn.verde.grande,html:root[data-tema="oscuro"] body #login .hp.activo i{color:#031A33!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body #login .btn.verde.grande,html:root:not([data-tema="claro"]) body #login .hp.activo i{color:#031A33!important}}

/* ═════ #191 · inicio con botonzotes (solo teléfono) ═════ */
.btn-inicio{display:none!important}
@media(max-width:767px){
  html body aside .nav-inicio{display:flex!important}
  html body aside.mas-abierto .nav-inicio{display:none!important}
  html body aside:not(.mas-abierto) .nav-mas{order:5}
  #tab-inicio.active{display:block!important}
  .btn-inicio:not(.oculto){display:inline-flex!important;position:sticky;top:calc(52px + env(safe-area-inset-top));z-index:25;align-items:center;min-height:44px;margin:.3rem 0 .2rem;padding:0 1rem;border-radius:99px;border:1.5px solid var(--gl-line,#DCE7F2);background:#fff;color:var(--gl-navy,#072D59);font:inherit;font-weight:800;box-shadow:0 6px 16px -8px rgba(7,45,89,.4)}
  .inicio-cab{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin:.2rem 0 .8rem}.inicio-cab h2{margin:0}.inicio-cab small{color:var(--tinta-2);font-weight:700}
  .inicio-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;padding-bottom:5.5rem}
  .in-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:120px;padding:.8rem .5rem;border-radius:22px;border:1.5px solid var(--gl-line,#DCE7F2);background:#fff;color:var(--gl-navy,#072D59);font:inherit;text-decoration:none;box-shadow:0 10px 22px -14px rgba(7,45,89,.45);cursor:pointer;text-align:center}
  .in-btn .in-ic{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center}.in-btn .bz-ic{width:40px!important;height:40px!important}
  .in-btn b{font-size:1.02rem;line-height:1.15}
  .in-fotos{grid-column:1/-1;min-height:150px;background:linear-gradient(160deg,#FFD0D9,#FD8CA1);border-color:#FD6E88}.in-fotos .bz-ic{width:56px!important;height:56px!important}.in-fotos b{font-size:1.3rem}
  .in-n{position:absolute;top:8px;right:10px;min-width:26px;height:26px;line-height:26px;padding:0 7px;border-radius:99px;background:#C8234A;color:#fff;font-style:normal;font-weight:800;font-size:.85rem;text-align:center}
  html:root[data-tema="oscuro"] body .in-btn,html:root[data-tema="oscuro"] body .btn-inicio{background:rgba(143,208,240,.1);color:#E8F2FB;border-color:rgba(143,208,240,.3)}
  html:root[data-tema="oscuro"] body .in-fotos{background:linear-gradient(160deg,#FFD0D9,#FD8CA1);color:#072D59}
}
@media(max-width:767px) and (prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .in-btn,html:root:not([data-tema="claro"]) body .btn-inicio{background:rgba(143,208,240,.1);color:#E8F2FB;border-color:rgba(143,208,240,.3)}html:root:not([data-tema="claro"]) body .in-fotos{background:linear-gradient(160deg,#FFD0D9,#FD8CA1);color:#072D59}}

/* ═════ #153 pendiente · hoja «Filtros (n)» de Pedidos ═════ */
.ped-top{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;margin-bottom:.6rem}
.ped-top #buscador-pedidos{min-height:44px;width:100%}.ped-top .seg{grid-column:1/-1}
.ped-btn-filtros{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;white-space:nowrap}
.ped-nf{font-style:normal;min-width:22px;height:22px;line-height:22px;padding:0 6px;text-align:center;border-radius:99px;background:#C8234A;color:#fff;font-weight:800;font-size:.75rem}
.ped-hoja-fondo{position:fixed;inset:0;z-index:70;background:rgba(7,30,59,.55);display:flex;align-items:flex-end;justify-content:center}
.ped-hoja-fondo.oculto{display:none}
.ped-hoja{width:min(560px,100%);background:#fff;border-radius:24px 24px 0 0;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.7rem;max-height:calc(85*var(--vz,1)*1vh);overflow:auto}
.ped-hoja-cab{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;color:var(--gl-navy,#072D59)}
.ped-hoja select,.ped-hoja input{min-height:44px;width:100%}
@media(min-width:768px){.ped-hoja-fondo{align-items:center}.ped-hoja{border-radius:24px}.ped-top{grid-template-columns:1fr auto auto}.ped-top .seg{grid-column:auto}}
html:root[data-tema="oscuro"] body .ped-hoja{background:#0F2A4D;color:#E8F2FB}html:root[data-tema="oscuro"] body .ped-hoja-cab{color:#E8F2FB}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .ped-hoja{background:#0F2A4D;color:#E8F2FB}html:root:not([data-tema="claro"]) body .ped-hoja-cab{color:#E8F2FB}}
.ped-hoja .ped-fecha{display:flex;flex-direction:row;align-items:center;gap:.4rem;border:1.5px solid #9FB4CC;border-radius:14px;background:#fff;padding:0 .6rem;min-height:44px;text-transform:none;letter-spacing:0}
.ped-hoja .ped-fecha input{min-height:40px;width:48px;margin:0;border:0;background:transparent}
.ped-hoja .ped-fecha-txt{flex:1;font-size:.9rem;color:#1F3556;font-weight:600}
.ped-hoja .ped-fecha{flex-direction:row!important;flex-wrap:nowrap!important;white-space:nowrap;font-size:.74rem!important;gap:.35rem!important;overflow:hidden}
.ped-hoja .ped-fecha .ped-fecha-txt{font-size:.82rem!important}
.tf-cli{margin:.15rem 0 .3rem;font-size:.86rem;color:var(--tinta-2)}.tf-cli b{color:var(--gl-navy,#072D59)}
html:root[data-tema="oscuro"] body .tf-cli b{color:#E8F2FB}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .tf-cli b{color:#E8F2FB}}

/* ═════ #189 · estados con icono + color; tablero de Transferencias (En espera | En tránsito | Recibidas) ═════ */
.est{display:inline-flex;align-items:center;gap:.3rem;font-weight:800;font-size:.76rem;border-radius:99px;padding:.15rem .6rem .15rem .45rem;white-space:nowrap;line-height:1.3}
.est svg{width:15px;height:15px;flex:none}
.est.e-ambar{background:#FDE9B8;color:#6B4700}.est.e-azul{background:#DBF2FC;color:#0C3D78}.est.e-petroleo{background:#D2EEF0;color:#0B4F58}.est.e-verde{background:#D7F2E5;color:#0F5C3E}.est.e-rojo{background:#FFD9D0;color:#8A2410}.est.e-gris{background:#E6EEF7;color:#26466F}
.chip svg{width:14px;height:14px;vertical-align:-2px;margin-right:.2rem}
.rh-tag svg{width:13px;height:13px;vertical-align:-2px;margin-right:.2rem}
.tf-tablero{display:grid;gap:.9rem;grid-template-columns:1fr;align-items:start;margin-bottom:1rem}
@media(min-width:1100px) and (orientation:landscape){.tf-tablero{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tf-col{background:#fff;border:1px solid var(--gl-line,#DCE7F2);border-radius:20px;padding:.7rem;margin:0}
.tf-col>h3{display:flex;align-items:center;gap:.5rem;margin:-.1rem -.1rem .6rem;padding:.55rem .7rem;border-radius:14px;font-size:1rem}
.tf-col .tf-col-ic svg{width:20px;height:20px}
.tf-col .tf-n{margin-left:auto;min-width:26px;height:26px;line-height:26px;text-align:center;padding:0 .5rem;border-radius:99px;font-size:.82rem;font-weight:800;background:#fff}
.tf-col.c-ambar>h3{background:#FDE9B8;color:#5A3B00}.tf-col.c-petroleo>h3{background:#D2EEF0;color:#0B4F58}.tf-col.c-verde>h3{background:#D7F2E5;color:#0F5C3E}
.tf-col.c-ambar .tf-n,.tf-col.c-petroleo .tf-n,.tf-col.c-verde .tf-n{color:inherit}
.tf-col .tf-sub{margin:.4rem 0 .3rem;color:var(--tinta-2)}
.tf-card-t .tf-cab{align-items:flex-start;gap:.5rem;flex-wrap:wrap}
.tf-ruta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.95rem}.tf-folio{font-size:1.05rem;color:var(--gl-navy,#072D59)}.tf-flecha{color:var(--tinta-3)}
.tf-col .tf-card-t.entra{border-left:5px solid #E8B53A;background:#FFFBEF}
.tf-col.c-petroleo .tf-card-t.entra{background:#F0FAFB;border-left-color:#2B8A93}
.tf-col.c-verde .tf-card-t{background:#fff}
html:root[data-tema="oscuro"] body .tf-col{background:rgba(143,208,240,.06);border-color:rgba(143,208,240,.25)}
html:root[data-tema="oscuro"] body .tf-col .tf-n{background:rgba(255,255,255,.9);color:#072D59}
html:root[data-tema="oscuro"] body .tf-col.c-ambar>h3{background:#F2C14E;color:#2B1C00}html:root[data-tema="oscuro"] body .tf-col.c-petroleo>h3{background:#2B8A93;color:#fff}html:root[data-tema="oscuro"] body .tf-col.c-verde>h3{background:#1D6A4A;color:#fff}
html:root[data-tema="oscuro"] body .tf-col .tf-card-t.entra{background:rgba(242,193,78,.12)}html:root[data-tema="oscuro"] body .tf-col.c-petroleo .tf-card-t.entra{background:rgba(43,138,147,.18)}
html:root[data-tema="oscuro"] body .tf-folio{color:#E8F2FB}
html:root[data-tema="oscuro"] body .est.e-ambar{background:#F2C14E;color:#2B1C00}html:root[data-tema="oscuro"] body .est.e-azul{background:#2A4468;color:#E8F2FB}html:root[data-tema="oscuro"] body .est.e-petroleo{background:#1F6F78;color:#fff}html:root[data-tema="oscuro"] body .est.e-verde{background:#1D6A4A;color:#fff}html:root[data-tema="oscuro"] body .est.e-rojo{background:#8A2A3C;color:#FFE3E8}html:root[data-tema="oscuro"] body .est.e-gris{background:#2A4468;color:#E8F2FB}
@media(prefers-color-scheme:dark){
html:root:not([data-tema="claro"]) body .tf-col{background:rgba(143,208,240,.06);border-color:rgba(143,208,240,.25)}
html:root:not([data-tema="claro"]) body .tf-col .tf-n{background:rgba(255,255,255,.9);color:#072D59}
html:root:not([data-tema="claro"]) body .tf-col.c-ambar>h3{background:#F2C14E;color:#2B1C00}html:root:not([data-tema="claro"]) body .tf-col.c-petroleo>h3{background:#2B8A93;color:#fff}html:root:not([data-tema="claro"]) body .tf-col.c-verde>h3{background:#1D6A4A;color:#fff}
html:root:not([data-tema="claro"]) body .tf-col .tf-card-t.entra{background:rgba(242,193,78,.12)}html:root:not([data-tema="claro"]) body .tf-col.c-petroleo .tf-card-t.entra{background:rgba(43,138,147,.18)}
html:root:not([data-tema="claro"]) body .tf-folio{color:#E8F2FB}
html:root:not([data-tema="claro"]) body .est.e-ambar{background:#F2C14E;color:#2B1C00}html:root:not([data-tema="claro"]) body .est.e-azul{background:#2A4468;color:#E8F2FB}html:root:not([data-tema="claro"]) body .est.e-petroleo{background:#1F6F78;color:#fff}html:root:not([data-tema="claro"]) body .est.e-verde{background:#1D6A4A;color:#fff}html:root:not([data-tema="claro"]) body .est.e-rojo{background:#8A2A3C;color:#FFE3E8}html:root:not([data-tema="claro"]) body .est.e-gris{background:#2A4468;color:#E8F2FB}
}
html:root[data-tema="claro"] input::placeholder,html:root[data-tema="claro"] textarea::placeholder{color:#5B6F8A;opacity:1}
@media(prefers-color-scheme:light){html:root:not([data-tema="oscuro"]) input::placeholder,html:root:not([data-tema="oscuro"]) textarea::placeholder{color:#5B6F8A;opacity:1}}
html:root[data-tema="oscuro"] input::placeholder,html:root[data-tema="oscuro"] textarea::placeholder{color:#9FB8D6;opacity:1}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) input::placeholder,html:root:not([data-tema="claro"]) textarea::placeholder{color:#9FB8D6;opacity:1}}
html:root[data-tema="claro"] .um-ch{color:#26466F!important;opacity:1!important}@media(prefers-color-scheme:light){html:root:not([data-tema="oscuro"]) .um-ch{color:#26466F!important;opacity:1!important}}
html:root[data-tema="oscuro"] .um-ch{color:#BFE3FA!important;opacity:1!important}@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) .um-ch{color:#BFE3FA!important;opacity:1!important}}
html:root[data-tema="oscuro"] body .tf-col.c-petroleo>h3{background:#1F6F78}html:root[data-tema="oscuro"] body .tf-col>h3 .tf-sub-n{color:inherit;opacity:1}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .tf-col.c-petroleo>h3{background:#1F6F78}html:root:not([data-tema="claro"]) body .tf-col>h3 .tf-sub-n{color:inherit;opacity:1}}
.ph-desc{margin:.6rem 0;padding:.6rem .8rem;border-radius:12px;background:var(--gl-sky,#EEF6FB)}.ph-desc h4{margin:0 0 .2rem}.ph-desc p{margin:0;white-space:pre-wrap}
html:root[data-tema="oscuro"] body .ph-desc{background:rgba(143,208,240,.1);color:#E8F2FB}@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .ph-desc{background:rgba(143,208,240,.1);color:#E8F2FB}}

/* #192 · una línea bajo cada título que explica para qué sirve la pantalla */
.pantalla-sub{margin:.1rem 0 .8rem;font-size:.95rem;line-height:1.35;color:var(--tinta-2,#26466F);max-width:60em}
html:root[data-tema="oscuro"] body .pantalla-sub{color:#C9D9EE}@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .pantalla-sub{color:#C9D9EE}}
/* #192 · textos de ayuda legibles en claro (AA) */
html:root[data-tema="claro"] .pantalla-sub,html:root[data-tema="claro"] p.hint-vacio{color:#26466F}
html:root[data-tema="claro"] .chip.c-ok{color:#0F5C3E}
html:root[data-tema="claro"] .tlb:disabled,html:root[data-tema="claro"] .tlb.n-vacio{opacity:1}html:root[data-tema="claro"] .tlb.n-vacio small,html:root[data-tema="claro"] .tlb.n-vacio b{color:#4A5B72}
@media(prefers-color-scheme:light){html:root:not([data-tema="oscuro"]) .pantalla-sub,html:root:not([data-tema="oscuro"]) p.hint-vacio{color:#26466F}html:root:not([data-tema="oscuro"]) .chip.c-ok{color:#0F5C3E}html:root:not([data-tema="oscuro"]) .tlb:disabled,html:root:not([data-tema="oscuro"]) .tlb.n-vacio{opacity:1}html:root:not([data-tema="oscuro"]) .tlb.n-vacio small,html:root:not([data-tema="oscuro"]) .tlb.n-vacio b{color:#4A5B72}}

/* ═════════ #193 · Ajustes del equipo ═════════ */
.aj-cuerpo{display:grid;gap:1rem;max-width:760px}
.aj-sec h3{margin:0 0 .2rem}
.aj-sub{margin:0 0 .8rem;color:#3F5775;font-size:.92rem;line-height:1.4}
.aj-campo{display:grid;gap:.3rem;margin:.7rem 0}
.aj-campo label,.aj-etq{font-weight:700;color:#072D59}
.aj-campo select,.aj-campo input[type=number],.aj-campo input[type=text]{width:100%;min-height:44px;padding:.5rem .7rem;border:1.5px solid #9FB8D6;border-radius:12px;background:#fff;color:#072D59;font:inherit}
.aj-ayuda{color:#3F5775;font-size:.85rem;line-height:1.35}
.aj-fila{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:.6rem 0;min-height:44px}
.aj-check{justify-content:flex-start;cursor:pointer;font-weight:700;color:#072D59;margin-bottom:.1rem}
.aj-check input{width:24px;height:24px;flex:none}
.aj-info{background:#EAF6FD;border:1px solid #9FB8D6;border-radius:14px;padding:.7rem .9rem;margin:.8rem 0;color:#072D59;font-size:.9rem;line-height:1.45}
.aj-info ul{margin:.4rem 0 .4rem 1.1rem;padding:0}
.aj-apagada{opacity:.85}
.aj-apagada select:disabled,.aj-apagada input:disabled{background:#EEF2F7;color:#4A5F7A}
#bz-ofrece-ticket{position:fixed;left:50%;bottom:1rem;transform:translateX(-50%);z-index:9000;display:flex;align-items:center;gap:.6rem;background:#072D59;color:#fff;border-radius:16px;padding:.6rem .8rem;box-shadow:0 8px 24px rgba(7,45,89,.35);max-width:calc(calc(100*var(--vz,1)*1vw) - 2rem)}
html:root[data-tema="oscuro"] body .aj-sub,html:root[data-tema="oscuro"] body .aj-ayuda{color:#B9CCE3}
html:root[data-tema="oscuro"] body .aj-campo label,html:root[data-tema="oscuro"] body .aj-etq,html:root[data-tema="oscuro"] body .aj-check{color:#F1F7FF}
html:root[data-tema="oscuro"] body .aj-campo select,html:root[data-tema="oscuro"] body .aj-campo input[type=number],html:root[data-tema="oscuro"] body .aj-campo input[type=text]{background:#0B2C52;color:#F1F7FF;border-color:#5F82AB}
html:root[data-tema="oscuro"] body .aj-info{background:#0B2C52;border-color:#3F6591;color:#F1F7FF}
html:root[data-tema="oscuro"] body .aj-apagada select:disabled,html:root[data-tema="oscuro"] body .aj-apagada input:disabled{background:#12355F;color:#B9CCE3}
@media(prefers-color-scheme:dark){
html:root:not([data-tema="claro"]) body .aj-sub,html:root:not([data-tema="claro"]) body .aj-ayuda{color:#B9CCE3}
html:root:not([data-tema="claro"]) body .aj-campo label,html:root:not([data-tema="claro"]) body .aj-etq,html:root:not([data-tema="claro"]) body .aj-check{color:#F1F7FF}
html:root:not([data-tema="claro"]) body .aj-campo select,html:root:not([data-tema="claro"]) body .aj-campo input[type=number],html:root:not([data-tema="claro"]) body .aj-campo input[type=text]{background:#0B2C52;color:#F1F7FF;border-color:#5F82AB}
html:root:not([data-tema="claro"]) body .aj-info{background:#0B2C52;border-color:#3F6591;color:#F1F7FF}
html:root:not([data-tema="claro"]) body .aj-apagada select:disabled,html:root:not([data-tema="claro"]) body .aj-apagada input:disabled{background:#12355F;color:#B9CCE3}
}

/* ═════ #194 · el menú lateral SIEMPRE se puede deslizar hasta la última opción (el menú y sus secciones no cambian) ═════
   Causa: la regla «#main aside nav{flex:0 0 auto!important}» impedía que la lista se encogiera, así que no había scroll y lo de abajo (Ajustes, reloj) quedaba cortado. */
@media(min-width:768px){
  #main aside:not(.login-hero){height:calc(100*var(--vz,1)*1vh);height:calc(100*var(--vz,1)*1dvh);max-height:calc(100*var(--vz,1)*1dvh);overflow:hidden;display:flex;flex-direction:column}
  #main aside nav{flex:0 1 auto!important;min-height:0;overflow-y:auto!important;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin}
  #main aside .aside-foot{flex:none}
  #main aside .logo-img{flex:none}
}
@media(min-width:768px) and (max-width:767px){
  #main aside:not(.login-hero){overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}
  #main aside nav{flex:none!important;overflow:visible!important}
}
/* celular / iPad vertical: la hoja «Más» hace scroll táctil y deja al final espacio para llegar a la última opción */
@media(max-width:767px){
  #main aside.mas-abierto:not(.login-hero){-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding-bottom:calc(1.2rem + env(safe-area-inset-bottom))}
}

/* ═════ #197 · tareas: tira de 15 bloques (7 días antes, hoy, 7 después) ═════ */
.tar-barra{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin:0 0 .5rem}.tar-barra .tar-cuenta{margin:0}
.tar-sem{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:.7rem;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
.tar-sem .tar-dia-c{flex:0 0 min(86%,320px)!important;scroll-snap-align:start}
@media(min-width:700px){.tar-sem .tar-dia-c{flex-basis:240px!important}}
@media(min-width:1100px){.tar-sem{display:flex!important;overflow-x:auto!important;scroll-snap-type:x proximity!important}.tar-sem .tar-dia-c{flex:0 0 calc((100% - 3 * .7rem) / 4)!important;min-width:230px}}
.tar-dia-mes{font-size:.78rem;font-weight:700;color:#3E5578;text-transform:uppercase}
.tar-t.venc{background:#FFF1F3;border-color:#C8234A;color:#7A1230}.tar-t.venc .tar-nom small,.tar-t.venc .tar-est{color:#9B1B3E}
.tar-t.solo[role=button]{cursor:pointer}
html:root[data-tema="oscuro"] body .tar-dia-mes{color:#B9CBE3}
html:root[data-tema="oscuro"] body .tar-t.venc{background:#3A1624;border-color:#FF8FA6;color:#FFD9E0}html:root[data-tema="oscuro"] body .tar-t.venc .tar-nom small,html:root[data-tema="oscuro"] body .tar-t.venc .tar-est{color:#FFB8C6}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .tar-dia-mes{color:#B9CBE3}html:root:not([data-tema="claro"]) body .tar-t.venc{background:#3A1624;border-color:#FF8FA6;color:#FFD9E0}html:root:not([data-tema="claro"]) body .tar-t.venc .tar-nom small,html:root:not([data-tema="claro"]) body .tar-t.venc .tar-est{color:#FFB8C6}}

/* ═════ #206 · selector de impresora (QZ Tray) ═════ */
.aj-estado{margin:.2rem 0 .4rem;padding:.45rem .65rem;border-radius:12px;background:#EAF4FB;border:1px solid #9FB8D6;color:#072D59;font-size:.9rem;line-height:1.35}
.aj-estado.ok{background:#E3F7EE;border-color:#2F9468;color:#0B5E3F}
.aj-estado.mal{background:#FFF1F3;border-color:#C8234A;color:#7A1230}
.aj-botones{flex-wrap:wrap;justify-content:flex-start;gap:.5rem}.aj-botones .btn{text-decoration:none;display:inline-flex;align-items:center}
html:root[data-tema="oscuro"] body .aj-estado{background:#0B2C52;border-color:#3F6591;color:#F1F7FF}
html:root[data-tema="oscuro"] body .aj-estado.ok{background:#16392F;border-color:#2F7D5E;color:#B4EBD0}
html:root[data-tema="oscuro"] body .aj-estado.mal{background:#3A1624;border-color:#FF8FA6;color:#FFD9E0}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .aj-estado{background:#0B2C52;border-color:#3F6591;color:#F1F7FF}html:root:not([data-tema="claro"]) body .aj-estado.ok{background:#16392F;border-color:#2F7D5E;color:#B4EBD0}html:root:not([data-tema="claro"]) body .aj-estado.mal{background:#3A1624;border-color:#FF8FA6;color:#FFD9E0}}

/* ═════ #203 · #204 · #207 · precios que no se tapan, textos legibles en OSCURO, alineaciones ═════ */
/* 203/207.3 · renglón de pieza (variantes) y del carrito: el precio SIEMPRE completo; el botón nunca lo tapa */
html body .pz-fila,html body .cart-fila{grid-template-columns:44px minmax(0,1fr) auto auto!important;column-gap:.55rem}
html body .pz-fila>.precio,html body .cart-fila>.precio{white-space:nowrap;min-width:0!important;padding-left:0!important;margin-left:0!important;text-align:right;overflow:visible}
html body .pz-fila>.btn{white-space:nowrap}
@media(max-width:767px){
  html body .pz-fila,html body .cart-fila{grid-template-columns:44px minmax(0,1fr) auto auto!important;grid-template-areas:"t i i i" "t . p b"!important}
}
/* 207.2 · casillas de Ajustes: a la izquierda, alineadas, con la letra al lado */
html body .aj-check{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;gap:.7rem!important}
html body .aj-check>span{font-weight:600;text-align:left;flex:1 1 auto}
html body .aj-check>input[type=checkbox]{flex:none;width:24px;height:24px;margin:0;accent-color:#0C5BC4}
/* 207.8 · asterisco de obligatorio justo después del texto de la etiqueta */
html body label.req:has(input,select,textarea){display:flex!important;flex-wrap:wrap;align-items:baseline;column-gap:.2rem;position:static}
html body label.req:has(input,select,textarea)::before{content:none!important}
html body label.req:has(input,select,textarea)::after{content:"*"!important;order:1;color:#C9302C;font-weight:800}
html body label.req:has(input,select,textarea)>:is(input,select,textarea){order:2;flex:1 0 100%}
/* 207.12 · descripción del apartado en 2 líneas (completa en el tooltip) */
html body .apc-info small.apc-desc{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* 207.11 · textos de carga */
.cargando-t{margin:.4rem 0;font-size:.9rem;color:#3E5578}
/* 207.4 · puntos de color con contorno visible en cualquier fondo */
.swatch,.var-chip .swatch,.tf-pz .swatch{border:1.5px solid rgba(7,45,89,.55)!important;box-shadow:0 0 0 1px rgba(255,255,255,.55)}
/* 207.7 · el aviso flotante no tapa botones al final de la pantalla */
body:has(#notif-stack .notif) #main>main{padding-bottom:7.5rem}

/* 204 · lectura en oscuro */
html:root[data-tema="oscuro"] body .card h3,html:root[data-tema="oscuro"] body .cart-card-t,html:root[data-tema="oscuro"] body .caja-card h3,html:root[data-tema="oscuro"] body h3.sec-t,html:root[data-tema="oscuro"] body .pad>h3{color:#DBF2FC!important}
html:root[data-tema="oscuro"] body .btn:disabled,html:root[data-tema="oscuro"] body .btn[disabled],html:root[data-tema="oscuro"] body .btn-add:disabled,html:root[data-tema="oscuro"] body .btn.rosa:disabled,html:root[data-tema="oscuro"] body .btn.verde:disabled,html:root[data-tema="oscuro"] body #btn-abrir-cobrar:disabled,html:root[data-tema="oscuro"] body #btn-abrir-apartar:disabled,html:root[data-tema="oscuro"] body #ped-ok:disabled{background:#2A4468!important;color:#E1ECF8!important;border:1px solid #6E8FBA;opacity:1!important;box-shadow:none!important}
html:root[data-tema="oscuro"] body .btn:disabled *,html:root[data-tema="oscuro"] body .btn[disabled] *,html:root[data-tema="oscuro"] body #btn-abrir-cobrar:disabled *,html:root[data-tema="oscuro"] body #btn-abrir-apartar:disabled *{color:#E1ECF8!important}
html:root[data-tema="oscuro"] body input:disabled,html:root[data-tema="oscuro"] body select:disabled,html:root[data-tema="oscuro"] body textarea:disabled{background:#12294A!important;color:#D6E3F3!important;opacity:1!important;border-color:#5679A6!important;-webkit-text-fill-color:#D6E3F3}
html:root[data-tema="oscuro"] body input::placeholder,html:root[data-tema="oscuro"] body textarea::placeholder{color:#A9BFDB!important;opacity:1}
html:root[data-tema="oscuro"] body label,html:root[data-tema="oscuro"] body .campo>label{color:#DCE8F6}
html:root[data-tema="oscuro"] body input[type=checkbox]:disabled,html:root[data-tema="oscuro"] body input[type=radio]:disabled{opacity:1;outline:2px solid #6E8FBA;outline-offset:1px}
html:root[data-tema="oscuro"] body input[type=checkbox],html:root[data-tema="oscuro"] body input[type=radio]{accent-color:#8FD0F0}
html:root[data-tema="oscuro"] body .swatch,html:root[data-tema="oscuro"] body .var-chip .swatch,html:root[data-tema="oscuro"] body .tf-pz .swatch{border:1.5px solid rgba(255,255,255,.9)!important;box-shadow:0 0 0 1px rgba(7,45,89,.7)}
html:root[data-tema="oscuro"] body .badge.warn{background:#4A3600;color:#FFE08A;border:1px solid #B88A12}
html:root[data-tema="oscuro"] body .hint-vacio,html:root[data-tema="oscuro"] body .horas-vacio,html:root[data-tema="oscuro"] body .cargando-t,html:root[data-tema="oscuro"] body .tar-vacio{color:#C5D6EC!important}
html:root[data-tema="oscuro"] body .corte-item small,html:root[data-tema="oscuro"] body .corte-nums span{color:#C5D6EC}
html:root[data-tema="oscuro"] body .tlb.n-vacio,html:root[data-tema="oscuro"] body .tlb:disabled{background:#12294A!important;border:1px dashed #5679A6;opacity:1}html:root[data-tema="oscuro"] body .tlb.n-vacio small,html:root[data-tema="oscuro"] body .tlb.n-vacio b,html:root[data-tema="oscuro"] body .tlb.n-vacio em{color:#C5D6EC!important}
html:root[data-tema="oscuro"] body .cal-ch{filter:saturate(.55) brightness(.9)}
html:root[data-tema="oscuro"] body .aj-check,html:root[data-tema="oscuro"] body .aj-check>span{color:#F1F7FF}
html:root[data-tema="oscuro"] body label.req:has(input,select,textarea)::after{color:#FF8FA6}
html:root[data-tema="oscuro"] body .cart-faltan,html:root[data-tema="oscuro"] body .faltan-linea{color:#E1ECF8}
html:root[data-tema="oscuro"] body .skeleton{background:linear-gradient(90deg,#16304F,#22416A,#16304F)!important;opacity:1}
html:root[data-tema="oscuro"] body .tf-pz.sol-fila small,html:root[data-tema="oscuro"] body .tf-cod{color:#C5D6EC}
html:root[data-tema="oscuro"] body .menu-art-d small{color:#C5D6EC}

@media(prefers-color-scheme:dark){

/* 204 · lectura en oscuro */
html:root:not([data-tema="claro"]) body .card h3,html:root:not([data-tema="claro"]) body .cart-card-t,html:root:not([data-tema="claro"]) body .caja-card h3,html:root:not([data-tema="claro"]) body h3.sec-t,html:root:not([data-tema="claro"]) body .pad>h3{color:#DBF2FC!important}
html:root:not([data-tema="claro"]) body .btn:disabled,html:root:not([data-tema="claro"]) body .btn[disabled],html:root:not([data-tema="claro"]) body .btn-add:disabled,html:root:not([data-tema="claro"]) body .btn.rosa:disabled,html:root:not([data-tema="claro"]) body .btn.verde:disabled,html:root:not([data-tema="claro"]) body #btn-abrir-cobrar:disabled,html:root:not([data-tema="claro"]) body #btn-abrir-apartar:disabled,html:root:not([data-tema="claro"]) body #ped-ok:disabled{background:#2A4468!important;color:#E1ECF8!important;border:1px solid #6E8FBA;opacity:1!important;box-shadow:none!important}
html:root:not([data-tema="claro"]) body .btn:disabled *,html:root:not([data-tema="claro"]) body .btn[disabled] *,html:root:not([data-tema="claro"]) body #btn-abrir-cobrar:disabled *,html:root:not([data-tema="claro"]) body #btn-abrir-apartar:disabled *{color:#E1ECF8!important}
html:root:not([data-tema="claro"]) body input:disabled,html:root:not([data-tema="claro"]) body select:disabled,html:root:not([data-tema="claro"]) body textarea:disabled{background:#12294A!important;color:#D6E3F3!important;opacity:1!important;border-color:#5679A6!important;-webkit-text-fill-color:#D6E3F3}
html:root:not([data-tema="claro"]) body input::placeholder,html:root:not([data-tema="claro"]) body textarea::placeholder{color:#A9BFDB!important;opacity:1}
html:root:not([data-tema="claro"]) body label,html:root:not([data-tema="claro"]) body .campo>label{color:#DCE8F6}
html:root:not([data-tema="claro"]) body input[type=checkbox]:disabled,html:root:not([data-tema="claro"]) body input[type=radio]:disabled{opacity:1;outline:2px solid #6E8FBA;outline-offset:1px}
html:root:not([data-tema="claro"]) body input[type=checkbox],html:root:not([data-tema="claro"]) body input[type=radio]{accent-color:#8FD0F0}
html:root:not([data-tema="claro"]) body .swatch,html:root:not([data-tema="claro"]) body .var-chip .swatch,html:root:not([data-tema="claro"]) body .tf-pz .swatch{border:1.5px solid rgba(255,255,255,.9)!important;box-shadow:0 0 0 1px rgba(7,45,89,.7)}
html:root:not([data-tema="claro"]) body .badge.warn{background:#4A3600;color:#FFE08A;border:1px solid #B88A12}
html:root:not([data-tema="claro"]) body .hint-vacio,html:root:not([data-tema="claro"]) body .horas-vacio,html:root:not([data-tema="claro"]) body .cargando-t,html:root:not([data-tema="claro"]) body .tar-vacio{color:#C5D6EC!important}
html:root:not([data-tema="claro"]) body .corte-item small,html:root:not([data-tema="claro"]) body .corte-nums span{color:#C5D6EC}
html:root:not([data-tema="claro"]) body .tlb.n-vacio,html:root:not([data-tema="claro"]) body .tlb:disabled{background:#12294A!important;border:1px dashed #5679A6;opacity:1}html:root:not([data-tema="claro"]) body .tlb.n-vacio small,html:root:not([data-tema="claro"]) body .tlb.n-vacio b,html:root:not([data-tema="claro"]) body .tlb.n-vacio em{color:#C5D6EC!important}
html:root:not([data-tema="claro"]) body .cal-ch{filter:saturate(.55) brightness(.9)}
html:root:not([data-tema="claro"]) body .aj-check,html:root:not([data-tema="claro"]) body .aj-check>span{color:#F1F7FF}
html:root:not([data-tema="claro"]) body label.req:has(input,select,textarea)::after{color:#FF8FA6}
html:root:not([data-tema="claro"]) body .cart-faltan,html:root:not([data-tema="claro"]) body .faltan-linea{color:#E1ECF8}
html:root:not([data-tema="claro"]) body .skeleton{background:linear-gradient(90deg,#16304F,#22416A,#16304F)!important;opacity:1}
html:root:not([data-tema="claro"]) body .tf-pz.sol-fila small,html:root:not([data-tema="claro"]) body .tf-cod{color:#C5D6EC}
html:root:not([data-tema="claro"]) body .menu-art-d small{color:#C5D6EC}
}
/* 207 · botones deshabilitados legibles también en claro */
html:root:not([data-tema="oscuro"]) body .btn:disabled,html:root:not([data-tema="oscuro"]) body .btn[disabled],html:root:not([data-tema="oscuro"]) body .btn-add:disabled,html:root:not([data-tema="oscuro"]) body #btn-abrir-cobrar:disabled,html:root:not([data-tema="oscuro"]) body #btn-abrir-apartar:disabled,html:root:not([data-tema="oscuro"]) body #ped-ok:disabled{background:#DCE6F1!important;color:#3A5272!important;border:1px solid #9FB8D6;opacity:1!important;box-shadow:none!important}
html:root:not([data-tema="oscuro"]) body .btn:disabled *,html:root:not([data-tema="oscuro"]) body #btn-abrir-cobrar:disabled *,html:root:not([data-tema="oscuro"]) body #btn-abrir-apartar:disabled *{color:#3A5272!important}
@media(prefers-color-scheme:dark){html:root[data-tema="claro"] body .btn:disabled,html:root[data-tema="claro"] body #btn-abrir-cobrar:disabled,html:root[data-tema="claro"] body #btn-abrir-apartar:disabled{background:#DCE6F1!important;color:#3A5272!important;opacity:1!important}}
.caja-principal .caja-btn-prin{align-self:flex-start;flex:none;height:auto;max-height:64px}
/* 207.8 (ajuste): el asterisco va pegado al texto, nunca en otra línea */
html body label.req:has(input,select,textarea){flex-direction:row!important}
html body label.req:not(:has(input,select,textarea)){display:block!important}
html body label.req:not(:has(input,select,textarea))::after{display:inline!important;content:" *"!important;color:#C9302C}
html:root[data-tema="oscuro"] body label.req:not(:has(input,select,textarea))::after{color:#FF8FA6}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body label.req:not(:has(input,select,textarea))::after{color:#FF8FA6}}

/* ═════ #201 · #207.6 · lista «Pedir piezas»: una pieza por renglón, «Uni · ● Dorado» en UNA línea ═════ */
.tc-1{white-space:nowrap;display:inline-flex;align-items:center;gap:.25rem;max-width:100%;overflow:hidden;text-overflow:ellipsis}
html body .ped-fila.ped-1{grid-template-columns:28px 44px minmax(0,1fr) auto auto;gap:.55rem}
html body .ped-fila.ped-1 .ped-th{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;overflow:hidden;background:#EAF4FB}
html body .ped-fila.ped-1 .ped-th img{width:100%;height:100%;object-fit:cover}
html body .ped-fila.ped-1 .ped-nom{font-size:.95rem;line-height:1.2}
html body .ped-fila.ped-1 .ped-det{min-width:0}
html body .ped-fila.ped-1 .ped-suc{font-size:.74rem;font-weight:700;padding:.15rem .5rem;border-radius:99px;background:#EAF4FB;color:#1F3556;white-space:nowrap}
@media(max-width:480px){html body .ped-fila.ped-1{grid-template-columns:28px 44px minmax(0,1fr) auto;grid-template-areas:"c t d p" "c t s s"}html body .ped-fila.ped-1>input{grid-area:c}html body .ped-fila.ped-1 .ped-th{grid-area:t}html body .ped-fila.ped-1 .ped-det{grid-area:d}html body .ped-fila.ped-1 .ped-precio{grid-area:p;grid-row:auto}html body .ped-fila.ped-1 .ped-suc{grid-area:s;grid-column:auto;grid-row:auto;justify-self:start}}
html:root[data-tema="oscuro"] body .ped-fila.ped-1 .ped-suc,html:root[data-tema="oscuro"] body .ped-fila.ped-1 .ped-th{background:#17375F;color:#E6EEF8}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .ped-fila.ped-1 .ped-suc,html:root:not([data-tema="claro"]) body .ped-fila.ped-1 .ped-th{background:#17375F;color:#E6EEF8}}
.sol-para{display:flex;align-items:baseline;gap:.5rem;padding:.55rem .75rem;border-radius:12px;background:#EAF4FB;border:1px solid #9FB8D6;margin:.2rem 0 .6rem;color:#072D59}.sol-para span{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
html:root[data-tema="oscuro"] body .sol-para{background:#0B2C52;border-color:#3F6591;color:#F1F7FF}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .sol-para{background:#0B2C52;border-color:#3F6591;color:#F1F7FF}}

/* ═════ #200 · Transferencias: envío arriba, historial en pestañas, piezas visibles ═════ */
.tf-hist-t{margin:1.1rem 0 .4rem}
.tf-tabs{margin:.2rem 0 .7rem}.tf-tabs .tf-tn{display:inline-block;min-width:22px;padding:0 .35rem;border-radius:99px;font-size:.78rem;font-weight:800;background:rgba(7,45,89,.12);text-align:center}
.tf-tabs button.active .tf-tn{background:rgba(255,255,255,.25)}
html body .tf-tablero.tf-tablero-tabs{display:block}
.tf-pv-box{display:grid;gap:.35rem;margin:.5rem 0}
.tf-pv{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:.55rem;align-items:center;padding:.3rem .4rem;border-radius:12px;background:rgba(7,45,89,.05)}
.tf-pv .thumb{width:40px;height:40px;border-radius:9px;overflow:hidden;display:grid;place-items:center;background:#EAF4FB}.tf-pv .thumb img{width:100%;height:100%;object-fit:cover}
.tf-pv-t{display:flex;flex-direction:column;min-width:0}.tf-pv-t b{font-size:.9rem;line-height:1.2;overflow-wrap:anywhere}.tf-pv-t small{font-size:.76rem;color:#3E5578;display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}
.tf-pv-p{font-variant-numeric:tabular-nums;color:#072D59;white-space:nowrap}
.tf-pv.falta{background:#FFF1F3}
.tf-mas summary{cursor:pointer;font-weight:700;color:#0C3D78;padding:.3rem .2rem;min-height:36px;display:flex;align-items:center}.tf-mas[open]>summary{margin-bottom:.3rem}
html:root[data-tema="oscuro"] body .tf-pv{background:rgba(143,208,240,.08)}html:root[data-tema="oscuro"] body .tf-pv-t small{color:#C5D6EC}html:root[data-tema="oscuro"] body .tf-pv-p{color:#DBF2FC}html:root[data-tema="oscuro"] body .tf-mas summary{color:#8FD0F0}html:root[data-tema="oscuro"] body .tf-pv .thumb{background:#17375F}html:root[data-tema="oscuro"] body .tf-pv.falta{background:#3A1624}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .tf-pv{background:rgba(143,208,240,.08)}html:root:not([data-tema="claro"]) body .tf-pv-t small{color:#C5D6EC}html:root:not([data-tema="claro"]) body .tf-pv-p{color:#DBF2FC}html:root:not([data-tema="claro"]) body .tf-mas summary{color:#8FD0F0}html:root:not([data-tema="claro"]) body .tf-pv .thumb{background:#17375F}html:root:not([data-tema="claro"]) body .tf-pv.falta{background:#3A1624}}

/* ═════ #211 · menú: grupo Inventario (Conteo, Transferencias, Pedir piezas, Insumos) y Caja dentro de Venta ═════ */
@media(min-width:768px){html:not(.nav-plegada) aside nav .nav-ind{padding-left:1.7rem}}
.aj-info h4{margin:.1rem 0 .4rem;font-size:1rem}.aj-info ol{padding-left:1.2rem}.aj-info li{margin:.3rem 0}.aj-info code{font-size:.85em;background:rgba(7,45,89,.1);padding:0 .3rem;border-radius:6px}
.aj-dl{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.aj-dl .btn{text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
html:root[data-tema="oscuro"] body .aj-info code{background:rgba(143,208,240,.18)}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .aj-info code{background:rgba(143,208,240,.18)}}

/* ═════ #211 · BUG Vender: la página NO hace scroll; solo el catálogo y el carrito (cada uno por su lado) y el Total queda fijo abajo ═════ */
@media(min-width:768px){
  #main>main:has(#tab-vender.active){overflow:hidden!important}
  #tab-vender.active{height:var(--vav,calc(calc(100*var(--vz,1)*1dvh) - 82px));min-height:0;display:block}
  #tab-vender .vender-layout{height:100%;align-items:stretch!important;grid-template-rows:minmax(0,1fr)}
  #tab-vender .vender-main{display:flex;flex-direction:column;min-height:0;height:100%}
  #tab-vender .vender-main>*{flex:none}
  #tab-vender .vender-main>#lista-productos,#tab-vender .vender-main>.prod-area{flex:1 1 auto;min-height:0;max-height:none!important;overflow-y:auto;overscroll-behavior:contain}
  #tab-vender .vender-layout .cart-panel{position:relative!important;top:auto!important;height:100%;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain;display:flex;flex-direction:column;padding-bottom:0!important}
  #tab-vender .cart-panel>*{flex:none}
  #tab-vender .cart-panel .cart-card:has(#carrito){flex:1 1 auto;min-height:130px}
  #tab-vender .cart-panel .cart-items{max-height:none!important;overflow-y:auto}
  #tab-vender .cart-total-card{position:sticky;bottom:0;z-index:3;margin-top:auto;background:var(--gl-card,#fff)}
}
@media(max-width:767px){
  body:has(#tab-vender.active):not(.m-cart-open){overflow:hidden!important}
  #main>main:has(#tab-vender.active){overflow:hidden!important}
  #tab-vender.active{height:var(--vav,calc(calc(100*var(--vz,1)*1dvh) - 190px));min-height:0}
  #tab-vender .vender-layout{height:100%;display:block}
  #tab-vender .vender-main{display:flex;flex-direction:column;height:100%;min-height:0}
  #tab-vender .vender-main>*{flex:none}
  #tab-vender .vender-main>#lista-productos,#tab-vender .vender-main>.prod-area{flex:1 1 auto;min-height:0;max-height:none!important;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
}
html:root[data-tema="oscuro"] body #tab-vender .cart-total-card{background:#0F2745}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body #tab-vender .cart-total-card{background:#0F2745}}

/* ═════ #211 · detalle grande de la solicitud de piezas ═════ */
.sol-det-cab{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem;margin:.4rem 0}
.sol-det-cab>div{background:#EAF4FB;border:1px solid #9FB8D6;border-radius:12px;padding:.45rem .65rem;color:#072D59}.sol-det-cab span,.sol-det-nota span{display:block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;opacity:.8}
.sol-det-nota{background:#FFF8E1;border:1px solid #E5C26A;border-radius:12px;padding:.5rem .7rem;margin:.4rem 0;color:#5A3B00}
.sol-det-sub{margin:.5rem 0;font-size:.95rem}
.sol-det-lista{display:grid;gap:.4rem;max-height:calc(46*var(--vz,1)*1vh);overflow-y:auto;overscroll-behavior:contain;margin-bottom:.5rem}
.sol-det-fila{display:grid;grid-template-columns:26px 56px minmax(0,1fr) auto;gap:.6rem;align-items:center;border:1.5px solid #C9D6E4;border-radius:14px;padding:.45rem .55rem;background:#fff}
.sol-det-fila .thumb{width:56px;height:56px;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:#EAF4FB}.sol-det-fila .thumb img{width:100%;height:100%;object-fit:cover}
.sol-det-fila input{width:22px;height:22px}.sol-det-t{display:flex;flex-direction:column;min-width:0}.sol-det-t b{overflow-wrap:anywhere;line-height:1.2}.sol-det-t small{opacity:.8}
.sol-det-p{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap}.sol-det-p i{font-style:normal;font-size:.74rem;color:#0B5E3F;font-weight:700}.sol-det-p em{font-style:normal;font-size:.74rem;color:#9B1B3E;font-weight:800}
.sol-det-fila.falta{background:#FFF1F3;border-color:#C8234A}
@media(max-width:480px){.sol-det-fila{grid-template-columns:24px 46px minmax(0,1fr)}.sol-det-fila .thumb{width:46px;height:46px}.sol-det-p{grid-column:3;align-items:flex-start}}
html:root[data-tema="oscuro"] body .sol-det-cab>div{background:#0B2C52;border-color:#3F6591;color:#F1F7FF}
html:root[data-tema="oscuro"] body .sol-det-nota{background:#3A2E08;border-color:#B88A12;color:#FFE08A}
html:root[data-tema="oscuro"] body .sol-det-fila{background:#0F2745;border-color:#4A6C99;color:#E6EEF8}html:root[data-tema="oscuro"] body .sol-det-fila.falta{background:#3A1624;border-color:#FF8FA6}
html:root[data-tema="oscuro"] body .sol-det-fila .thumb{background:#17375F}html:root[data-tema="oscuro"] body .sol-det-p i{color:#B4EBD0}html:root[data-tema="oscuro"] body .sol-det-p em{color:#FFB8C6}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .sol-det-cab>div{background:#0B2C52;border-color:#3F6591;color:#F1F7FF}html:root:not([data-tema="claro"]) body .sol-det-nota{background:#3A2E08;border-color:#B88A12;color:#FFE08A}html:root:not([data-tema="claro"]) body .sol-det-fila{background:#0F2745;border-color:#4A6C99;color:#E6EEF8}html:root:not([data-tema="claro"]) body .sol-det-fila.falta{background:#3A1624;border-color:#FF8FA6}html:root:not([data-tema="claro"]) body .sol-det-fila .thumb{background:#17375F}html:root:not([data-tema="claro"]) body .sol-det-p i{color:#B4EBD0}html:root:not([data-tema="claro"]) body .sol-det-p em{color:#FFB8C6}}
@media(max-width:767px){html:has(#tab-vender.active){overflow:hidden}}

/* ═════ #211 (tanda 2) · X de búsqueda, filas alineadas, panel Carrito, Cobrar compacto con la bolsa al lado, barra lateral colapsada como la del admin ═════ */
/* 8:44 · X para limpiar en TODOS los buscadores (un solo estilo) */
.bx-wrap{position:relative;display:block;min-width:0}.bx-wrap>input{width:100%;padding-right:46px!important}
.search-wrap{position:relative}.search-wrap>input{padding-right:46px!important}
.bx-x{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:30px;height:30px;min-height:0;padding:0;border-radius:50%;border:0;background:#072D59;color:#fff;display:none;place-items:center;cursor:pointer;line-height:1;z-index:2}
.bx-x.on{display:grid}.bx-x svg{width:14px;height:14px;stroke:currentColor;stroke-width:3;fill:none;stroke-linecap:round}
.bx-x::after{content:"";position:absolute;inset:-8px}
.bx-x:hover{background:#C8234A}.bx-x:focus-visible{outline:3px solid #FD6E88;outline-offset:2px}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
html:root[data-tema="oscuro"] body .bx-x{background:#DBF2FC;color:#072D59}html:root[data-tema="oscuro"] body .bx-x:hover{background:#FFB8C6}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .bx-x{background:#DBF2FC;color:#072D59}html:root:not([data-tema="claro"]) body .bx-x:hover{background:#FFB8C6}}
/* 8:46–8:47 · resultados de clienta: nombre con elipsis y botones en columna fija a la derecha; lápiz chico */
html body .cli-op{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;gap:.4rem;align-items:center}
html body .cli-op>div:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .cli-op>div:first-child small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .cli-op .cli-lapiz{min-width:32px!important;min-height:32px!important;width:32px;height:32px;padding:0!important;border-radius:10px;justify-self:end}
html body .cli-op .cli-lapiz svg{width:16px;height:16px}
html body .cli-op .btn.verde{min-width:36px;min-height:36px;padding:0 .5rem;justify-self:end}
/* 8:47 · filas del carrito: foto | nombre | precio | acciones, todo centrado verticalmente y alineado a la derecha */
html body .cart-panel .cart-fila{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto auto!important;grid-template-areas:"th nm pr ac"!important;align-items:center!important;column-gap:.55rem}
html body .cart-panel .cart-fila .precio{grid-area:pr;text-align:right;white-space:nowrap;min-width:64px;padding:0;margin:0;align-self:center}
html body .cart-panel .cart-fila .acc{grid-area:ac;display:flex;align-items:center;justify-content:flex-end;gap:.3rem;align-self:center;min-width:40px}
/* 8:45 · panel Carrito: tres tarjetas del mismo ancho, pestaña activa clara */
html body .cart-panel{box-sizing:border-box;transform:none!important}
html body .cart-panel .cart-card{box-sizing:border-box;width:100%;margin:0!important;padding:.8rem .9rem}
html body .cart-panel .cart-head{margin:0 0 .1rem}
html body .carrito-tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin:0}
html body .carrito-tab{min-height:38px;padding:.3rem .8rem;font-weight:700}
html body .carrito-tab.active{background:#FD6E88!important;color:#072D59!important;border:2px solid #072D59!important;font-weight:800;box-shadow:0 4px 12px -4px rgba(253,110,136,.8)}
html body .carrito-tab.active .n{background:#072D59;color:#fff}
html:root[data-tema="oscuro"] body .carrito-tab.active{background:#FFB8C6!important;color:#031A33!important;border-color:#DBF2FC!important}html:root[data-tema="oscuro"] body .carrito-tab.active .n{background:#031A33;color:#fff}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .carrito-tab.active{background:#FFB8C6!important;color:#031A33!important;border-color:#DBF2FC!important}html:root:not([data-tema="claro"]) body .carrito-tab.active .n{background:#031A33;color:#fff}}
html body .cart-total-card .faltan-linea{margin-top:.4rem;padding:.5rem .7rem;line-height:1.3}
html body .cart-total-card .cart-actions .acciones{gap:.5rem}
html body #btn-abrir-cobrar,html body #btn-abrir-apartar{min-height:46px;padding:.55rem .8rem}
/* 8:49 · Cobrar compacto y la bolsa de empaque al lado, en la misma fila */
html body .cobro-accion-fila{display:flex;align-items:flex-end;gap:.7rem;flex-wrap:nowrap}
html body .cobro-accion-fila .bolsa-inline{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.2rem;margin:0}
html body .cobro-accion-fila .bolsa-inline.oculto{display:none}
html body .cobro-accion-fila .bolsa-inline span{font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;opacity:.85}
html body .cobro-accion-fila .bolsa-inline select{width:100%;min-height:44px}
html body .cobro-accion-fila .acciones{flex:0 0 auto;display:flex;gap:.5rem;margin:0}
html body .cobro-final #btn-cobrar,html body .cobro-final #btn-apartar{flex:0 0 auto!important;min-width:150px;min-height:48px;padding:.6rem 1.3rem;font-size:1rem;border-radius:14px}
@media(max-width:480px){html body .cobro-final #btn-cobrar,html body .cobro-final #btn-apartar{min-width:128px;padding:.6rem .9rem}}
/* 8:45 · barra lateral COLAPSADA como la del admin: cápsula flotante, logo en cuadrito, iconos redondos centrados, activo coral con aro, sin rayitas, sin barra de scroll */
@media(min-width:768px){
  #main:not(.nav-plegada) aside nav .nav-ind{padding-left:1.7rem}
  #main.active.nav-plegada{grid-template-columns:96px minmax(0,1fr)}
  #main.nav-plegada aside:not(.login-hero){position:fixed!important;left:14px;top:14px;bottom:auto;height:auto!important;max-height:calc(calc(100*var(--vz,1)*1dvh) - 28px)!important;width:64px;padding:.8rem 0!important;border-radius:32px!important;overflow:hidden!important;display:flex;flex-direction:column;align-items:center;gap:.3rem;z-index:30;background:linear-gradient(185deg,#0E4A90 0%,#072D59 70%);box-shadow:0 18px 36px -18px rgba(7,45,89,.6),inset 0 1px 0 rgba(255,255,255,.12)}
  #main.nav-plegada aside:not(.login-hero)::before{content:"";flex:none;width:42px;height:42px;border-radius:15px;background:rgba(255,255,255,.1) url("../shared/marca/icono-flor-claro.svg") center/24px no-repeat;border:1px solid rgba(255,255,255,.16);margin-bottom:.4rem}
  #main.nav-plegada aside .nav-toggle{flex:none;align-self:center;margin:0 0 .3rem;width:44px;height:30px;border-radius:15px;background:rgba(255,255,255,.12);display:grid;place-items:center}
  #main.nav-plegada aside nav{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:100%;flex:0 1 auto!important;min-height:0;overflow-y:auto!important;overflow-x:hidden;scrollbar-width:none;padding:.15rem 0}
  #main.nav-plegada aside nav::-webkit-scrollbar{display:none;width:0}
  #main.nav-plegada aside nav .nav-seccion{display:block!important;font-size:0!important;height:0!important;padding:0!important;margin:.3rem 0!important;background:none!important;border:0}
  #main.nav-plegada aside nav .nav-item{position:relative;width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center;flex:none;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);box-shadow:none}
  #main.nav-plegada aside nav .nav-item:hover{background:rgba(255,255,255,.18)}
  #main.nav-plegada aside nav .nav-item.active{background:linear-gradient(180deg,#FF9DB0,#FD6E88)!important;border-color:transparent;box-shadow:0 10px 20px -6px rgba(253,110,136,.75),0 0 0 3px rgba(255,255,255,.3),inset 0 1px 0 rgba(255,255,255,.55)!important}
  #main.nav-plegada aside nav .nav-item .bz-ic{width:22px;height:22px;margin:0}
  #main.nav-plegada aside nav .nav-item .txt{display:none!important}
  #main.nav-plegada aside nav .nav-item .dot:not(.oculto){position:absolute!important;top:-4px!important;right:-4px!important;left:auto!important;margin:0;min-width:18px;height:18px;line-height:18px;font-size:11px;padding:0 4px;box-shadow:0 0 0 2px #072D59}
  #main.nav-plegada aside nav .nav-mas,#main.nav-plegada aside nav .nav-cerrar{display:none!important}
  #main.nav-plegada aside .aside-foot,#main.nav-plegada aside .logo-img{display:none!important}
}

/* ═════ #211 · tarjeta de Apartados: la clienta primero, grande y con su emoji; el número del apartado va chico ═════ */
html body .apc-info .apc-nom{font-size:1.12rem;font-weight:800;line-height:1.2;color:#072D59;overflow-wrap:anywhere}
html body .apc-info .apc-num{display:block;font-size:.76rem;font-weight:700;color:#3E5578;margin-top:.1rem;white-space:normal}
html body .cli-emo{font-size:1.15em}
html:root[data-tema="oscuro"] body .apc-info .apc-nom{color:#F1F7FF}html:root[data-tema="oscuro"] body .apc-info .apc-num{color:#B9CBE3}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .apc-info .apc-nom{color:#F1F7FF}html:root:not([data-tema="claro"]) body .apc-info .apc-num{color:#B9CBE3}}

/* ═════ #211 · Ajustes › Impresión: caja «Estado», secciones por modo, vista previa ═════ */
.aj-est{display:grid;gap:.35rem;margin:.2rem 0 .5rem}
.aj-est-f{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,1.6fr) auto;gap:.6rem;align-items:center;padding:.5rem .7rem;border-radius:12px;background:#EAF4FB;border:1px solid #9FB8D6;color:#072D59}
.aj-est-e{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.aj-est-v{font-weight:700;overflow-wrap:anywhere}
.aj-est-v.ok::before{content:"● ";color:#0B7A55}.aj-est-v.mal::before{content:"● ";color:#C8234A}
.aj-fs{border:0;margin:0;padding:0;min-width:0}.aj-off .aj-fs{opacity:.55}.aj-off h3{opacity:.75}
@media(max-width:560px){.aj-est-f{grid-template-columns:1fr auto}.aj-est-e{grid-column:1/-1}.aj-est-v{grid-column:1}}
.aj-prev-box{background:#E9EDF3;border-radius:14px;padding:.8rem;display:flex;justify-content:center;max-height:calc(62*var(--vz,1)*1vh);overflow:auto}
.aj-prev-box iframe{background:#fff;border:0;box-shadow:0 4px 16px rgba(7,45,89,.25);max-width:100%;min-height:300px}
html:root[data-tema="oscuro"] body .aj-est-f{background:#0B2C52;border-color:#3F6591;color:#F1F7FF}html:root[data-tema="oscuro"] body .aj-est-v.ok::before{color:#6EE7B7}html:root[data-tema="oscuro"] body .aj-est-v.mal::before{color:#FF8FA6}
html:root[data-tema="oscuro"] body .aj-prev-box{background:#12294A}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .aj-est-f{background:#0B2C52;border-color:#3F6591;color:#F1F7FF}html:root:not([data-tema="claro"]) body .aj-est-v.ok::before{color:#6EE7B7}html:root:not([data-tema="claro"]) body .aj-est-v.mal::before{color:#FF8FA6}html:root:not([data-tema="claro"]) body .aj-prev-box{background:#12294A}}
/* panel Carrito: lo de arriba (clienta, productos) hace scroll; el Total con Cobrar/Apartar queda SIEMPRE fijo abajo */
.cart-scroll{display:contents}
@media(min-width:768px){
  #tab-vender .vender-layout .cart-panel{overflow:hidden!important}
  #tab-vender .cart-scroll{display:flex;flex-direction:column;gap:.9rem;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:.4rem}
  #tab-vender .cart-scroll>*{flex:none}
  #tab-vender .cart-scroll .cart-card:has(#carrito){flex:1 0 auto}
  #tab-vender .cart-total-card{position:static!important;flex:none;margin-top:0}
  #main.active.nav-plegada>main{grid-column:2}
}
html body .cli-op .btn.verde svg,html body .cli-op .btn.verde .bz-ic{color:#fff!important;stroke:#fff!important;width:18px;height:18px}

/* ═════ #213 · «Venta lista» (mismo popup) · #212 · transferencia: botón principal y WhatsApp con los datos ═════ */
.cobro-listo{padding:.4rem .2rem 1rem;display:flex;flex-direction:column;gap:.7rem}
.cobro-listo h3{font-size:1.5rem;margin:.2rem 0 0;color:#0B5E3F}
.cl-sub{margin:0;color:#3E5578}
.cl-nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.5rem}
.cl-nums>div{background:#EAF4FB;border:1px solid #9FB8D6;border-radius:14px;padding:.55rem .7rem;color:#072D59}.cl-nums span{display:block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.cl-nums b{font-size:1.25rem}
.cl-cambio{background:#FFF1B8;border:2px solid #E5A800;border-radius:16px;padding:.7rem .9rem;display:flex;justify-content:space-between;align-items:center;color:#5A3B00}.cl-cambio span{font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:.85rem}.cl-cambio b{font-size:1.9rem}
.cl-pide{margin:.2rem 0 0;font-weight:800}
.cl-acc{display:grid;gap:.5rem}.cl-acc .btn{min-height:52px;width:100%}
.cl-hecho{display:grid;gap:.5rem;margin-top:.2rem}.cl-ok{margin:0;font-weight:800;color:#0B5E3F}
.cl-conf{border:2px solid #C8234A;border-radius:16px;padding:.8rem;background:#FFF1F3;color:#7A1230}
html body .cobro-final .tf-pend-btn{background:#E5A800!important;background-image:none!important;color:#2B1B00!important;border-color:#8A6500}
html body .cobro-final .tf-pend-btn *{color:#2B1B00!important}
.cobro-tf-wa{margin:0 0 .5rem}.cobro-tf-wa .btn{width:100%;min-height:44px}
html:root[data-tema="oscuro"] body .cobro-listo h3,html:root[data-tema="oscuro"] body .cl-ok{color:#8FE5BF}html:root[data-tema="oscuro"] body .cl-sub{color:#C5D6EC}
html:root[data-tema="oscuro"] body .cl-nums>div{background:#0B2C52;border-color:#3F6591;color:#F1F7FF}
html:root[data-tema="oscuro"] body .cl-cambio{background:#4A3600;border-color:#E5A800;color:#FFE08A}
html:root[data-tema="oscuro"] body .cl-conf{background:#3A1624;border-color:#FF8FA6;color:#FFD9E0}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .cobro-listo h3,html:root:not([data-tema="claro"]) body .cl-ok{color:#8FE5BF}html:root:not([data-tema="claro"]) body .cl-sub{color:#C5D6EC}html:root:not([data-tema="claro"]) body .cl-nums>div{background:#0B2C52;border-color:#3F6591;color:#F1F7FF}html:root:not([data-tema="claro"]) body .cl-cambio{background:#4A3600;border-color:#E5A800;color:#FFE08A}html:root:not([data-tema="claro"]) body .cl-conf{background:#3A1624;border-color:#FF8FA6;color:#FFD9E0}}

/* ═════ #218 · botones de borrar (todos iguales): contorno rojo + icono/texto rojo, sin bloque sólido ═════ */
html body .btn-del,html body button.btn-del{background:transparent!important;background-image:none!important;border:1.5px solid #C8234A!important;color:#C8234A!important;box-shadow:none!important;text-shadow:none!important}
html body .btn-del *{color:#C8234A!important;stroke:#C8234A!important}
html body .btn-del:hover:not(:disabled){background:rgba(200,35,74,.1)!important}
html body .btn-del:focus-visible{outline:3px solid rgba(200,35,74,.45);outline-offset:2px}
html:root[data-tema="oscuro"] body .btn-del{border-color:#FF8FA6!important;color:#FF8FA6!important}html:root[data-tema="oscuro"] body .btn-del *{color:#FF8FA6!important;stroke:#FF8FA6!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .btn-del{border-color:#FF8FA6!important;color:#FF8FA6!important}html:root:not([data-tema="claro"]) body .btn-del *{color:#FF8FA6!important;stroke:#FF8FA6!important}}
/* #219 · etiqueta cuando no hay WhatsApp */
.wa-no{display:inline-block;color:#5B6F8A;font-size:.78rem;font-weight:700;background:rgba(91,111,138,.12);border-radius:999px;padding:.15rem .6rem;white-space:nowrap}
html:root[data-tema="oscuro"] body .wa-no{color:#C5D6EC;background:rgba(197,214,236,.12)}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .wa-no{color:#C5D6EC;background:rgba(197,214,236,.12)}}
.ped-av{display:block;font-weight:800}.ped-av.pend{color:#9A5B00}.ped-av.ok{color:#0B7A55}
html:root[data-tema="oscuro"] body .ped-av.pend{color:#FFD27A}html:root[data-tema="oscuro"] body .ped-av.ok{color:#8FE5BF}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .ped-av.pend{color:#FFD27A}html:root:not([data-tema="claro"]) body .ped-av.ok{color:#8FE5BF}}

/* ═════ #224 · colores fijos: VENTAS = cian · APARTADOS (y sus abonos) = verde lima (ámbar queda solo para avisos) ═════ */
:root{--c-venta:#0BB4D6;--c-venta-bg:#D3F4FA;--c-venta-ink:#044B5C;--c-apartado:#9CCB12;--c-apartado-bg:#EAF7B5;--c-apartado-ink:#3A4F00}
html:root[data-tema="oscuro"]{--c-venta:#33D6F5;--c-venta-bg:rgba(51,214,245,.18);--c-venta-ink:#8BEFFF;--c-apartado:#C2EA2B;--c-apartado-bg:rgba(194,234,43,.17);--c-apartado-ink:#DCF86E}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]){--c-venta:#33D6F5;--c-venta-bg:rgba(51,214,245,.18);--c-venta-ink:#8BEFFF;--c-apartado:#C2EA2B;--c-apartado-bg:rgba(194,234,43,.17);--c-apartado-ink:#DCF86E}}
html body .stat-card.c-venta{background:var(--c-venta-bg)!important;border:0;border-left:7px solid var(--c-venta)!important;color:var(--c-venta-ink)}html body .stat-card.c-venta *{color:var(--c-venta-ink)!important}
html body .stat-card.c-apartado{background:var(--c-apartado-bg)!important;border:0;border-left:7px solid var(--c-apartado)!important;color:var(--c-apartado-ink)}html body .stat-card.c-apartado *{color:var(--c-apartado-ink)!important}
html body .item.c-venta,html body .rh-fila.c-venta{border-left:6px solid var(--c-venta)!important;background-image:linear-gradient(90deg,var(--c-venta-bg),transparent 30%)}
html body .item.c-apartado,html body .rh-fila.c-apartado{border-left:6px solid var(--c-apartado)!important;background-image:linear-gradient(90deg,var(--c-apartado-bg),transparent 30%)}
html body .rh-tag.t-venta{background:var(--c-venta-bg);color:var(--c-venta-ink);border:1px solid var(--c-venta)}
html body .rh-tag.t-apart,html body .rh-tag.t-abono,html body .rh-tag.t-liq{background:var(--c-apartado-bg);color:var(--c-apartado-ink);border:1px solid var(--c-apartado)}

/* 1.83.0 · #221–#226 · Inicio con atajos + tarjetas, pestañas de Pedidos, Por avisar, Gastos, barra lateral que se despliega al pasar el mouse */
html body .inicio-atajos{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:.7rem;margin:.2rem 0 1rem}
html body .inicio-atajos .in-btn{min-height:96px;padding:.6rem .4rem;gap:.35rem}
html body .inicio-atajos .in-btn b{font-size:.9rem}
html body .inicio-atajos .in-per{opacity:.75;border-style:dashed}
html body .inicio-atajos .in-n{position:absolute;top:6px;right:8px;min-width:22px;height:22px;line-height:22px;border-radius:11px;background:#FD6E88;color:#fff;font-style:normal;font-size:.78rem;font-weight:800;text-align:center;padding:0 5px}
html body .inicio-t{margin:.4rem 0 .6rem;font-size:1.05rem}
html body .inicio-tarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem;padding-bottom:5.5rem}
html body .in-card{display:flex;gap:.8rem;align-items:flex-start;text-align:left;padding:.85rem .95rem;border-radius:18px;border:1.5px solid var(--gl-line,#DCE7F2);background:#fff;color:var(--gl-navy,#072D59);font:inherit;cursor:pointer;box-shadow:0 10px 22px -16px rgba(7,45,89,.45)}
html body .in-card .ic-ic{font-size:1.6rem;line-height:1;flex:none}
html body .in-card .ic-tx{display:flex;flex-direction:column;gap:.1rem;min-width:0}
html body .in-card .ic-tx>b{font-size:1rem}
html body .in-card small{font-size:.86rem;opacity:.9}
html body .in-card.c-rosa{border-left:6px solid #FD6E88}html body .in-card.c-verde{border-left:6px solid #7AC943}html body .in-card.c-azul{border-left:6px solid #3AA0E0}html body .in-card.c-naranja{border-left:6px solid #F5A524}
html:root[data-tema="oscuro"] body .in-card{background:rgba(143,208,240,.1);color:#E8F2FB;border-color:rgba(143,208,240,.3)}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .in-card{background:rgba(143,208,240,.1);color:#E8F2FB;border-color:rgba(143,208,240,.3)}}
html body .pp-lista{display:flex;flex-direction:column;gap:.3rem;margin:.3rem 0 .8rem}
html body .pp-fila{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .5rem;border:1px solid var(--gl-line,#DCE7F2);border-radius:12px}
html body .pp-fila label{display:flex;align-items:center;gap:.5rem;flex:1;min-height:40px}
html body .pp-mv{display:flex;gap:.3rem}
html body .ped-tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin:.2rem 0 .7rem}
html body .ped-tabs button{flex:1 1 140px;min-height:46px;border-radius:14px;border:1.5px solid var(--gl-line,#DCE7F2);background:#fff;color:inherit;font:inherit;font-weight:700;cursor:pointer;padding:.4rem .6rem}
html body .ped-tabs button.active{background:#072D59;color:#fff;border-color:#072D59}
html body .ped-tab-av{background:#FD6E88;color:#fff;border-radius:10px;padding:0 .4rem;margin-left:.3rem;font-size:.78rem}
html body .ct-uno{grid-template-columns:1fr!important}
html body .g-formas{display:flex;gap:.5rem;flex-wrap:wrap}
html:root[data-tema="oscuro"] body .ped-tabs button{background:rgba(143,208,240,.1);border-color:rgba(143,208,240,.3)}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .ped-tabs button{background:rgba(143,208,240,.1);border-color:rgba(143,208,240,.3)}}
@media(min-width:768px){
  /* la cápsula se despliega ENCIMA del contenido (la columna sigue en 96px: nada se mueve) */
  #main.nav-plegada.nav-hover aside:not(.login-hero){width:250px;border-radius:26px!important;align-items:stretch;padding:.8rem .6rem!important;z-index:60;transition:width .15s ease;max-height:calc(calc(100*var(--vz,1)*1dvh) - 28px)!important}
  #main.nav-plegada.nav-hover aside nav{align-items:stretch}
  #main.nav-plegada.nav-hover aside nav .nav-item{width:100%!important;height:auto!important;min-height:44px!important;border-radius:14px!important;display:flex!important;align-items:center;gap:.6rem;padding:.4rem .7rem!important;place-items:unset}
  #main.nav-plegada.nav-hover aside nav .nav-item .txt{display:block!important}
  #main.nav-plegada.nav-hover aside nav .nav-seccion{font-size:.72rem!important;height:auto!important;margin:.5rem .4rem .2rem!important;color:rgba(255,255,255,.7)}
  #main.nav-plegada.nav-hover aside nav .nav-item .dot:not(.oculto){position:static!important;margin-left:auto}
}

/* #226 · Inicio también en pantalla grande (atajos + tarjetas) */
@media(min-width:768px){html body aside .nav-inicio{display:flex}}
#main.nav-plegada.nav-hover aside nav .nav-item{justify-content:flex-start!important}
#main.nav-plegada.nav-hover aside nav .nav-item .txt{line-height:1.15}

@media(min-width:768px){
  html body .inicio-atajos .in-btn{flex-direction:column;justify-content:center;gap:.4rem;min-height:104px}
  html body .inicio-atajos .in-btn .in-ic{width:40px;height:40px}.inicio-atajos .in-btn .bz-ic{width:34px!important;height:34px!important}
}

html body .tf-card-t.resalta{box-shadow:0 0 0 3px #FD6E88,0 10px 24px -10px rgba(253,110,136,.6);transition:box-shadow .3s}

/* 1.84.0 · #236 Cobrar automático: resumen a la izquierda, captura a la derecha, un solo botón principal */
html body .cobro-total .cobro-pag{align-items:flex-end;background:rgba(255,255,255,.1);border-radius:12px;padding:.3rem .7rem}
html body .cobro-total .cobro-pag strong{font-size:1.45rem}
html body .cobro-izq #pagos-lista{margin-top:.5rem}
html body .cobro-izq #pagos-resumen{margin-top:.4rem;padding:.55rem .7rem;border:1.5px solid var(--gl-line,#DCE7F2);border-radius:14px;background:rgba(7,45,89,.03)}
html body .metodo{position:relative}
html body .metodo .m-bd{display:block;min-height:1.1em;margin-top:.1rem;font-size:.78rem;font-weight:800;color:#0B7A4B}
html body .metodo .m-bd.pend{color:#8A6500}
html body .metodo.con-monto{border-color:#0B7A4B}
html body .cobro-otros{padding:.5rem .7rem;border-radius:12px;background:rgba(7,45,89,.06);font-size:.88rem}
html body .cobro-resumen-final{padding:.5rem .8rem;margin:0 0 .5rem;border-radius:12px;background:rgba(11,122,75,.1);font-size:.92rem}
html body .cobro-resumen-final .rf-falta{color:#8A3B00;font-weight:800}
html body .ef-nota{font-size:.8rem;opacity:.75;padding:.1rem .2rem}
html body .cobro-final #btn-cobrar:disabled,html body .cobro-final #btn-apartar:disabled{background:#C9D3DD!important;background-image:none!important;color:#5B6B7B!important;border-color:#B5C2CE!important;box-shadow:none!important;opacity:1;cursor:not-allowed}
html:root[data-tema="oscuro"] body .cobro-final #btn-cobrar:disabled,html:root[data-tema="oscuro"] body .cobro-final #btn-apartar:disabled{background:#2B3B4D!important;color:#8FA3B8!important;border-color:#3B4D61!important}
html:root[data-tema="oscuro"] body .metodo .m-bd{color:#7BE3B0}html:root[data-tema="oscuro"] body .metodo .m-bd.pend{color:#F5C94A}
html:root[data-tema="oscuro"] body .cobro-resumen-final{background:rgba(123,227,176,.12)}html:root[data-tema="oscuro"] body .cobro-otros{background:rgba(143,208,240,.1)}
html:root[data-tema="oscuro"] body .cobro-izq #pagos-resumen{background:rgba(143,208,240,.06);border-color:rgba(143,208,240,.3)}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .cobro-final #btn-cobrar:disabled,html:root:not([data-tema="claro"]) body .cobro-final #btn-apartar:disabled{background:#2B3B4D!important;color:#8FA3B8!important;border-color:#3B4D61!important}html:root:not([data-tema="claro"]) body .metodo .m-bd{color:#7BE3B0}html:root:not([data-tema="claro"]) body .cobro-resumen-final{background:rgba(123,227,176,.12)}html:root:not([data-tema="claro"]) body .cobro-otros{background:rgba(143,208,240,.1)}html:root:not([data-tema="claro"]) body .cobro-izq #pagos-resumen{background:rgba(143,208,240,.06);border-color:rgba(143,208,240,.3)}}
@media(max-width:767px){html body .cobro-cols{display:flex;flex-direction:column}html body .cobro-izq{display:contents}html body .cobro-izq>#metodo-titulo{order:1}html body .cobro-izq>#metodos-pago{order:2}html body .cobro-der{order:3}html body .cobro-izq>#pagos-lista{order:4}html body .cobro-izq>#pagos-resumen{order:5}}

/* #231 · «Cómo hacer» arriba a la derecha, junto a la campana */
html body .um-ayuda{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.9rem;font-weight:700;min-height:44px}
html body .um-ayuda .um-ay-t{font-size:.85rem}
@media(max-width:767px){html body .um-ayuda .um-ay-t{display:none}html body .um-ayuda{min-width:44px;justify-content:center;padding:.3rem .6rem}}

/* #233 · saldo a favor en Clientas */
html body .saldo-tag{display:inline-block;margin-left:.35rem;padding:.05rem .5rem;border-radius:99px;background:#FFE9A8;color:#5A3A00;font-weight:800;font-size:.82rem;white-space:nowrap}
html body .saldo-aviso{margin:.3rem 0 .6rem;padding:.55rem .8rem;border-radius:12px;background:#FFF1C2;color:#5A3A00;border:1px solid #E5C65A}
html:root[data-tema="oscuro"] body .saldo-tag{background:#5A4300;color:#FFE9A8}html:root[data-tema="oscuro"] body .saldo-aviso{background:#4A3900;color:#FFE9A8;border-color:#8A6A00}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .saldo-tag{background:#5A4300;color:#FFE9A8}html:root:not([data-tema="claro"]) body .saldo-aviso{background:#4A3900;color:#FFE9A8;border-color:#8A6A00}}

html body .c-saldo>div:first-child{min-width:0;flex:1;white-space:normal}
html body .c-saldo{flex-wrap:wrap}

/* #239 · un solo estilo: X de limpiar = círculo relleno (sin anillo rojo), «quitar» de clienta y del carrito = botón redondeado rojo del mismo tamaño que el lápiz */
html body .bx-x.btn-del{background:#072D59!important;color:#fff!important;border:0!important}
html:root[data-tema="oscuro"] body .bx-x.btn-del{background:#DBF2FC!important;color:#072D59!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .bx-x.btn-del{background:#DBF2FC!important;color:#072D59!important}}
html body .cli-sel-acc{gap:.4rem;align-items:center}
html body .cli-sel-acc .cli-quitar{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:12px;cursor:pointer;font-size:0}
html body .cli-sel-acc .cli-lapiz{width:44px;height:44px}
html body .item .acc .btn-del,html body .cart-item .acc .btn-del{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:12px}
html body .item .acc .btn-del .bz-ic{width:20px;height:20px}

/* #236 · Apartar con el mismo diseño de Cobrar (monto y billetes en una sola columna, sin bloques de colores) + #240 extras */
html body .modo-apartado #monto-bloque{border:0!important;background:transparent!important;padding:0!important;margin:0 0 .3rem!important}
html body .modo-apartado #monto-bloque #monto-pago{font-size:1.5rem;font-weight:800;text-align:center;padding:.5rem .8rem}
html body .modo-apartado .cobro-der{display:flex;flex-direction:column}
html body .modo-apartado .cobro-der #monto-bloque{order:-1}
html body .ap-extras{margin-top:.5rem}

/* #240 · extras en Abono */
html body .m-ex{margin:.5rem 0;padding:.4rem .6rem;border:1.5px dashed var(--gl-line,#DCE7F2);border-radius:12px}
html body .m-ex>summary{cursor:pointer;font-weight:700;min-height:36px;display:flex;align-items:center}
html body .m-ex-fila{flex-wrap:wrap;gap:.4rem;margin:.4rem 0}
html body .m-ex-fila select{flex:2 1 180px}html body .m-ex-fila input{flex:1 1 100px}

/* #237 · cobros del día por forma de pago */
html body .vd-pagos{margin:.6rem 0}
html body .vd-pg-t{font-size:1rem;margin:.4rem 0}
html body .vd-pg{border:1.5px solid var(--gl-line,#DCE7F2);border-radius:16px;margin:.4rem 0;background:rgba(255,255,255,.6);overflow:hidden}
html body .vd-pg-cab{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%;min-height:48px;padding:.5rem .9rem;border:0;background:transparent;font:inherit;color:inherit;font-weight:800;cursor:pointer;text-align:left}
html body .vd-pg-cab small{font-weight:600;opacity:.7;margin-left:.3rem}
html body .vd-pg-lista{padding:0 .5rem .5rem}
html:root[data-tema="oscuro"] body .vd-pg{background:rgba(143,208,240,.06);border-color:rgba(143,208,240,.28)}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .vd-pg{background:rgba(143,208,240,.06);border-color:rgba(143,208,240,.28)}}

/* #242 · bolsas de empaque (gratis): tamaño + cantidad */
html body .bolsas-box{display:flex;flex-direction:column;gap:.3rem;margin:.4rem 0}
html body .bolsas-box .bol-t{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;opacity:.85}
html body .bolsas-box .bol-t small{text-transform:none;letter-spacing:0;font-weight:600;opacity:.8;margin-left:.3rem}
html body .bol-lista{display:flex;gap:.4rem;flex-wrap:wrap}
html body .bol-it{display:flex;align-items:center;gap:.3rem;padding:.2rem .35rem .2rem .6rem;border:1.5px solid var(--gl-line,#DCE7F2);border-radius:14px;background:rgba(255,255,255,.6)}
html body .bol-it.on{border-color:#0B7A4B;background:rgba(11,122,75,.1)}
html body .bol-n{font-weight:700;font-size:.9rem}
html body .bol-b{width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border-radius:50%;border:1.5px solid var(--gl-line,#DCE7F2);background:#fff;color:inherit;font:inherit;font-size:1.2rem;font-weight:800;cursor:pointer;line-height:1}
html body .bol-q{min-width:1.4em;text-align:center;font-size:1.05rem}
html:root[data-tema="oscuro"] body .bol-it{background:rgba(143,208,240,.08);border-color:rgba(143,208,240,.28)}
html:root[data-tema="oscuro"] body .bol-it.on{border-color:#7BE3B0;background:rgba(123,227,176,.12)}
html:root[data-tema="oscuro"] body .bol-b{background:rgba(143,208,240,.12);border-color:rgba(143,208,240,.3)}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .bol-it{background:rgba(143,208,240,.08);border-color:rgba(143,208,240,.28)}html:root:not([data-tema="claro"]) body .bol-it.on{border-color:#7BE3B0;background:rgba(123,227,176,.12)}html:root:not([data-tema="claro"]) body .bol-b{background:rgba(143,208,240,.12);border-color:rgba(143,208,240,.3)}}
html body .cobro-accion-fila .bolsa-inline{flex:1 1 auto;min-width:0}

/* 1.89.0 · QA 2-nov: «Cubierto» visible, tablero de apartados sin cortar */
html body .cobro-total .cobro-falta.ok strong,html body .cobro-total .cobro-falta.ok span{color:#fff!important}
html body .cobro-total .cobro-falta.ok{background:#1E6B43}

@media(min-width:1100px){html body .kanban{grid-auto-columns:minmax(235px,1fr)}}

/* 1.92.0 · #262 saldo a favor visible */
html body .cobro-saldo-linea{padding:.5rem .8rem;margin:0 0 .4rem;border-radius:12px;background:#FFF1C2;color:#5A3A00;font-size:.95rem;border:1px solid #E5C65A}
html body .cl-saldo{margin:.3rem 0;padding:.45rem .7rem;border-radius:10px;background:#FFF1C2;color:#5A3A00;font-size:.9rem;text-align:center}
html:root[data-tema="oscuro"] body .cobro-saldo-linea,html:root[data-tema="oscuro"] body .cl-saldo{background:#4A3900;color:#FFE9A8;border-color:#8A6A00}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .cobro-saldo-linea,html:root:not([data-tema="claro"]) body .cl-saldo{background:#4A3900;color:#FFE9A8;border-color:#8A6A00}}

/* 1.93.0 · #267 barra de scroll VISIBLE y estilizada en el menú lateral (compu, tableta y hoja del celular; claro y oscuro).
   Chrome/Safari: barra «clásica» propia (no se oculta sola como la de macOS); Firefox: scrollbar-width/color. Rueda/trackpad/touch: overflow-y:auto, altura = viewport, min-height:0 y overscroll-behavior:contain (el fondo no se mueve). */
html body #main#main aside nav,html body #main#main aside:not(.login-hero){scrollbar-width:auto!important;scrollbar-color:auto!important;overscroll-behavior:contain}
html body #main#main aside nav{overflow-y:auto!important;overflow-x:hidden;min-height:0;-webkit-overflow-scrolling:touch;touch-action:pan-y}
html body #main#main aside nav::-webkit-scrollbar,html body #main#main.nav-plegada aside nav::-webkit-scrollbar,html body #main#main aside:not(.login-hero)::-webkit-scrollbar{display:block!important;width:8px;height:8px}
html body #main#main aside nav::-webkit-scrollbar-track,html body #main#main aside:not(.login-hero)::-webkit-scrollbar-track{background:rgba(255,255,255,.12);border-radius:8px;margin:6px 0}
html body #main#main aside nav::-webkit-scrollbar-thumb,html body #main#main aside:not(.login-hero)::-webkit-scrollbar-thumb{background:rgba(255,255,255,.62);border-radius:8px;border:1px solid rgba(7,45,89,.35);min-height:36px}
html body #main#main aside nav::-webkit-scrollbar-thumb:hover,html body #main#main aside:not(.login-hero)::-webkit-scrollbar-thumb:hover{background:#fff}
html body #main#main aside nav::-webkit-scrollbar-thumb:active,html body #main#main aside:not(.login-hero)::-webkit-scrollbar-thumb:active{background:#FF9DB0}
@-moz-document url-prefix(){html body #main#main aside nav,html body #main#main aside:not(.login-hero){scrollbar-width:thin!important;scrollbar-color:rgba(255,255,255,.62) rgba(255,255,255,.12)!important}}
/* en la cápsula plegada la barra queda pegada al borde, sin tapar los iconos */
html body #main#main.nav-plegada aside nav{padding-right:2px}
/* hoja del celular: la hoja entera hace scroll y su barra también se ve */
@media(max-width:767px){html body #main#main aside.mas-abierto{overflow-y:auto!important;overscroll-behavior:contain;max-height:calc(calc(100*var(--vz,1)*1dvh) - 70px)}}

/* 1.94.0 · #267 (agregado): alineación del menú lateral — logo, ícono de cada opción, rótulos de sección, reloj, «quién» y versión arrancan en la MISMA línea (26 px) */
@media(min-width:768px){
  html body #main#main:not(.nav-plegada) aside .logo-img{margin-left:14px!important}
  html body #main#main:not(.nav-plegada) aside .aside-foot{padding-left:14px!important;padding-right:12px!important}
  html body #main#main:not(.nav-plegada) aside .aside-foot .foot-reloj,html body #main#main:not(.nav-plegada) aside .aside-foot .who,html body #main#main:not(.nav-plegada) aside .aside-foot .foot-estado{padding-left:0!important;margin-left:0!important;text-align:left}
}
html body #main#main aside nav .nav-item{text-align:left}
html body #main#main aside nav .nav-item .txt{display:flex;flex-direction:column;justify-content:center;line-height:1.15;text-align:left}

/* 1.95.0 · #270 bolsas: select por fila · #269 bloque de monto del abono */
html body .bol-filas{display:flex;flex-direction:column;gap:.35rem;align-items:flex-start}
html body .bol-fila{display:flex;gap:.4rem;align-items:center;width:100%;max-width:340px}
html body .bol-fila .bol-sel{flex:1;min-height:44px;border-radius:12px;border:1.5px solid var(--gl-line,#DCE7F2);padding:0 .6rem;font:inherit;font-weight:700;background:#fff;color:inherit}
html body .bol-fila .bol-b{width:44px;height:44px;min-width:44px;border-radius:12px;padding:0;font-size:1rem}
html body .bol-mas{align-self:flex-start}
html:root[data-tema="oscuro"] body .bol-fila .bol-sel{background:rgba(143,208,240,.1);border-color:rgba(143,208,240,.3);color:#E8F2FB}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .bol-fila .bol-sel{background:rgba(143,208,240,.1);border-color:rgba(143,208,240,.3);color:#E8F2FB}}
html body .cobro-accion-fila .bolsa-inline .bol-fila{max-width:none}
html body .m-monto-bloque{margin:.4rem 0;padding:.6rem;border:1.5px solid var(--gl-line,#DCE7F2);border-radius:14px}
html body .m-monto-fila{display:flex;gap:.5rem;align-items:stretch;flex-wrap:wrap}
html body .m-monto-fila #m-monto{flex:1 1 150px;min-height:56px;font-size:1.4rem;font-weight:800;text-align:center}
html body .m-rapidos{display:flex;gap:.4rem;flex:1 1 220px}
html body .m-rapidos .btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;min-height:56px;line-height:1.1}
html body .m-rapidos .btn small{font-size:.76rem;font-weight:700;opacity:.85}
html body #btn-falta-monto{margin-top:.35rem}

/* 1.96.0 · #271 BARRAS DE SCROLL SIEMPRE VISIBLES Y ESTILIZADAS en todo el POS (modales, listas, tablas, carrito, popups, menús, la página): barra «clásica» propia (no se auto-oculta como la de macOS) con colores de cada tema; Firefox: scrollbar-width/color. La rueda/trackpad funciona en todas; los popups y menús no pasan el scroll a la página de atrás (overscroll-behavior:contain). */
:root{--sb-thumb:rgba(7,45,89,.50);--sb-thumb-h:rgba(7,45,89,.78);--sb-thumb-a:#FD6E88;--sb-track:rgba(7,45,89,.10);--sb-borde:rgba(255,255,255,.55)}
html:root[data-tema="oscuro"]{--sb-thumb:rgba(143,208,240,.55);--sb-thumb-h:rgba(190,228,250,.85);--sb-thumb-a:#FF9DB0;--sb-track:rgba(255,255,255,.10);--sb-borde:rgba(6,32,63,.55)}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]){--sb-thumb:rgba(143,208,240,.55);--sb-thumb-h:rgba(190,228,250,.85);--sb-thumb-a:#FF9DB0;--sb-track:rgba(255,255,255,.10);--sb-borde:rgba(6,32,63,.55)}}
html body,html body *{scrollbar-width:auto!important;scrollbar-color:auto!important}
html:not(#sb)::-webkit-scrollbar,html:not(#sb) body *::-webkit-scrollbar{width:10px;height:10px;display:block}
html:not(#sb)::-webkit-scrollbar-track,html:not(#sb) body *::-webkit-scrollbar-track{background:var(--sb-track);border-radius:10px}
html:not(#sb)::-webkit-scrollbar-thumb,html:not(#sb) body *::-webkit-scrollbar-thumb{background:var(--sb-thumb);border-radius:10px;border:2px solid transparent;background-clip:padding-box;min-height:40px;min-width:40px}
html:not(#sb)::-webkit-scrollbar-thumb:hover,html:not(#sb) body *::-webkit-scrollbar-thumb:hover{background:var(--sb-thumb-h);background-clip:padding-box}
html:not(#sb)::-webkit-scrollbar-thumb:active,html:not(#sb) body *::-webkit-scrollbar-thumb:active{background:var(--sb-thumb-a);background-clip:padding-box}
html:not(#sb)::-webkit-scrollbar-corner,html:not(#sb) body *::-webkit-scrollbar-corner{background:transparent}
@-moz-document url-prefix(){html,html body,html body *{scrollbar-width:thin!important;scrollbar-color:var(--sb-thumb) var(--sb-track)!important}}
/* el menú lateral (fondo azul) conserva su barra blanca de 1.93 (más específica) */
html body #main#main aside nav::-webkit-scrollbar,html body #main#main aside:not(.login-hero)::-webkit-scrollbar{width:8px;height:8px}
/* popups, ventanas, menús y listas desplegables: no pasan el scroll a la página */
html body .modal,html body #modal-cuerpo,html body #cobro-cuerpo,html body .modal-cobro,html body .modal-back,html body .menu-art,html body .um-d,html body #notif-stack,html body .lista,html body .ped-lista,html body .sol-det-lista,html body .tf-lista,html body #lista-clientas-mini,html body #cb-res,html body #dv-res,html body .cart-panel,html body #carrito{overscroll-behavior:contain}

/* 1.97.0 · #272 (1) el menú desplegado EMPUJA el contenido (nunca lo tapa) · (2) todos los botones del menú con el mismo borde/ancho/padding · (3) Inicio rediseñado */
@media(min-width:768px){
  html body #main.active{transition:grid-template-columns .14s ease}
  html body #main.active.nav-plegada.nav-hover{grid-template-columns:284px minmax(0,1fr)}
  /* mismo borde izquierdo, ancho y relleno en TODOS los botones del menú (sin sangría especial en el grupo Inventario) y rótulos de sección alineados con ellos */
  html body #main#main:not(.nav-plegada) aside nav .nav-item,html body #main#main.nav-hover aside nav .nav-item,html body #main#main:not(.nav-plegada) aside nav .nav-ind,html body #main#main.nav-hover aside nav .nav-ind{margin-left:0!important;margin-right:0!important;width:100%!important;box-sizing:border-box;padding-left:13.5px!important;padding-right:10px!important;justify-content:flex-start}
  html body #main#main:not(.nav-plegada) aside nav .nav-seccion,html body #main#main.nav-hover aside nav .nav-seccion{margin-left:0!important;padding-left:14.25px!important;box-sizing:border-box}
}
/* Inicio: atajos que SIEMPRE caben (envuelven, nada recortado) y tarjetas grandes */
html body #tab-inicio .inicio-cab{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin:.1rem 0 .9rem}
html body #tab-inicio .inicio-cab h2{font-size:1.7rem;margin:0}
html body #tab-inicio .inicio-cab small{font-weight:700;opacity:.8}
html body #tab-inicio .inicio-atajos{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:.8rem;margin:0 0 1.3rem}
html body #tab-inicio .inicio-atajos .in-btn{min-height:108px;padding:.7rem .5rem;border-radius:20px;gap:.45rem;min-width:0}
html body #tab-inicio .inicio-atajos .in-btn b{font-size:.98rem;white-space:normal;text-align:center;overflow-wrap:anywhere}
html body #tab-inicio .inicio-t{display:flex;align-items:center;gap:.6rem;margin:.2rem 0 .8rem;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;opacity:.85}
html body #tab-inicio .inicio-t::after{content:"";flex:1;height:1px;background:currentColor;opacity:.25}
html body #tab-inicio .inicio-tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:.9rem;padding-bottom:2rem;align-items:stretch}
html body #tab-inicio .in-card{position:relative;align-items:center;gap:1rem;padding:1.15rem 1.25rem;border-radius:22px;min-height:112px}
html body #tab-inicio .in-card .ic-ic{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;font-size:1.7rem;background:rgba(7,45,89,.07);flex:none}
html body #tab-inicio .in-card .ic-tx{flex:1;gap:.15rem}
html body #tab-inicio .in-card .ic-tx>b{font-size:1.15rem;line-height:1.2}
html body #tab-inicio .in-card small{font-size:.98rem}
html body #tab-inicio .in-card .ic-n{font-size:2.2rem;font-weight:800;line-height:1;opacity:.9;padding-left:.4rem;font-variant-numeric:tabular-nums}
html:root[data-tema="oscuro"] body #tab-inicio .in-card .ic-ic{background:rgba(143,208,240,.14)}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body #tab-inicio .in-card .ic-ic{background:rgba(143,208,240,.14)}}
@media(max-width:767px){html body #tab-inicio .inicio-atajos{grid-template-columns:repeat(2,1fr)}html body #tab-inicio .inicio-tarjetas{grid-template-columns:1fr}html body #tab-inicio .in-card{min-height:96px}}

/* Inicio: tarjetas de atajo con la marca (en pantalla grande no tenían estilo y salían grises y en fila) */
html body #tab-inicio .inicio-atajos .in-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;color:var(--gl-navy,#072D59);border:1.5px solid var(--gl-line,#DCE7F2);box-shadow:0 10px 22px -14px rgba(7,45,89,.45);font:inherit;cursor:pointer;transition:transform .12s,box-shadow .12s}
html body #tab-inicio .inicio-atajos .in-btn:hover{transform:translateY(-2px);box-shadow:0 14px 26px -14px rgba(7,45,89,.55);border-color:#FD6E88}
html body #tab-inicio .inicio-atajos .in-btn .in-ic{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center}
html body #tab-inicio .inicio-atajos .in-btn .bz-ic{width:36px!important;height:36px!important}
html body #tab-inicio .inicio-atajos .in-btn.in-per{background:transparent;border-style:dashed;box-shadow:none}
html:root[data-tema="oscuro"] body #tab-inicio .inicio-atajos .in-btn{background:rgba(143,208,240,.10);color:#E8F2FB;border-color:rgba(143,208,240,.30);box-shadow:none}
html:root[data-tema="oscuro"] body #tab-inicio .inicio-atajos .in-btn.in-per{background:transparent}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body #tab-inicio .inicio-atajos .in-btn{background:rgba(143,208,240,.10);color:#E8F2FB;border-color:rgba(143,208,240,.30);box-shadow:none}html:root:not([data-tema="claro"]) body #tab-inicio .inicio-atajos .in-btn.in-per{background:transparent}}

/* 1.99.0 · #275 UNA interfaz para Cobrar, Apartar, Abonar y Liquidar/Entregar: dos columnas (izq: prendas · extras · bolsas / der: monto · formas de pago · captura), info del apartado y caja abajo, mismo botón */
html body .modal.modal-pago,html body .modal.modal-cobro{width:min(1080px,calc(96*var(--vz,1)*1vw));max-width:1080px}
html body .pago-2col{display:grid!important;grid-template-columns:minmax(260px,.85fr) minmax(0,1.35fr);gap:.8rem 1.4rem;align-items:start}
html body .pago-2col>.pago-izq,html body .pago-2col>.pago-der{display:flex!important;flex-direction:column;gap:.5rem;min-width:0;order:0!important}
html body .pago-2col .pago-sec-t{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;opacity:.8}
html body .pz-lista{display:flex;flex-direction:column;gap:.3rem;max-height:210px;overflow-y:auto;padding-right:.2rem}
html body .pz-fila{display:flex;justify-content:space-between;gap:.6rem;padding:.4rem .6rem;border:1px solid var(--gl-line,#DCE7F2);border-radius:12px;font-size:.92rem}
html body .pz-fila small{display:block;opacity:.7;font-size:.76rem}
html body .pz-lista .check-line{padding:.4rem .6rem;border:1px solid var(--gl-line,#DCE7F2);border-radius:12px}
html body .ex-box{display:flex;flex-direction:column;gap:.35rem}
html body .pago-info{margin-top:.6rem;padding:.6rem .8rem;border:1.5px solid var(--gl-line,#DCE7F2);border-radius:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.3rem .9rem}
html body .pago-info .metodo-titulo{grid-column:1/-1}
html body .pago-info .pi-fila{display:flex;justify-content:space-between;gap:.5rem;font-size:.92rem}
html body .pago-info .pi-fila.falta b{color:#B45309}
html body .pago-info #caja-almacen,html body .pago-info .cobro-row,html body .pago-info .fecha-limite,html body .pago-info #caja-nueva-w{grid-column:1/-1}
/* bolsas: select + «＋» chico, mismo tamaño en las 4 pantallas */
html body .bol-fila .bol-b{width:44px;height:44px;min-width:44px;border-radius:12px;padding:0;font-size:1.15rem;font-weight:800}
html body .bol-fila .bol-mas{border:1.5px solid var(--gl-line,#DCE7F2);background:#fff;color:inherit;cursor:pointer}
html:root[data-tema="oscuro"] body .bol-fila .bol-mas{background:rgba(143,208,240,.12);border-color:rgba(143,208,240,.3)}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .bol-fila .bol-mas{background:rgba(143,208,240,.12);border-color:rgba(143,208,240,.3)}}
html body .cobro-final .acciones .btn{min-height:52px;min-width:170px}
html body .cobro-final .acciones{display:flex;gap:.5rem;justify-content:flex-end}
@media(max-width:767px){html body .pago-2col{grid-template-columns:1fr}html body .cobro-izq.pago-izq{display:flex!important}html body .cobro-der.pago-der{order:0!important}}

/* 2.00.1 · #276 (corrección) menú lateral ABIERTO: ícono + texto ALINEADOS A LA IZQUIERDA y centrados en vertical; ícono en columna fija (misma sangría y misma x de texto en todos los botones, también con 2 líneas); insignia DENTRO del botón, a la derecha, centrada en vertical */
@media(min-width:768px){
  html body #main#main:not(.nav-plegada) aside nav .nav-item,html body #main#main.nav-hover aside nav .nav-item{position:relative;display:flex!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;gap:12px;padding:8px 40px 8px 16px!important;min-height:44px}
  html body #main#main:not(.nav-plegada) aside nav .nav-item .bz-ic,html body #main#main.nav-hover aside nav .nav-item .bz-ic{flex:0 0 24px!important;width:24px!important;height:24px!important;margin:0!important}
  html body #main#main:not(.nav-plegada) aside nav .nav-item .txt,html body #main#main.nav-hover aside nav .nav-item .txt{flex:1 1 auto;min-width:0;text-align:left!important;align-items:flex-start;line-height:1.15}
  html body #main#main:not(.nav-plegada) aside nav .nav-item .dot,html body #main#main.nav-hover aside nav .nav-item .dot{position:absolute!important;right:10px;top:50%;left:auto;transform:translateY(-50%);margin:0!important}
}

/* 2.01.0 · #290 «Gastos» fuera del menú lateral (solo se oculta la entrada; los datos y el acceso del admin siguen igual) */
html body #main#main aside nav .nav-item[data-tab="gastos"]{display:none!important}
/* #283 «Avisos» y «Ajustes» fuera de «Mi turno» en compu/tableta: Avisos = campana de arriba, Ajustes = menú de usuario; en el celular siguen en «Más» */
@media(min-width:768px){html body #main#main aside nav .nav-item[data-tab="avisos"],html body #main#main aside nav .nav-item[data-tab="ajustes"]{display:none!important}}
/* #285 menú PLEGADO (solo íconos): sin barra de scroll (la rueda sigue funcionando); desplegado y con hover conserva la barra de 267/271 */
html body #main#main.nav-plegada:not(.nav-hover) aside nav{scrollbar-width:none!important;padding-right:0}
html body #main#main.nav-plegada:not(.nav-hover) aside nav::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
@-moz-document url-prefix(){html body #main#main.nav-plegada:not(.nav-hover) aside nav{scrollbar-width:none!important}}
/* #304 botones de las tarjetas de Transferencias: tamaño normal, a la derecha */
html body .tf-acc{display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap;margin-top:.4rem}
html body .tf-acc .btn{width:auto!important;min-height:38px;padding:.45rem 1.15rem;font-size:.9rem}
html body .tf-enviar{width:auto!important;min-height:40px;padding:.5rem 1.4rem;font-size:.95rem}

/* 2.01.1 · #278/#308 celular: «Fotos» como mosaico GRANDE y primero en Inicio (rosa en claro y en oscuro) */
@media(max-width:767px){
  html:root body #tab-inicio .inicio-atajos button.in-btn.in-atajo-grande{grid-column:1/-1;flex-direction:row!important;justify-content:flex-start!important;align-items:center;gap:1rem;min-height:104px;padding:.9rem 1.2rem;background:linear-gradient(135deg,#FFB3C2,#FD6E88)!important;color:#072D59!important;border:0!important;box-shadow:0 12px 24px -12px rgba(253,110,136,.8)!important}
  html:root body #tab-inicio .inicio-atajos button.in-btn.in-atajo-grande *{color:#072D59!important}
  html:root body #tab-inicio .inicio-atajos button.in-btn.in-atajo-grande b{font-size:1.3rem;text-align:left}
  html:root body #tab-inicio .inicio-atajos button.in-btn.in-atajo-grande .in-ic{width:56px;height:56px}
  html:root body #tab-inicio .inicio-atajos button.in-btn.in-atajo-grande .bz-ic{width:50px!important;height:50px!important;stroke:#072D59!important}
}

/* 2.01.2 · #312 visor de foto con zoom + #307/#311 botones de la foto (Copiar imagen / Copiar descripción / Mandar al grupo) */
html body .fot-zoom{position:fixed;inset:0;z-index:300;background:#000;display:block;overflow:hidden}
html body .fot-zoom .fz-stage{position:absolute;left:0;right:0;top:0;bottom:var(--fz-barra,118px);display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;cursor:zoom-in}
html body .fot-zoom.zoom .fz-stage{cursor:grab}
html body .fot-zoom .fz-img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:50% 50%;will-change:transform;user-select:none;-webkit-user-drag:none}
html body .fot-zoom .fz-x{position:absolute;top:max(12px,env(safe-area-inset-top));right:12px;z-index:3;min-height:48px;padding:.6rem 1.2rem;border:0;border-radius:999px;background:rgba(255,255,255,.92);color:#072D59;font-weight:800;font-size:1rem;box-shadow:0 6px 18px rgba(0,0,0,.4);cursor:pointer}
html body .fot-zoom .fz-hint{position:absolute;left:14px;right:auto;max-width:52%;top:max(16px,env(safe-area-inset-top));text-align:left;line-height:1.25;color:rgba(255,255,255,.7);font-size:.8rem;pointer-events:none}
html body .fot-zoom.zoom .fz-hint{opacity:0}
html body .fot-zoom .fot-zoom-acc{position:absolute;left:0;right:0;bottom:0;max-height:40%;overflow:auto}
html body .foto-acc{display:flex;flex-wrap:wrap;gap:.5rem}
html body .foto-acc .foto-acc-b{flex:1 1 calc(50% - .5rem);min-width:140px}

/* 2.01.3 · #286 retiro de efectivo al cerrar la caja */
html body .cierre-retiro{margin:.7rem 0;padding:.7rem .8rem;border:1.5px dashed var(--borde,#cfd8e3);border-radius:14px}
html body .cierre-retiro .cr-dest{display:flex;gap:.6rem;flex-wrap:wrap;margin:.4rem 0}
html body .cierre-retiro .cr-dest label{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .9rem;border:1.5px solid var(--borde,#cfd8e3);border-radius:999px;font-weight:700;cursor:pointer}
html body .cierre-retiro .cr-dest input:checked+*{font-weight:800}

/* 2.01.4 · #313 Carrito: cada prenda es una TARJETA que se distingue (fondo blanco, borde y sombra marcados, separación, miniatura mayor, nombre en negritas y precio grande). Solo estilo. */
html body #carrito{display:flex;flex-direction:column;gap:.6rem}
html body #carrito .cart-fila{background:#fff;border:1.5px solid #B7C6DA;border-radius:16px;box-shadow:0 4px 12px -4px rgba(7,45,89,.28);padding:.6rem .7rem;margin:0;grid-template-columns:54px minmax(0,1fr) 5.6rem 6.4rem}
html body #carrito .cart-fila .thumb{width:54px;height:68px;border-radius:12px;flex:none}
@media(max-width:767px){html body #carrito .cart-fila{grid-template-columns:54px minmax(0,1fr) 4.8rem 6.4rem}}
html body #carrito .cart-fila .cf-nom{font-weight:800;font-size:1rem;color:#072D59;display:block;line-height:1.2}
html body #carrito .cart-fila small{color:#4A6283}
html body #carrito .cart-fila .precio{font-weight:800;font-size:1.2rem;color:#072D59;white-space:nowrap}
html:root[data-tema="oscuro"] body #carrito .cart-fila{background:#16304F;border-color:#456A99;box-shadow:0 4px 14px -4px rgba(0,0,0,.6)}
html:root[data-tema="oscuro"] body #carrito .cart-fila .cf-nom,html:root[data-tema="oscuro"] body #carrito .cart-fila .precio{color:#fff}
html:root[data-tema="oscuro"] body #carrito .cart-fila small{color:#B5C9E2}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body #carrito .cart-fila{background:#16304F;border-color:#456A99;box-shadow:0 4px 14px -4px rgba(0,0,0,.6)}html:root:not([data-tema="claro"]) body #carrito .cart-fila .cf-nom,html:root:not([data-tema="claro"]) body #carrito .cart-fila .precio{color:#fff}html:root:not([data-tema="claro"]) body #carrito .cart-fila small{color:#B5C9E2}}

/* 2.01.4 · #322 pop-up «¿Qué bolsa de empaque se usó?» + pendientes en Inicio */
html body .bol-pop{position:fixed;inset:0;z-index:500;background:rgba(7,29,60,.55);display:flex;align-items:center;justify-content:center;padding:16px}
html body .bol-card{width:min(440px,100%);max-height:calc(92*var(--vz,1)*1dvh);overflow:auto;background:#fff;color:#072D59;border-radius:22px;padding:1.1rem 1.1rem 1rem;box-shadow:0 24px 60px -12px rgba(0,0,0,.55)}
html body .bol-card h3{margin:0 0 .2rem;font-size:1.2rem}
html body .bol-tams{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin:.7rem 0}
html body .bol-tam{position:relative;min-height:68px;border:2px solid #B7C6DA;background:#F2F7FC;border-radius:16px;font-size:1.05rem;color:#072D59;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer}
html body .bol-tam.sug{border-color:#FD6E88}
html body .bol-tam small{color:#FD6E88;font-weight:800}
html body .bol-tam .bol-n{position:absolute;top:6px;right:8px;min-width:24px;height:24px;line-height:24px;border-radius:12px;background:#072D59;color:#fff;font-style:normal;font-size:.85rem;text-align:center}
html body .bol-elegidas{display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem 0 .8rem;min-height:32px}
html body .bol-card .acciones{display:flex;gap:.6rem;justify-content:flex-end}
html body .bol-card .acciones .btn{min-height:48px}
html body .bol-nada{display:block;margin:.7rem auto 0;border:0;background:none;color:#4A6283;text-decoration:underline;font-size:.9rem;cursor:pointer}
html:root[data-tema="oscuro"] body .bol-card{background:#0F2B4D;color:#fff}
html:root[data-tema="oscuro"] body .bol-tam{background:#16304F;border-color:#456A99;color:#fff}
html:root[data-tema="oscuro"] body .bol-tam.sug{border-color:#FF9DB0}
html:root[data-tema="oscuro"] body .bol-tam .bol-n{background:#FF9DB0;color:#072D59}
html:root[data-tema="oscuro"] body .bol-nada{color:#B5C9E2}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .bol-card{background:#0F2B4D;color:#fff}html:root:not([data-tema="claro"]) body .bol-tam{background:#16304F;border-color:#456A99;color:#fff}html:root:not([data-tema="claro"]) body .bol-tam .bol-n{background:#FF9DB0;color:#072D59}html:root:not([data-tema="claro"]) body .bol-nada{color:#B5C9E2}}
html body .bol-pend{margin-top:1rem}

/* 2.01.5 · #282 menú desplegado al pasar el cursor (cápsula): logo HORIZONTAL completo (flor + «Blezza») en lugar de solo la flor; plegado conserva la flor */
html body #main#main.nav-plegada.nav-hover aside:not(.login-hero)::before{display:none!important}
html body #main#main.nav-plegada.nav-hover aside:not(.login-hero) .logo-img{display:block!important;flex:none;width:150px;max-width:calc(100% - 28px);height:auto;margin:.2rem 0 .6rem 14px!important}

/* 2.01.6 · #292 bloque «1 · Clienta» de Vender más compacto: sin renglón de título, buscador y botones más bajos, menos relleno */
html body #clienta-box{padding:.5rem .6rem!important}
html body #clienta-box .cart-card-t{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html body #clienta-box .cli-fila{gap:.4rem;margin:0}
html body #clienta-box .cli-fila input{min-height:40px;height:40px;padding-top:0;padding-bottom:0;font-size:.95rem}
html body #clienta-box .cli-fila .btn{min-height:40px!important;height:40px;min-width:40px!important;padding:0 .7rem}
html body #clienta-box .cli-fila .btn svg{width:20px;height:20px}
html body #clienta-box #lista-clientas-mini:empty,html body #clienta-box #saldo-favor.oculto{display:none}
html body #clienta-box .cli-fila .btn.cli-pub,html body #clienta-box .cli-fila .btn.cli-mas{flex:0 0 40px!important;width:40px!important;min-width:40px!important;min-height:40px!important;height:40px!important;padding:0!important}

/* 2.01.6 · #293 efectivo: BILLETES grandes y vistosos; monedas pequeñas, y $5/$10 un poco más grandes que $1/$2 */
html body .ef-grid:not(.ef-mon) .den-btn.bil{min-height:68px;font-size:1.25rem;border-width:2.5px;border-radius:14px;box-shadow:0 6px 12px -8px rgba(7,45,89,.55)}
html body .ef-grid.ef-mon{gap:.4rem}
html body .ef-grid.ef-mon .den-btn.mon{min-height:38px;font-size:.85rem;border-radius:999px;font-weight:700}
html body .ef-grid.ef-mon .den-btn.mon.d1,html body .ef-grid.ef-mon .den-btn.mon.d2{min-height:32px;font-size:.78rem;opacity:.9}
html body .ef-grid.ef-mon .den-btn.mon.d5,html body .ef-grid.ef-mon .den-btn.mon.d10{min-height:46px;font-size:.98rem;font-weight:800}

/* 2.01.7 · #323 aviso «Hay versión nueva» (no intrusivo) */
html body .upd-aviso{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(14px + env(safe-area-inset-bottom));z-index:450;border:0;border-radius:999px;padding:.7rem 1.2rem;background:#FD6E88;color:#072D59;font-weight:800;font-size:.95rem;box-shadow:0 12px 28px -8px rgba(0,0,0,.5);cursor:pointer;max-width:calc(calc(100*var(--vz,1)*1vw) - 24px)}
@media(max-width:767px){html body .upd-aviso{bottom:calc(86px + env(safe-area-inset-bottom))}}

/* 2.01.8 · #297 aviso fijo cuando no se imprimió */
html body #bz-fallo-print{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom));z-index:460;width:min(520px,calc(calc(100*var(--vz,1)*1vw) - 24px));background:#fff;color:#072D59;border:2px solid #E5484D;border-radius:16px;padding:.8rem 1rem;box-shadow:0 16px 40px -10px rgba(0,0,0,.55);display:flex;flex-direction:column;gap:.35rem}
html body #bz-fallo-print small{color:#4A6283;line-height:1.3}
html body #bz-fallo-print .bzf-b{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.3rem}
html:root[data-tema="oscuro"] body #bz-fallo-print{background:#0F2B4D;color:#fff}html:root[data-tema="oscuro"] body #bz-fallo-print small{color:#B5C9E2}

/* 2.01.9 · #301 botón «Actualizar» en Fotos */
html body .fot-refresca{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin:0 0 .5rem}
html body .fot-refresca small{color:var(--tinta-3,#6B7F99)}

/* 2.01.9 · #302 revisión de la foto: Antes/Después grandes lado a lado, barra de acciones fija abajo (Aprobar / Regenerar / Volver a tomar) */
html body .fot-ov-form .fot-antes-des{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:.6rem 0}
html body .fot-ov-form .fot-antes-des.solo{grid-template-columns:1fr}
html body .fot-ov-form .fot-antes-des figure{margin:0;position:relative;border-radius:14px;overflow:hidden;background:#000;cursor:zoom-in}
html body .fot-ov-form .fot-antes-des figure img{display:block;width:100%;height:auto;max-height:calc(55*var(--vz,1)*1dvh);object-fit:contain;background:#111}
html body .fot-ov-form .fot-antes-des figcaption{position:absolute;left:8px;top:8px;z-index:1;background:rgba(7,45,89,.85);color:#fff;font-weight:800;font-size:.72rem;letter-spacing:.06em;border-radius:999px;padding:.2rem .6rem}
html body .fot-ov-form .fot-form{padding-bottom:140px}
html body .fot-ov-form .fot-form>.fot-acc{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;padding:.7rem 1rem calc(.8rem + env(safe-area-inset-bottom));margin:0;background:rgba(255,255,255,.96);box-shadow:0 -10px 24px -12px rgba(0,0,0,.4)}
html body .fot-ov-form .fot-form>.fot-acc .btn{flex:1 1 140px;min-height:48px}
html body .fot-ov-form .fot-form>.fot-acc .btn.verde{flex:2 1 200px}
html:root[data-tema="oscuro"] body .fot-ov-form .fot-form>.fot-acc{background:rgba(10,30,56,.96)}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .fot-ov-form .fot-form>.fot-acc{background:rgba(10,30,56,.96)}}

/* 2.02.0 · #295/#288 pantallas de cobro en 3 COLUMNAS y a lo ancho (Vender, Apartar, Abonar/Liquidar, Entregar): 1 prendas·extras·bolsa · 2 cómo paga·billetes·cuenta·«Que depositen a» · 3 pagos agregados·totales·«Se registrará»·botón */
html body .modal.modal-pago,html body .modal.modal-cobro{width:min(1480px,calc(98*var(--vz,1)*1vw));max-width:1480px}
html body .pago-2col.pago-3col{grid-template-columns:minmax(240px,.85fr) minmax(0,1.3fr) minmax(280px,.95fr);gap:.8rem 1.2rem}
html body .pago-2col.pago-3col>.cobro-col3{display:flex!important;flex-direction:column;gap:.5rem;min-width:0;position:sticky;top:0;align-self:start}
html body .pago-3col .cobro-col3 .cobro-final{margin:0;padding:.8rem;border:1.5px solid var(--gl-line,#DCE7F2);border-radius:16px;background:rgba(7,45,89,.03)}
html body .pago-3col .cobro-col3 .cobro-accion-fila .acciones{justify-content:stretch}
html body .pago-3col .cobro-col3 .cobro-accion-fila .acciones .btn{flex:1;min-width:0}
@media(max-width:1180px){html body .pago-2col.pago-3col{grid-template-columns:minmax(240px,.85fr) minmax(0,1.3fr)}html body .pago-2col.pago-3col>.cobro-col3{grid-column:1/-1;position:static}}
@media(max-width:767px){html body .pago-2col.pago-3col{grid-template-columns:1fr}}
html body .pago-3col .cobro-col3 .cobro-accion-fila,html body .pago-3col .cobro-col3 .cobro-accion-fila .acciones{display:flex;width:100%}
html body .pago-3col .cobro-col3 .cobro-accion-fila .acciones .btn{flex:1 1 100%;width:100%}

/* 2.02.1 · #317 notas por clienta */
html body .cn-box{margin:.5rem 0 .8rem;padding:.7rem .8rem;border:2px solid #F2B84B;border-radius:14px;background:#FFF8E6;color:#4A3500}
html body .cn-cab{display:flex;flex-direction:column;margin-bottom:.4rem}
html body .cn-cab small{opacity:.75}
html body .cn-nota{padding:.45rem .6rem;margin:.3rem 0;background:#fff;border-radius:10px;border:1px solid #F0DDAA;color:#3A2A00}
html body .cn-nota p{margin:0;font-weight:700}
html body .cn-nota small{opacity:.7}
html body .cn-acc{display:flex;gap:.4rem;margin-top:.3rem}
html body .cn-nueva{display:flex;gap:.4rem;margin-top:.4rem}
html body .cn-nueva input{flex:1;min-height:40px}
html body .cn-lista .cn-nota{background:#FFF8E6;border-color:#F2B84B}
html:root[data-tema="oscuro"] body .cn-box{background:#3A2E10;border-color:#B88A1E;color:#FFE9A8}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .cn-box{background:#3A2E10;border-color:#B88A1E;color:#FFE9A8}}

/* 2.02.2 · #320 chip de sucursal */
html body .suc-chip{display:inline-block;padding:.1rem .55rem;border-radius:999px;background:#E4F2FB;color:#072D59;font-size:.78rem;font-weight:800;vertical-align:middle}
html:root[data-tema="oscuro"] body .suc-chip{background:rgba(143,208,240,.18);color:#CFE8FA}

/* 2.02.2 · #319 seguimiento manual del apartado */
html body .seg-box{margin:.8rem 0;padding:.7rem .8rem;border:1.5px solid var(--gl-line,#DCE7F2);border-radius:14px}
html body .seg-cab{display:flex;flex-direction:column;margin-bottom:.4rem}html body .seg-cab small{opacity:.7}
html body .seg-bot{display:flex;flex-wrap:wrap;gap:.4rem}
html body .seg-form{margin:.5rem 0;padding:.5rem;border-radius:12px;background:rgba(7,45,89,.05)}
html body .seg-hist{margin-top:.5rem;display:flex;flex-direction:column;gap:.35rem}
html body .seg-fila{display:flex;justify-content:space-between;gap:.6rem;padding:.4rem .5rem;border:1px solid var(--gl-line,#DCE7F2);border-radius:10px;font-size:.9rem}
html body .seg-chip{display:inline-block;margin-top:.2rem;padding:.1rem .55rem;border-radius:999px;font-size:.78rem;font-weight:800;background:#EEF3F9;color:#072D59}
html body .seg-chip.seg-viene{background:#E3F6EA;color:#0F5B34}html body .seg-chip.seg-mas_tiempo{background:#FFF3CC;color:#6B4B00}html body .seg-chip.seg-no_quiere{background:#FDE6E6;color:#8A1C1C}

/* 2.02.3 · #310 Fotos IA: nada obligatorio, opciones extra plegables, estatura con deslizador */
html body .fot-extras{margin:.6rem 0;border:1.5px solid var(--gl-line,#DCE7F2);border-radius:14px;padding:.4rem .7rem}
html body .fot-extras>summary{cursor:pointer;font-weight:800;padding:.4rem 0}
html body .fot-extras>summary i{font-weight:500;opacity:.7;font-style:normal;font-size:.85rem}
html body .fot-altura{display:flex;flex-direction:column;gap:.35rem}
html body .fot-altura input[type=range]{width:100%;height:36px;accent-color:#FD6E88}
html body .fot-alt-et{display:flex;justify-content:space-between;font-size:.72rem;opacity:.75}
html body .fot-auto{display:inline-flex;align-items:center;gap:.4rem;font-weight:800}

/* 2.02.4 · #298 Devoluciones y cambios como PÁGINA completa */
html body .modal.modal-pagina{width:calc(100*var(--vz,1)*1vw);max-width:calc(100*var(--vz,1)*1vw);height:calc(100*var(--vz,1)*1dvh);max-height:calc(100*var(--vz,1)*1dvh);border-radius:0;margin:0;padding:1rem clamp(1rem,calc(4*var(--vz,1)*1vw),3rem) 6rem;overflow:auto}
html body .modal.modal-pagina #modal-cuerpo,html body .modal.modal-pagina>div{max-width:980px;margin-inline:auto}
html body .modal.modal-pagina .pag-volver{position:sticky;top:0;z-index:3;margin-bottom:.6rem}
html body .modal.modal-pagina h3:first-of-type{font-size:1.5rem}
html body .modal.modal-pagina .check-line{padding:.7rem .8rem;border:1px solid var(--gl-line,#DCE7F2);border-radius:12px;margin:.3rem 0;font-size:1rem}
html body .modal.modal-pagina .acciones{position:sticky;bottom:0;background:inherit;padding:.8rem 0;margin-top:1rem}

/* 2.02.5 · #309 Inventario desde el celular */
html body .inv-hub{margin:.4rem 0 .8rem}
html body .inv-hub button{min-height:48px;font-size:1rem}
html body .ic-filtros{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin:.6rem 0}
html body .ic-filtros select{min-height:44px}
html body #ic-q{min-height:48px}
html body .ia-fila{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
html body .inv-alta input,html body .inv-alta select{min-height:48px;font-size:1rem}

/* 2.02.6 · #317 indicador de notas, #319 aviso previo */
html body .cn-ind{display:inline-block;padding:.05rem .5rem;border-radius:999px;background:#FFE7A6;color:#5A3A00;font-size:.75rem;font-weight:800;vertical-align:middle}
html body .seg-aviso{margin:.4rem 0;padding:.4rem .6rem;border-radius:10px;background:#E3F6EA;color:#0F5B34;font-size:.9rem}

/* 2.02.6 · #298 buscador + detalle en una sola página */
html body .modal.modal-pagina.modal-pagina-ancha #modal-cuerpo,html body .modal.modal-pagina.modal-pagina-ancha>div{max-width:1280px}
html body .dv-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.4fr);gap:1.2rem;align-items:start}
html body .dv-izq{position:sticky;top:3rem}
html body .dv-izq .lista{max-height:calc(70*var(--vz,1)*1dvh);overflow:auto}
@media(max-width:767px){html body .dv-grid{grid-template-columns:1fr}html body .dv-izq{position:static}}

/* 2.02.8 · #325 botón ABC/123 junto a los buscadores de productos en el celular */
html body .kbd-t{flex:0 0 auto;min-width:52px;min-height:44px;margin-left:.4rem;padding:0 .7rem;border-radius:12px;border:1.5px solid var(--gl-line,#B7C6DA);background:#fff;color:#072D59;font-weight:800;font-size:.9rem;cursor:pointer}
html:root[data-tema="oscuro"] body .kbd-t{background:rgba(143,208,240,.14);color:#E8F2FB;border-color:rgba(143,208,240,.35)}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .kbd-t{background:rgba(143,208,240,.14);color:#E8F2FB;border-color:rgba(143,208,240,.35)}}
html body .search-wrap{display:flex;align-items:center}
html body .search-wrap input{flex:1;min-width:0}

/* 2.02.8 · #324 Fotos IA visual: pasos numerados, chips de color con ícono, miniaturas grandes, botón principal */
html body .fot-pasos{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;list-style:none;margin:.2rem 0 .8rem;padding:0}
html body .fot-pasos .paso{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.7rem .2rem .55rem;border:2px solid var(--gl-line,#DCE7F2);border-radius:16px;background:#fff;color:#072D59;cursor:pointer;min-height:104px}
html body .fot-pasos .paso b{font-size:.82rem;line-height:1.1}
html body .fot-pasos .paso small{font-size:.68rem;opacity:.75;line-height:1.1;text-align:center}
html body .fot-pasos .paso-n{position:absolute;top:-9px;left:-6px;width:24px;height:24px;border-radius:50%;background:#072D59;color:#fff;font-weight:800;font-size:.8rem;display:grid;place-items:center}
html body .fot-pasos .paso-ic{color:#2563a8}
html body .fot-pasos .paso.on{border-color:#FD6E88;background:linear-gradient(180deg,#FFF1F3,#FFE1E7);box-shadow:0 8px 18px -10px rgba(253,110,136,.9)}
html body .fot-pasos .paso.on .paso-n{background:#FD6E88}
html body .fot-pasos .paso-c{position:absolute;top:-8px;right:-4px;min-width:22px;height:22px;line-height:22px;border-radius:11px;background:#E5484D;color:#fff;font-style:normal;font-size:.78rem;font-weight:800;text-align:center;padding:0 5px}
html body .fot-acciones{display:flex;flex-direction:column;gap:.5rem}
html body .fot-principal{min-height:60px;font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:.6rem}
html body .fot-sec-fila{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
html body .fot-sec-fila .btn{min-height:48px;font-size:.88rem}
html body .fot-est{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:999px;font-weight:800;font-size:.8rem}
html body .fot-est.c-verde{background:#E3F6EA;color:#0F5B34}html body .fot-est.c-azul{background:#E4F0FF;color:#1D4F91}html body .fot-est.c-ambar{background:#FFF3CC;color:#6B4B00}html body .fot-est.c-rojo{background:#FDE6E6;color:#8A1C1C}html body .fot-est.c-gris{background:#ECEFF3;color:#4A5668}
html body .fot-item .fot-mini{width:88px;height:110px;border-radius:12px;flex:none}
html body .fot-item .fot-mini img{width:100%;height:100%;object-fit:cover;border-radius:12px}
html body .fot-item b{font-size:1rem}
html body .fot-chips.fot-grupos{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}
html body .fot-chips.fot-grupos .chip{display:flex;align-items:center;justify-content:center;gap:.35rem;min-height:46px}
html body .fot-item.fot-pend .fot-cam-btn{min-height:48px;display:inline-flex;align-items:center;gap:.4rem}
html:root[data-tema="oscuro"] body .fot-pasos .paso{background:#16304F;color:#fff;border-color:#456A99}
html:root[data-tema="oscuro"] body .fot-pasos .paso-ic{color:#8FD0F0}
html:root[data-tema="oscuro"] body .fot-pasos .paso.on{background:#4A2030;border-color:#FF9DB0}
html:root[data-tema="oscuro"] body .fot-est.c-verde{background:#10302a;color:#4fd69c}html:root[data-tema="oscuro"] body .fot-est.c-azul{background:#10283d;color:#6cb2ff}html:root[data-tema="oscuro"] body .fot-est.c-ambar{background:#382d14;color:#f2bb4e}html:root[data-tema="oscuro"] body .fot-est.c-rojo{background:#3a1f22;color:#ff8a7a}html:root[data-tema="oscuro"] body .fot-est.c-gris{background:#1b2a33;color:#9fb0ba}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .fot-pasos .paso{background:#16304F;color:#fff;border-color:#456A99}html:root:not([data-tema="claro"]) body .fot-pasos .paso.on{background:#4A2030;border-color:#FF9DB0}}
@media(min-width:900px){html body .fot-pasos{max-width:760px}html body .fot-pasos .paso b{font-size:.95rem}html body .fot-acciones{max-width:760px}}
@media(min-width:768px){html body .fot-pasos{display:none!important}}
html body .cobro-row:has(>.kbd-t){display:flex;align-items:center}
html body .cobro-row:has(>.kbd-t)>input{flex:1;min-width:0}

/* 2.02.9 · #326 pantallas de cobro legibles en monitores viejos: botón principal SÓLIDO con texto blanco, formas de pago grandes tipo tarjeta, «Datos del apartado» compacto y cada sección en su tarjeta con fondo que contrasta */
html body :is(#btn-cobrar,#btn-apartar,#m-ok,#ent-ok,#btn-abrir-cobrar){background:#0A3570!important;background-image:none!important;color:#fff!important;text-shadow:none!important;opacity:1!important;border:2px solid #072452!important;box-shadow:0 6px 14px -6px rgba(7,36,82,.7)!important;min-height:64px;font-size:1.3rem!important;font-weight:800!important;letter-spacing:.01em}
html body :is(#btn-cobrar,#btn-apartar,#m-ok,#ent-ok,#btn-abrir-cobrar) *{color:#fff!important;stroke:#fff!important;opacity:1!important}
html body #btn-cobrar,html body #m-ok.liquida{background:#0E7A4A!important;border-color:#09563A!important}
html body :is(#btn-cobrar,#btn-apartar,#m-ok,#ent-ok):disabled{background:#5F7088!important;border-color:#4A5A70!important;color:#fff!important;opacity:1!important;box-shadow:none!important;cursor:not-allowed}
html body :is(#btn-cobrar,#btn-apartar,#m-ok,#ent-ok):disabled *{color:#fff!important}
html:root[data-tema="oscuro"] body :is(#btn-apartar,#m-ok,#ent-ok,#btn-abrir-cobrar){background:#1F66C2!important;border-color:#8FD0F0!important}
html:root[data-tema="oscuro"] body #btn-cobrar{background:#17995D!important;border-color:#7FE0B2!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body :is(#btn-apartar,#m-ok,#ent-ok,#btn-abrir-cobrar){background:#1F66C2!important;border-color:#8FD0F0!important}html:root:not([data-tema="claro"]) body #btn-cobrar{background:#17995D!important;border-color:#7FE0B2!important}}
/* formas de pago: tarjetas grandes con ícono, llenan el ancho de la columna */
html body :is(#cobro-back,#modal-back) .metodos,html body :is(#cobro-back,#modal-back) .modo-apartado .metodos{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;gap:.6rem!important}
html body :is(#cobro-back,#modal-back) .metodos .metodo,html body :is(#cobro-back,#modal-back) .modo-apartado .metodos .metodo{min-height:84px!important;padding:.6rem .3rem!important;font-size:1.08rem!important;font-weight:800!important;border-radius:16px!important;border:2.5px solid #7F98BA!important;background:#fff!important;color:#072D59!important;flex-direction:column!important;gap:.25rem!important;box-shadow:0 3px 8px -4px rgba(7,45,89,.5)}
html body :is(#cobro-back,#modal-back) .metodos .metodo .metodo-ico,html body :is(#cobro-back,#modal-back) .modo-apartado .metodos .metodo .metodo-ico{width:34px!important;height:34px!important;font-size:1.6rem!important;color:#0A3570!important}
html body :is(#cobro-back,#modal-back) .metodos .metodo .bz-ic{width:34px!important;height:34px!important;stroke:currentColor}
html body :is(#cobro-back,#modal-back) .metodos .metodo.active{background:#0A3570!important;border-color:#072452!important;color:#fff!important}
html body :is(#cobro-back,#modal-back) .metodos .metodo.active *{color:#fff!important;stroke:#fff!important}
html:root[data-tema="oscuro"] body :is(#cobro-back,#modal-back) .metodos .metodo{background:#16304F!important;color:#fff!important;border-color:#6E9BD0!important}
html:root[data-tema="oscuro"] body :is(#cobro-back,#modal-back) .metodos .metodo .metodo-ico{color:#8FD0F0!important}
html:root[data-tema="oscuro"] body :is(#cobro-back,#modal-back) .metodos .metodo.active{background:#1F66C2!important;border-color:#CFE8FA!important}
/* billetes y monedas con más cuerpo */
html body :is(#cobro-back,#modal-back) .ef-grid:not(.ef-mon) .den-btn{min-height:74px!important;font-size:1.4rem!important}
html body :is(#cobro-back,#modal-back) .ef-grid.ef-mon .den-btn.d5,html body :is(#cobro-back,#modal-back) .ef-grid.ef-mon .den-btn.d10{min-height:52px!important;font-size:1.1rem!important}
html body :is(#cobro-back,#modal-back) .ef-grid.ef-mon .den-btn.d1,html body :is(#cobro-back,#modal-back) .ef-grid.ef-mon .den-btn.d2{min-height:40px!important;font-size:.9rem!important}
html body :is(#cobro-back,#modal-back) .abono-quick .btn,html body :is(#cobro-back,#modal-back) .m-rapidos .btn{min-height:56px;font-size:1rem;font-weight:800;border:2px solid #7F98BA;background:#fff;color:#072D59}
/* «Datos del apartado» compacto: una fila corta */
html body #apartado-extra{display:flex!important;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;padding:.45rem .7rem!important;margin-top:.4rem}
html body #apartado-extra .metodo-titulo{margin:0!important;flex:1 1 100%;font-size:.7rem}
html body #apartado-extra .metodo-titulo small{display:none}
html body #apartado-extra .cobro-row{display:flex!important;gap:.6rem;align-items:center;flex:1 1 auto;margin:0}
html body #apartado-extra .cobro-row label{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;flex:0 1 auto!important;margin:0}
html body #apartado-extra #caja-almacen{min-height:36px;height:36px;padding:0 .5rem;font-size:.85rem;max-width:190px}
html body #apartado-extra #duracion-dias{width:56px;min-height:36px;height:36px;padding:0 .3rem;text-align:center}
html body #apartado-extra .fecha-limite{margin:0;font-size:.85rem;white-space:nowrap}
html body #apartado-extra #caja-nueva-w{margin:0!important;flex:1 1 100%}
/* tarjetas por sección con fondo que contrasta con el del modal */
html 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){background:#E6EEF8!important;border:2px solid #9DB3D1!important;border-radius:14px!important;padding:.6rem .7rem!important}
html body :is(#cobro-back,#modal-back) :is(#pz-lista,#metodos-pago,#m-metodos){padding:.6rem!important}
html body :is(#cobro-back,#modal-back) :is(#pagos-lista:empty,#m-stage:empty,#bolsa-fila.oculto,#m-bolsas.oculto,#ent-bolsas.oculto,#apartado-extra.oculto,#pagos-resumen:empty,#m-despues:empty,#ex-box-c:empty){display:none!important}
html body :is(#cobro-back,#modal-back) .pz-fila{background:#fff;border:1.5px solid #B9C9E0}
html:root[data-tema="oscuro"] 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){background:rgba(143,208,240,.12)!important;border-color:rgba(143,208,240,.45)!important}
html:root[data-tema="oscuro"] body :is(#cobro-back,#modal-back) .pz-fila,html:root[data-tema="oscuro"] body :is(#cobro-back,#modal-back) .metodos .metodo{background:#16304F}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) 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){background:rgba(143,208,240,.12)!important;border-color:rgba(143,208,240,.45)!important}}
html body .pago-3col .cobro-col3 .cobro-final{background:#E6EEF8!important}

/* ---- 326e · MODO CLARO: botones diferenciados por color con significado ---- */
html:root[data-tema="claro"] body .metodos .metodo{background:#fff!important}
html:root[data-tema="claro"] body :is(#cobro-back,#modal-back) .metodos .metodo[data-id="efectivo"]{--mc:#0E7A4A}
html:root[data-tema="claro"] body :is(#cobro-back,#modal-back) .metodos .metodo[data-id="tarjeta"]{--mc:#5B35B0}
html:root[data-tema="claro"] body :is(#cobro-back,#modal-back) .metodos .metodo[data-id="transferencia"]{--mc:#C2610A}
html:root[data-tema="claro"] body :is(#cobro-back,#modal-back) .metodos .metodo[data-id="saldo"]{--mc:#D3345F}
html:root[data-tema="claro"] body :is(#cobro-back,#modal-back) .metodos .metodo[data-id]{border:3px solid var(--mc,#7F98BA)!important;color:var(--mc,#072D59)!important;background:#fff!important}
html:root[data-tema="claro"] body :is(#cobro-back,#modal-back) .metodos .metodo[data-id] .metodo-ico,html:root[data-tema="claro"] body :is(#cobro-back,#modal-back) .metodos .metodo[data-id] .bz-ic{color:var(--mc,#0A3570)!important;stroke:var(--mc,#0A3570)!important}
html:root[data-tema="claro"] body :is(#cobro-back,#modal-back) .metodos .metodo[data-id].active{background:var(--mc,#0A3570)!important;border-color:var(--mc,#0A3570)!important;color:#fff!important;box-shadow:0 0 0 3px #fff,0 0 0 6px var(--mc,#0A3570)!important}
html:root[data-tema="claro"] body :is(#cobro-back,#modal-back) .metodos .metodo[data-id].active *{color:#fff!important;stroke:#fff!important}
/* secundarios: blanco con borde gris marcado */
html:root[data-tema="claro"] body .btn.sec,html:root[data-tema="claro"] body .btn.mini.sec,html:root[data-tema="claro"] body button.sec{background:#fff!important;color:#1B2B45!important;border:2px solid #8793A6!important;box-shadow:none!important}
html:root[data-tema="claro"] body .btn.sec *{color:inherit}
/* principal / confirmar: azul sólido oscuro, texto blanco */
html:root[data-tema="claro"] body .btn.verde:not(:disabled),html:root[data-tema="claro"] body .btn.grande.verde:not(:disabled){background:#0A3570!important;color:#fff!important;border:2px solid #072452!important;text-shadow:none!important}
html:root[data-tema="claro"] body .btn.verde:not(:disabled) *{color:#fff!important}
/* OK / cobrar / pagado: verde */
html:root[data-tema="claro"] body :is(#btn-cobrar,.ef-fila .btn.verde,.btn.ok,.btn.exito,#ef-exacto){background:#0E7A4A!important;border-color:#09563A!important;color:#fff!important}
html:root[data-tema="claro"] body :is(.ef-fila .btn.verde) *{color:#fff!important}
/* quitar / cancelar / borrar: rojo */
html:root[data-tema="claro"] body :is(.btn.rojo,.btn.rojo-suave,.btn-del,.btn[onclick*="efQuitar"],.btn[onclick*="efLimpiar"],.btn[onclick*="quitar"],.btn[onclick*="Quitar"],.btn[onclick*="cancelar"],.btn[onclick*="Cancelar"]):not(:disabled){background:#FDECEC!important;color:#B3211A!important;border:2px solid #C9362C!important;box-shadow:none!important}
html:root[data-tema="claro"] body :is(.btn.rojo,.btn.rojo-suave,.btn-del,.btn[onclick*="efQuitar"],.btn[onclick*="efLimpiar"],.btn[onclick*="quitar"],.btn[onclick*="Quitar"]) *{color:#B3211A!important;stroke:#B3211A!important}
html:root[data-tema="claro"] body .btn.rojo.grande:not(:disabled){background:#C0291F!important;color:#fff!important;border-color:#8F1C15!important}
html:root[data-tema="claro"] body .btn.rojo.grande *{color:#fff!important}
/* chips/filtros activos */
html:root[data-tema="claro"] body .chip.sel,html:root[data-tema="claro"] body .seg button.active{background:#0A3570!important;color:#fff!important;border-color:#072452!important}
html:root[data-tema="claro"] body .chip.sel *,html:root[data-tema="claro"] body .seg button.active *{color:#fff!important}
@media(prefers-color-scheme:light){
/* ---- 326e · MODO CLARO: botones diferenciados por color con significado ---- */
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body .metodos .metodo{background:#fff!important}
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body :is(#cobro-back,#modal-back) .metodos .metodo[data-id="efectivo"]{--mc:#0E7A4A}
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body :is(#cobro-back,#modal-back) .metodos .metodo[data-id="tarjeta"]{--mc:#5B35B0}
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body :is(#cobro-back,#modal-back) .metodos .metodo[data-id="transferencia"]{--mc:#C2610A}
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body :is(#cobro-back,#modal-back) .metodos .metodo[data-id="saldo"]{--mc:#D3345F}
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body :is(#cobro-back,#modal-back) .metodos .metodo[data-id]{border:3px solid var(--mc,#7F98BA)!important;color:var(--mc,#072D59)!important;background:#fff!important}
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body :is(#cobro-back,#modal-back) .metodos .metodo[data-id] .metodo-ico,html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body :is(#cobro-back,#modal-back) .metodos .metodo[data-id] .bz-ic{color:var(--mc,#0A3570)!important;stroke:var(--mc,#0A3570)!important}
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body :is(#cobro-back,#modal-back) .metodos .metodo[data-id].active{background:var(--mc,#0A3570)!important;border-color:var(--mc,#0A3570)!important;color:#fff!important;box-shadow:0 0 0 3px #fff,0 0 0 6px var(--mc,#0A3570)!important}
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body :is(#cobro-back,#modal-back) .metodos .metodo[data-id].active *{color:#fff!important;stroke:#fff!important}
/* secundarios: blanco con borde gris marcado */
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body .btn.sec,html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body .btn.mini.sec,html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body button.sec{background:#fff!important;color:#1B2B45!important;border:2px solid #8793A6!important;box-shadow:none!important}
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body .btn.sec *{color:inherit}
/* principal / confirmar: azul sólido oscuro, texto blanco */
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body .btn.verde:not(:disabled),html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body .btn.grande.verde:not(:disabled){background:#0A3570!important;color:#fff!important;border:2px solid #072452!important;text-shadow:none!important}
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body .btn.verde:not(:disabled) *{color:#fff!important}
/* OK / cobrar / pagado: verde */
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body :is(#btn-cobrar,.ef-fila .btn.verde,.btn.ok,.btn.exito,#ef-exacto){background:#0E7A4A!important;border-color:#09563A!important;color:#fff!important}
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body :is(.ef-fila .btn.verde) *{color:#fff!important}
/* quitar / cancelar / borrar: rojo */
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body :is(.btn.rojo,.btn.rojo-suave,.btn-del,.btn[onclick*="efQuitar"],.btn[onclick*="efLimpiar"],.btn[onclick*="quitar"],.btn[onclick*="Quitar"],.btn[onclick*="cancelar"],.btn[onclick*="Cancelar"]):not(:disabled){background:#FDECEC!important;color:#B3211A!important;border:2px solid #C9362C!important;box-shadow:none!important}
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body :is(.btn.rojo,.btn.rojo-suave,.btn-del,.btn[onclick*="efQuitar"],.btn[onclick*="efLimpiar"],.btn[onclick*="quitar"],.btn[onclick*="Quitar"]) *{color:#B3211A!important;stroke:#B3211A!important}
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body .btn.rojo.grande:not(:disabled){background:#C0291F!important;color:#fff!important;border-color:#8F1C15!important}
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body .btn.rojo.grande *{color:#fff!important}
/* chips/filtros activos */
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body .chip.sel,html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body .seg button.active{background:#0A3570!important;color:#fff!important;border-color:#072452!important}
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body .chip.sel *,html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body .seg button.active *{color:#fff!important}
}
html body :is(#cobro-back,#modal-back) .metodos,html body :is(#cobro-back,#modal-back) .modo-apartado .metodos{grid-template-columns:repeat(auto-fit,minmax(98px,1fr))!important}
html body :is(#cobro-back,#modal-back) .metodos .metodo,html body :is(#cobro-back,#modal-back) .modo-apartado .metodos .metodo{min-height:76px!important;font-size:1rem!important}
html body :is(#cobro-back,#modal-back) .ef-grid:not(.ef-mon) .den-btn{min-height:64px!important}
html body #apartado-extra .cobro-row{flex-wrap:nowrap}
html:root[data-tema="oscuro"] body :is(#cobro-back,#modal-back) :is(#btn-cobrar,#btn-apartar,#m-ok,#ent-ok),html:root[data-tema="oscuro"] body :is(#cobro-back,#modal-back) :is(#btn-cobrar,#btn-apartar,#m-ok,#ent-ok):disabled{color:#fff!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body :is(#cobro-back,#modal-back) :is(#btn-cobrar,#btn-apartar,#m-ok,#ent-ok),html:root:not([data-tema="claro"]) body :is(#cobro-back,#modal-back) :is(#btn-cobrar,#btn-apartar,#m-ok,#ent-ok):disabled{color:#fff!important}}

/* 2.03.0 · #327 reporte del día: 3 bloques arriba (venta cian · apartado/abono lima) y dinero en 3 columnas */
html body .vd-busca{margin:0 0 .7rem}
html body .vd-tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;align-items:start;margin-bottom:1rem}
html body .vd-blq{border:2.5px solid var(--bc,#9DB3D1);border-radius:18px;background:#fff;overflow:hidden}
html body .vd-blq.c-venta{--bc:var(--c-venta);--bb:var(--c-venta-bg);--bi:var(--c-venta-ink)}
html body .vd-blq.c-apartado{--bc:var(--c-apartado);--bb:var(--c-apartado-bg);--bi:var(--c-apartado-ink)}
html body .vd-blq.c-abono{--bc:#7FA80E;--bb:#F1FACB;--bi:#3A4F00}
html body .vd-blq>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.8rem .9rem;background:var(--bb);color:var(--bi)}
html body .vd-blq>header b{display:block;font-size:1.1rem}
html body .vd-blq>header small{font-size:.85rem;opacity:.85}
html body .vd-blq>header strong{font-size:1.6rem;font-weight:800;color:var(--bi)}
html body .vd-blq .vd-ic{font-size:1.8rem}
html body .vd-blq .vd-filas{max-height:calc(46*var(--vz,1)*1dvh);overflow:auto;padding:.5rem}
html body .vd-blq .item{margin:.3rem 0}
html body .vd-dev{margin:0 0 1rem;border:1.5px solid var(--gl-line,#DCE7F2);border-radius:14px;padding:.4rem .8rem}
html body .vd-dev summary{cursor:pointer;font-weight:700;padding:.3rem 0}
html body .din-tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
html body .din-col{border:2.5px solid var(--dc);border-radius:16px;padding:.6rem .8rem;background:#fff}
html body .din-col>header{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;color:var(--dc);margin-bottom:.3rem}
html body .din-col .kv{display:flex;justify-content:space-between;padding:.15rem 0;font-size:.95rem}
html body .din-col .din-t{border-top:2px solid var(--dc);margin-top:.3rem;padding-top:.35rem;font-size:1.2rem;font-weight:800;color:var(--dc)}
html body .din-ef{--dc:#0E7A4A}html body .din-ta{--dc:#5B35B0}html body .din-tr{--dc:#C2610A}
html body .din-saldo{display:flex;justify-content:space-between;margin:.5rem 0 0;padding:.35rem .7rem;border-radius:10px;background:#FDE7EE;color:#8F1F47;font-size:.9rem}
html body .din-general{display:flex;justify-content:space-between;align-items:center;margin:.7rem 0;padding:.8rem 1rem;border-radius:14px;background:#0A3570;color:#fff;font-size:1.1rem}
html body .din-general b{font-size:1.6rem}
html body .din-general small{opacity:.8}
html:root[data-tema="oscuro"] body .vd-blq,html:root[data-tema="oscuro"] body .din-col{background:rgba(143,208,240,.08)}
html:root[data-tema="oscuro"] body .din-ef{--dc:#4fd69c}html:root[data-tema="oscuro"] body .din-ta{--dc:#B79CFF}html:root[data-tema="oscuro"] body .din-tr{--dc:#FFB155}
html:root[data-tema="oscuro"] body .din-saldo{background:#4A2030;color:#FFC2D2}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .vd-blq,html:root:not([data-tema="claro"]) body .din-col{background:rgba(143,208,240,.08)}html:root:not([data-tema="claro"]) body .din-ef{--dc:#4fd69c}html:root:not([data-tema="claro"]) body .din-ta{--dc:#B79CFF}html:root:not([data-tema="claro"]) body .din-tr{--dc:#FFB155}}
@media(max-width:1100px){html body .vd-tres{grid-template-columns:1fr}html body .vd-blq .vd-filas{max-height:none}}
@media(max-width:767px){html body .din-tres{grid-template-columns:1fr}}

/* 2.03.1 · #327b «Debe haber en caja» y #327c íconos con color de su tipo */
html body i.ico{font-style:normal;display:inline-flex;align-items:center;vertical-align:middle;margin-right:.25rem}
html body i.ico .bz-ic{width:1.15em;height:1.15em;stroke:currentColor}
html body i.ico-venta{color:#0891B2}html body i.ico-apartado{color:#6E9B0C}html body i.ico-abono{color:#5A7F08}
html body i.ico-efectivo{color:#0E7A4A}html body i.ico-tarjeta{color:#5B35B0}html body i.ico-transferencia{color:#C2610A}html body i.ico-saldo{color:#D3345F}
html body i.ico-caja{color:#0A3570}html body i.ico-retiro{color:#B3211A}html body i.ico-devol{color:#B3211A}html body i.ico-total{color:#0A3570}html body i.ico-alerta{color:#B7791F}
html body .vd-blq>header .vd-ic i.ico{font-size:1.9rem;margin:0;color:var(--bi)}
html body .din-col>header i.ico{font-size:1.4rem}
html body .din-col .kv span{display:inline-flex;align-items:center;gap:.15rem}
html body .din-caja h4,html body .din-saldo span,html body .din-general span{display:flex;align-items:center;gap:.3rem}
html body .din-debe{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem .8rem;margin:.8rem 0;padding:.9rem 1rem;border:3px solid #0A3570;border-radius:16px;background:#E6EEF8;color:#072D59}
html body .din-debe>i.ico{font-size:2.2rem;margin:0}
html body .din-debe b{display:block;font-size:1.15rem}
html body .din-debe small{opacity:.8}
html body .din-debe strong{font-size:2rem;font-weight:800;color:#0A3570}
html body .din-debe.sin{border-style:dashed;border-color:#8793A6;background:#F1F4F8}
html body .din-debe.sin strong{color:#6B7C93}
html body .din-debe-det{grid-column:1/-1;border-top:2px solid rgba(10,53,112,.2);padding-top:.5rem;display:grid;gap:.2rem}
html body .din-debe-det .kv{display:flex;align-items:center;gap:.4rem;font-size:.92rem}
html body .din-debe-det .kv span{flex:1}
html:root[data-tema="oscuro"] body .din-debe{background:rgba(143,208,240,.12);border-color:#8FD0F0;color:#fff}
html:root[data-tema="oscuro"] body .din-debe strong,html:root[data-tema="oscuro"] body i.ico-caja,html:root[data-tema="oscuro"] body i.ico-total{color:#8FD0F0}
html:root[data-tema="oscuro"] body i.ico-venta{color:#33D6F5}html:root[data-tema="oscuro"] body i.ico-apartado,html:root[data-tema="oscuro"] body i.ico-abono{color:#C2EA2B}html:root[data-tema="oscuro"] body i.ico-efectivo{color:#4fd69c}html:root[data-tema="oscuro"] body i.ico-tarjeta{color:#B79CFF}html:root[data-tema="oscuro"] body i.ico-transferencia{color:#FFB155}html:root[data-tema="oscuro"] body i.ico-saldo{color:#FF9DB0}html:root[data-tema="oscuro"] body i.ico-retiro,html:root[data-tema="oscuro"] body i.ico-devol{color:#FF8A7A}
html body .din-general i.ico{color:#fff}

/* 2.03.2 · #328 «Inicio» FIJO arriba del menú lateral (no se va con el scroll del menú), abierto o colapsado; resaltado al estar en Inicio */
@media(min-width:768px){
  html body #main#main aside nav .nav-item.nav-inicio{display:flex!important;position:sticky!important;top:0;z-index:6;box-shadow:0 8px 10px -8px rgba(3,20,45,.8)}
  html body #main#main aside nav .nav-item.nav-inicio:not(.active){background:#0E4585!important}
  html:root[data-tema="oscuro"] body #main#main aside nav .nav-item.nav-inicio:not(.active){background:#0B2D58!important}
  html body #main#main aside nav .nav-item.nav-inicio.active{background:linear-gradient(160deg,#FFD0D9,#FD8CA1)!important;color:#072D59!important}
  html body #main#main.nav-plegada:not(.nav-hover) aside nav .nav-item.nav-inicio{border-radius:50%!important}
}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body #main#main aside nav .nav-item.nav-inicio:not(.active){background:#0B2D58!important}}

/* 2.03.3 · #329 control de tamaño de texto «A− 100 % A+» en el menú de usuario */
html body .um-texto{display:flex;align-items:center;gap:.4rem;padding:.4rem .7rem;margin:.2rem 0}
html body .um-texto span{flex:1;font-weight:700}
html body .um-texto button{min-width:44px;min-height:40px;border-radius:10px;border:2px solid #8793A6;background:#fff;color:#1B2B45;font-weight:800;cursor:pointer}
html body .um-texto .um-t-n{min-width:64px}
html:root[data-tema="oscuro"] body .um-texto button{background:#16304F;color:#fff;border-color:#6E9BD0}
/* #329 con texto grande las formas de pago pasan a 2 columnas en vez de apretarse */
html body :is(#cobro-back,#modal-back) .metodos,html body :is(#cobro-back,#modal-back) .modo-apartado .metodos{grid-template-columns:repeat(auto-fit,minmax(7.2rem,1fr))!important}
html body :is(#cobro-back,#modal-back) .metodos .metodo{min-width:0;overflow-wrap:anywhere}

/* 2.03.4 · #330 pop-ups de confirmación y avisos ANGOSTOS y centrados (≈480 px en PC, casi ancho completo en el celular); los modales de cobro de 3 columnas (326) NO cambian */
html body #cobro-back .modal.modal-cobro:has(#cobro-listo:not(.oculto)){width:min(500px,calc(96*var(--vz,1)*1vw))!important;max-width:500px!important}
html body #modal-back .modal:has(.panel-op),html body #modal-back .modal:has(#au-pin),html body #modal-back .modal:has(.cl-conf),html body #modal-back .modal:has(.modal-chico){width:min(480px,calc(94*var(--vz,1)*1vw))!important;max-width:480px!important}
html body .dlg{width:min(480px,calc(94*var(--vz,1)*1vw))!important;max-width:480px!important}
html body :is(.dlg,.panel-op,.cobro-listo,.cl-conf) .acciones{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:stretch}
html body :is(.dlg,.panel-op,.cobro-listo,.cl-conf) .acciones .btn{flex:1 1 140px;min-height:54px;font-size:1.05rem}
html body :is(#bz-ofrece-ticket,#wa-panel,#wa-oferta){max-width:520px;margin-inline:auto}
html body .cobro-listo .btn.grande{min-height:56px;width:100%}

/* 2.03.6 · #333–#337 #339 #340 rediseño coherente del modal de cobro */
/* ---- 339 paleta fija (claro): VERDE sólido = acción principal; BLANCO con borde = secundario; ROJO = quitar/cancelar; VERDE WhatsApp con ícono; ÁMBAR = advertencia ---- */
html:root[data-tema="claro"] body :is(.btn.verde,.btn.grande.verde,.btn.rosa,#btn-cobrar,#btn-apartar,#m-ok,#ent-ok,#btn-abrir-cobrar):not(:disabled):not(#zz){background:#1B7F3B!important;background-image:none!important;border:2px solid #115C28!important;color:#fff!important;text-shadow:none!important;box-shadow:0 5px 12px -6px rgba(17,92,40,.8)!important}
html:root[data-tema="claro"] body :is(.btn.verde,.btn.grande.verde,.btn.rosa,#btn-cobrar,#btn-apartar,#m-ok,#ent-ok,#btn-abrir-cobrar):not(:disabled):not(#zz) *{color:#fff!important;stroke:#fff!important}
html:root[data-tema="claro"] body :is(.btn.verde,#btn-cobrar,#btn-apartar,#m-ok,#ent-ok):disabled:not(#zz){background:#7C8A9C!important;border-color:#5F6E81!important;color:#fff!important;opacity:1!important}
html:root[data-tema="claro"] body :is(.wa-b,.btn-wa,.tf-wa-dueno,.btn.wa):not(:disabled):not(#zz){background:#128C7E!important;background-image:none!important;border:2px solid #0A645A!important;color:#fff!important;box-shadow:0 5px 12px -6px rgba(10,100,90,.8)!important}
html:root[data-tema="claro"] body :is(.wa-b,.btn-wa,.tf-wa-dueno,.btn.wa) *{color:#fff!important;stroke:#fff!important}
html:root[data-tema="claro"] body .btn.ambar:not(:disabled):not(#zz){background:#F5A524!important;color:#3A2400!important;border:2px solid #B87400!important}
html:root[data-tema="claro"] body .btn.sec:not(.wa-b):not(.tf-wa-dueno):not(:disabled):not(#zz),html:root[data-tema="claro"] body button.sec:not(.wa-b):not(.tf-wa-dueno):not(#zz){background:#fff!important;color:#1B2B45!important;border:2px solid #7E8CA0!important;box-shadow:none!important}
/* ---- 340b formas de pago armonizadas: misma tarjeta que el resto, color como acento (franja + ícono) y relleno sólido solo en la elegida ---- */
html:root[data-tema="claro"] body :is(#cobro-back,#modal-back) .metodos .metodo[data-id]:not(#zz){--mc:#6B7C93;border:2px solid #C5D2E3!important;border-left:8px solid var(--mc)!important;border-radius:14px!important;background:#fff!important;color:#12304F!important;box-shadow:0 3px 8px -5px rgba(7,45,89,.45)!important;flex-direction:row!important;justify-content:flex-start!important;gap:.6rem!important;padding:.5rem .8rem!important;min-height:64px!important;text-align:left}
html:root[data-tema="claro"] body :is(#cobro-back,#modal-back) .metodos .metodo[data-id="efectivo"]:not(#zz){--mc:#1F8A5B}
html:root[data-tema="claro"] body :is(#cobro-back,#modal-back) .metodos .metodo[data-id="tarjeta"]:not(#zz){--mc:#6D52C9}
html:root[data-tema="claro"] body :is(#cobro-back,#modal-back) .metodos .metodo[data-id="transferencia"]:not(#zz){--mc:#D98A1B}
html:root[data-tema="claro"] body :is(#cobro-back,#modal-back) .metodos .metodo[data-id="saldo"]:not(#zz){--mc:#D8527F}
html:root[data-tema="claro"] body :is(#cobro-back,#modal-back) .metodos .metodo[data-id] .metodo-ico:not(#zz),html:root[data-tema="claro"] body :is(#cobro-back,#modal-back) .metodos .metodo[data-id] .bz-ic:not(#zz){color:var(--mc)!important;stroke:var(--mc)!important;width:32px!important;height:32px!important;flex:none}
html:root[data-tema="claro"] body :is(#cobro-back,#modal-back) .metodos .metodo[data-id].active:not(#zz){background:var(--mc)!important;border-color:var(--mc)!important;color:#fff!important;box-shadow:0 6px 14px -6px var(--mc)!important}
html:root[data-tema="claro"] body :is(#cobro-back,#modal-back) .metodos .metodo[data-id].active:not(#zz) *{color:#fff!important;stroke:#fff!important}
@media(prefers-color-scheme:light){
/* ---- 339 paleta fija (claro): VERDE sólido = acción principal; BLANCO con borde = secundario; ROJO = quitar/cancelar; VERDE WhatsApp con ícono; ÁMBAR = advertencia ---- */
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body :is(.btn.verde,.btn.grande.verde,.btn.rosa,#btn-cobrar,#btn-apartar,#m-ok,#ent-ok,#btn-abrir-cobrar):not(:disabled):not(#zz){background:#1B7F3B!important;background-image:none!important;border:2px solid #115C28!important;color:#fff!important;text-shadow:none!important;box-shadow:0 5px 12px -6px rgba(17,92,40,.8)!important}
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body :is(.btn.verde,.btn.grande.verde,.btn.rosa,#btn-cobrar,#btn-apartar,#m-ok,#ent-ok,#btn-abrir-cobrar):not(:disabled):not(#zz) *{color:#fff!important;stroke:#fff!important}
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body :is(.btn.verde,#btn-cobrar,#btn-apartar,#m-ok,#ent-ok):disabled:not(#zz){background:#7C8A9C!important;border-color:#5F6E81!important;color:#fff!important;opacity:1!important}
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body :is(.wa-b,.btn-wa,.tf-wa-dueno,.btn.wa):not(:disabled):not(#zz){background:#128C7E!important;background-image:none!important;border:2px solid #0A645A!important;color:#fff!important;box-shadow:0 5px 12px -6px rgba(10,100,90,.8)!important}
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body :is(.wa-b,.btn-wa,.tf-wa-dueno,.btn.wa) *{color:#fff!important;stroke:#fff!important}
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body .btn.ambar:not(:disabled):not(#zz){background:#F5A524!important;color:#3A2400!important;border:2px solid #B87400!important}
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body .btn.sec:not(.wa-b):not(.tf-wa-dueno):not(:disabled):not(#zz),html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body button.sec:not(.wa-b):not(.tf-wa-dueno):not(#zz){background:#fff!important;color:#1B2B45!important;border:2px solid #7E8CA0!important;box-shadow:none!important}
/* ---- 340b formas de pago armonizadas: misma tarjeta que el resto, color como acento (franja + ícono) y relleno sólido solo en la elegida ---- */
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body :is(#cobro-back,#modal-back) .metodos .metodo[data-id]:not(#zz){--mc:#6B7C93;border:2px solid #C5D2E3!important;border-left:8px solid var(--mc)!important;border-radius:14px!important;background:#fff!important;color:#12304F!important;box-shadow:0 3px 8px -5px rgba(7,45,89,.45)!important;flex-direction:row!important;justify-content:flex-start!important;gap:.6rem!important;padding:.5rem .8rem!important;min-height:64px!important;text-align:left}
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body :is(#cobro-back,#modal-back) .metodos .metodo[data-id="efectivo"]:not(#zz){--mc:#1F8A5B}
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body :is(#cobro-back,#modal-back) .metodos .metodo[data-id="tarjeta"]:not(#zz){--mc:#6D52C9}
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body :is(#cobro-back,#modal-back) .metodos .metodo[data-id="transferencia"]:not(#zz){--mc:#D98A1B}
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body :is(#cobro-back,#modal-back) .metodos .metodo[data-id="saldo"]:not(#zz){--mc:#D8527F}
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body :is(#cobro-back,#modal-back) .metodos .metodo[data-id] .metodo-ico:not(#zz),html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body :is(#cobro-back,#modal-back) .metodos .metodo[data-id] .bz-ic:not(#zz){color:var(--mc)!important;stroke:var(--mc)!important;width:32px!important;height:32px!important;flex:none}
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body :is(#cobro-back,#modal-back) .metodos .metodo[data-id].active:not(#zz){background:var(--mc)!important;border-color:var(--mc)!important;color:#fff!important;box-shadow:0 6px 14px -6px var(--mc)!important}
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body :is(#cobro-back,#modal-back) .metodos .metodo[data-id].active:not(#zz) *{color:#fff!important;stroke:#fff!important}
}

/* 340a barra superior compacta de UNA línea: Total · Pagado · Falta */
html body :is(#cobro-back,#modal-back) .cobro-total{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between;gap:1.2rem;min-height:52px;padding:.3rem 1.1rem!important;border-radius:14px!important;margin-bottom:.6rem!important}
html body :is(#cobro-back,#modal-back) .cobro-total>div{display:flex!important;flex-direction:row!important;align-items:baseline!important;gap:.6rem;background:none!important;padding:0!important;border-radius:0!important}
html body :is(#cobro-back,#modal-back) .cobro-total span{font-size:max(13px,.95rem)!important;font-weight:700;opacity:.95}
html body :is(#cobro-back,#modal-back) .cobro-total strong{font-size:1.6rem!important;line-height:1.1}
html body :is(#cobro-back,#modal-back) .cobro-total .cobro-falta strong{color:#FFC857!important}
html body :is(#cobro-back,#modal-back) .cobro-total .cobro-falta.ok strong,html body :is(#cobro-back,#modal-back) .cobro-total .cobro-falta.ok span{color:#8CF2B8!important}
html body :is(#cobro-back,#modal-back) .cobro-total .cobro-falta.ok{background:none!important}
/* 340c columnas: con la bolsa y el extra fuera, la izquierda es solo prendas (más corta); más ancho a pago y resumen */
html body .pago-2col.pago-3col{grid-template-columns:minmax(220px,.75fr) minmax(0,1.45fr) minmax(300px,1fr)!important}
html body :is(#cobro-back,#modal-back) #pz-lista{max-height:calc(calc(100*var(--vz,1)*1dvh) - 320px)!important}
html body :is(#cobro-back,#modal-back) .pz-fila{font-size:1.05rem;padding:.55rem .7rem}
html body :is(#cobro-back,#modal-back) .pz-fila small{font-size:max(13px,.85rem)}
/* 336 «Avisar a X por WhatsApp»: columna derecha, justo sobre el botón principal */
html body #c-tf-wa:not(.oculto),html body #a-tf-wa:not(.oculto){display:flex;flex-direction:column;gap:.3rem;padding:.6rem;border:2px solid #128C7E;border-radius:14px;background:#E3F6F2}
html body :is(#c-tf-wa,#a-tf-wa) .tf-wa-dueno{width:100%;min-height:56px;font-size:1.1rem;font-weight:800;justify-content:center}
html body :is(#c-tf-wa,#a-tf-wa) small{font-size:max(13px,.85rem);color:#0A645A}
/* 334 monedas CHIQUITAS (chip compacto con borde marcado) y billetes grandes */
html body :is(#cobro-back,#modal-back) .ef-grid.ef-mon{display:flex!important;flex-wrap:wrap;gap:.5rem!important;justify-content:flex-start;grid-template-columns:none!important}
html body :is(#cobro-back,#modal-back) .ef-grid.ef-mon .den-btn{flex:0 0 auto!important;width:auto!important;min-width:62px;min-height:34px!important;padding:0 .8rem!important;border-radius:10px!important;border:2px solid #7E8CA0!important;background:#fff!important;font-size:.95rem!important;font-weight:800!important;opacity:1!important}
html body :is(#cobro-back,#modal-back) .ef-grid.ef-mon .den-btn.d5,html body :is(#cobro-back,#modal-back) .ef-grid.ef-mon .den-btn.d10{min-height:38px!important;font-size:1rem!important}
html body :is(#cobro-back,#modal-back) .ef-grid:not(.ef-mon) .den-btn{min-height:76px!important;font-size:1.5rem!important;border-width:3px!important}
/* 337 Venta lista: botones con jerarquía */
html body .cobro-listo .btn{min-height:56px;font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}
html body #cl-imp.sec{background:#fff!important;border:2px solid #7E8CA0!important;color:#1B2B45!important}
@media(max-width:1180px){html body .pago-2col.pago-3col{grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr)!important}}
@media(max-width:767px){html body .pago-2col.pago-3col{grid-template-columns:1fr!important}html body :is(#cobro-back,#modal-back) #pz-lista{max-height:none!important}}

html:root[data-tema="claro"] body :is(#cobro-back,#modal-back) .metodos .metodo[data-id]:not(#zz){flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;gap:.25rem!important;padding:.5rem .3rem!important;min-height:84px!important;font-size:.95rem!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
@media(prefers-color-scheme:light){
html:root:not([data-tema="oscuro"]):not([data-tema="claro"]) body :is(#cobro-back,#modal-back) .metodos .metodo[data-id]:not(#zz){flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;gap:.25rem!important;padding:.5rem .3rem!important;min-height:84px!important;font-size:.95rem!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
}

html body :is(#cobro-back,#modal-back) .metodos .metodo{overflow-wrap:normal!important;word-break:normal!important}
html body :is(#cobro-back,#modal-back) .metodos .metodo small{font-size:max(12px,.75rem);line-height:1.1;white-space:normal}
html body #cobro-back .tf-paso>.hint-vacio{display:none}
html body :is(#cobro-back,#modal-back) .ef-grid:not(.ef-mon) .den-btn{min-height:62px!important;font-size:1.4rem!important}
html body :is(#cobro-back,#modal-back) .ef-resumen{margin-top:.2rem}

/* 2.03.6 · #341 control «Mover el ticket» con vista previa a escala */
html body .aj-mover-fila{display:flex;align-items:center;gap:.6rem;margin:.4rem 0}
html body .aj-mover-fila .btn{min-width:56px;min-height:48px;font-size:1.2rem}
html body .aj-mover-fila b{min-width:70px;text-align:center;font-size:1.2rem}
html body .aj-papel{position:relative;height:80px;max-width:100%;background:#fff;border:2px solid #7E8CA0;margin:.5rem 0;overflow:hidden}
html body .aj-papel .aj-area{position:absolute;top:0;bottom:0;background:rgba(14,122,74,.12);border-right:2px dashed #0E7A4A}
html body .aj-papel .aj-corte{position:absolute;top:0;bottom:0;border-left:2px solid #C0291F}
html body .aj-papel div[style*="display:flex"]{color:#000}

html body :is(#cobro-back,#modal-back) .metodos,html body :is(#cobro-back,#modal-back) .modo-apartado .metodos{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body :is(#cobro-back,#modal-back) .metodos .metodo[data-id]{white-space:normal;word-break:normal;overflow-wrap:normal}
html body :is(#cobro-back,#modal-back) .metodos,html body :is(#cobro-back,#modal-back) .modo-apartado .metodos{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr))!important}
html body :is(#cobro-back,#modal-back) .metodos .metodo[data-id]{flex-direction:column!important;justify-content:center!important;text-align:center!important;gap:.15rem!important;min-height:70px!important;padding:.4rem .3rem!important}
html body #apartado-extra .cobro-row{flex-wrap:wrap}
html body #apartado-extra #caja-almacen{max-width:150px}

/* 2.03.7 · #338 traspaso: botón «＋ Agregar» sólido y grande; prenda ya elegida marcada (fondo verde suave + palomita) */
html body .transf-item .tr-add{min-height:52px;min-width:130px;font-size:1.05rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;flex:none}
html body .transf-item.tr-en{background:#E3F6EA!important;border:2px solid #1B7F3B!important;border-left-width:8px!important}
html body .transf-item .tr-ok{color:#1B7F3B;font-weight:800}
html body .transf-item .tr-ok .bz-ic{stroke:#1B7F3B}
html:root[data-tema="oscuro"] body .transf-item.tr-en{background:rgba(79,214,156,.16)!important;border-color:#4fd69c!important}
html body input:has(+ .kbd-t){width:calc(100% - 64px)!important;display:inline-block;vertical-align:middle}
html body input:has(+ .kbd-t)+.kbd-t{vertical-align:middle}

/* 2.03.8 · #332 variantes en la ficha */
html body .ph-var-t{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin:1rem 0 .4rem;font-size:max(16px,1.1rem)}
html body .ph-var-t small{font-weight:600;opacity:.75;font-size:max(13px,.85rem)}
html body .ph-var .ph-v{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.6rem;padding:.5rem .6rem;border:2px solid #C5D2E3;border-radius:12px;background:#fff;cursor:pointer}
html body .ph-var .ph-v-esta{border-color:#1B7F3B;background:#E3F6EA;border-left-width:8px}
html body .ph-var .ph-v-no{opacity:.65}
html body .ph-v-img{width:46px;height:58px;border-radius:8px;background:#E6EEF8;overflow:hidden;display:block}
html body .ph-v-img img{width:100%;height:100%;object-fit:cover}
html body .ph-v-add{min-width:44px;min-height:44px}
html:root[data-tema="oscuro"] body .ph-var .ph-v{background:rgba(143,208,240,.1);border-color:rgba(143,208,240,.35)}
html:root[data-tema="oscuro"] body .ph-var .ph-v-esta{background:rgba(79,214,156,.16);border-color:#4fd69c}

/* 2.03.9 · #331 títulos de sección más grandes y en negrita (≈16–18 px a escala normal) y ningún texto útil por debajo de 13 px; escala con A−/A+ (329) */
html body :is(.pago-sec-t,.metodo-titulo,.cart-card-t,.card h3,.ct-sec h3,.vd-blq header b,.din-col>header b,.in-card .ic-tx>b,.tf-lbl,.mp-h b,.apc-nom,.inv-cab h3,.rep-t,.vd-pg-t,.din-caja h4,.cn-cab b,.seg-cab b,.ph-var-t,h4){font-size:max(16px,1.1rem)!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important}
html body :is(.pago-sec-t,.metodo-titulo){margin-bottom:.2rem}
html body :is(small,.hint-vacio,.tf-meta,.badge,.chip,.lbl,.rc-sub,.prod-sub,.apc-desc,.apc-num,.in-card small,figcaption,.pz-fila small,.kv small,.stat span,.fp,.mp-cond,.ed-nota,.aj-ayuda,.cli-sub,.faltan-linea,.ef-resumen span,.cobro-total span,.din-saldo small,.vd-blq header small,.den-sub,.ic-n,.in-n,.nav-seccion){font-size:max(13px,.87rem)!important}
html body :is(#cobro-back,#modal-back) :is(label,.ed-campo,.campo label,.pago-info .pi-fila){font-size:max(14px,.93rem)}
html body .kv span,html body .kv{font-size:max(14px,.93rem)}
html body aside nav .nav-seccion{font-size:max(13px,.8rem)!important;letter-spacing:.04em}
html body :is(#cobro-back,#modal-back) .ef-resumen{gap:.4rem}
html body :is(#cobro-back,#modal-back) .ef-resumen>div{padding:.3rem .6rem!important}
html body :is(#cobro-back,#modal-back) .ef-resumen b{font-size:1.5rem!important;line-height:1.1}
html body :is(#cobro-back,#modal-back) .ef-fila{margin:.3rem 0}
html body :is(#cobro-back,#modal-back) .ef-grid:not(.ef-mon) .den-btn{min-height:68px!important}
html body :is(.btn.mini,.btn.mini span,.cat-chip span,.cat-chip i,.seg button,.inicio-t,.um-ay-t,.rep-acc span,.bl,.topbar .btn span){font-size:max(13px,.87rem)!important}
/* cobro: mantener todo en 1366×768 sin scroll extra */
html body :is(#cobro-back,#modal-back) .modal-cobro,html body #cobro-back .modal{padding-top:.5rem!important}
html body #cobro-back .modal h3:first-child{min-height:34px!important;margin:0 0 .3rem!important}
html body .pago-2col.pago-3col{gap:.5rem 1rem!important}
html 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,.cobro-final){padding:.45rem .6rem!important}
html body :is(#cobro-back,#modal-back) .metodos .metodo[data-id]{min-height:60px!important}
html body :is(#cobro-back,#modal-back) .ef-grid:not(.ef-mon) .den-btn{min-height:58px!important;font-size:1.35rem!important}
html body :is(#cobro-back,#modal-back) .abono-quick .btn,html body :is(#cobro-back,#modal-back) .m-rapidos .btn{min-height:48px}
html body :is(#cobro-back,#modal-back) .pago-der{gap:.35rem!important}
html body #apartado-extra{padding:.35rem .6rem!important}
html body :is(.prod-talla,.var-chip,.var-chip b,.var-chip em,.desde,.prod em,.prod-foot .badge,.btn-add){font-size:max(13px,.87rem)!important}

/* 2.03.10 · #342 «Inicio» en su PROPIO bloque fijo arriba del menú (fuera del área que hace scroll): con aire arriba y abajo y separador limpio; la lista scrolleable empieza debajo */
.nav-inicio-blq{display:none}
@media(min-width:768px){
  html body #main#main aside nav .nav-item.nav-inicio{display:none!important}
  html body aside .nav-inicio-blq{display:block;flex:none;padding:8px 12px 10px;margin:0 0 6px;border-bottom:1px solid rgba(255,255,255,.22)}
  html body aside .nav-inicio-blq .nav-inicio-f{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:46px;padding:8px 16px;border:0;border-radius:999px;font-weight:600;text-align:left;cursor:pointer}
  html body aside .nav-inicio-blq .nav-inicio-f:not(.active){background:rgba(255,255,255,.12);color:#fff}
  html body aside .nav-inicio-blq .nav-inicio-f .bz-ic{width:24px;height:24px;flex:0 0 24px}
  html body #main#main.nav-plegada:not(.nav-hover) aside .nav-inicio-blq{padding:8px 0 10px;display:flex;justify-content:center}
  html body #main#main.nav-plegada:not(.nav-hover) aside .nav-inicio-blq .nav-inicio-f{width:44px;min-height:44px;height:44px;padding:0;justify-content:center;border-radius:50%}
  html body #main#main.nav-plegada:not(.nav-hover) aside .nav-inicio-blq .nav-inicio-f .txt{display:none}
  html:root[data-tema="claro"] body aside .nav-inicio-blq .nav-inicio-f:not(.active){color:#fff}
}
@media(max-width:767px){html body aside .nav-inicio-blq{display:none!important}}

/* 2.03.11 · #343 detalle de la foto: encabezado compacto, ANTES/DESPUÉS grandes e iguales, barra fija abajo con jerarquía y paleta 339, versiones plegables */
html body .fot-ov-form .fot-form.fot-det{padding-bottom:210px}
html body .fot-cab1{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.3rem 0 .6rem}
html body .fot-cab1 .fot-cab-n{font-size:max(16px,1.1rem)}
html body .fot-notas-d{font-size:max(13px,.87rem);position:relative}
html body .fot-notas-d summary{cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .6rem;border-radius:999px;background:#FFF3CC;color:#6B4B00;font-weight:800;list-style:none}
html body .fot-notas-d ul{position:absolute;z-index:6;left:0;top:110%;min-width:240px;margin:.2rem 0 0;padding:.6rem .9rem .6rem 1.4rem;background:#fff;border:2px solid #E5B93C;border-radius:12px;box-shadow:0 12px 24px -10px rgba(0,0,0,.4);color:#3A2A00}
html body .fot-ov-form .fot-antes-des{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;align-items:stretch;margin:.2rem 0 .6rem}
html body .fot-ov-form .fot-antes-des.solo{grid-template-columns:1fr}
html body .fot-ov-form .fot-antes-des figure{display:flex;align-items:center;justify-content:center;height:calc(calc(100*var(--vz,1)*1dvh) - 330px);min-height:240px;background:#10243D}
html body .fot-ov-form .fot-antes-des figure img{width:100%;height:100%;max-height:none;object-fit:contain}
html body .fot-plega{margin:.4rem 0;border:2px solid #C5D2E3;border-radius:12px;padding:.3rem .8rem}
html body .fot-plega>summary{cursor:pointer;font-weight:800;padding:.4rem 0;font-size:max(15px,1rem)}
html body .fot-barra{position:fixed;left:0;right:0;bottom:0;z-index:7;padding:.6rem 1rem calc(.7rem + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);box-shadow:0 -12px 26px -14px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:.5rem}
html body .fot-barra .foto-acc{display:flex;flex-wrap:wrap;gap:.5rem;margin:0}
html body .fot-barra .foto-acc .foto-acc-b{flex:1 1 150px;min-height:46px;font-size:.95rem}
html body .fot-barra .fot-acc{position:static!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:.5rem;padding:0!important;margin:0!important;background:none!important;box-shadow:none!important}
html body .fot-barra .fot-acc .btn{flex:1 1 150px;min-height:54px}
html body .fot-barra .fot-acc .btn.verde{flex:2 1 220px}
html:root[data-tema="oscuro"] body .fot-barra{background:rgba(10,30,56,.97)}
html:root[data-tema="oscuro"] body .fot-plega,html:root[data-tema="oscuro"] body .fot-notas-d ul{background:#0F2B4D;color:#fff;border-color:#456A99}
html body .btn-wa{background:#128C7E;color:#fff;border:2px solid #0A645A}
@media(max-width:767px){
  html body .fot-ov-form .fot-antes-des{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.6rem}
  html body .fot-ov-form .fot-antes-des figure{flex:0 0 88%;scroll-snap-align:center;height:calc(calc(100*var(--vz,1)*1dvh) - 360px)}
  html body .fot-ov-form .fot-form.fot-det{padding-bottom:250px}
}
html body .fot-ov-form .fot-antes-des figure{aspect-ratio:auto!important;width:100%!important;max-width:none!important;margin:0}
html:root[data-tema="oscuro"] body .fot-barra .btn.btn-wa,html:root[data-tema="oscuro"] body .fot-barra .foto-acc .btn-wa{background:#128C7E!important;color:#fff!important;border-color:#5FD3C4!important}
html:root[data-tema="oscuro"] body .fot-barra .fot-acc .btn.verde,html:root[data-tema="oscuro"] body .fot-barra .fot-acc .btn:not(.sec):not(.rojo):not(.ambar):not(.btn-wa){background:#1B7F3B!important;color:#fff!important;border-color:#4FC273!important}
@media(prefers-color-scheme:dark){html:root:not([data-tema="claro"]) body .fot-barra .btn.btn-wa{background:#128C7E!important;color:#fff!important}html:root:not([data-tema="claro"]) body .fot-barra{background:rgba(10,30,56,.97)}}
@media(max-width:767px){
  html body .fot-barra{padding:.4rem .6rem calc(.5rem + env(safe-area-inset-bottom));gap:.35rem}
  html body .fot-barra .foto-acc .foto-acc-b{flex:1 1 30%;min-height:40px;font-size:.78rem;padding:.2rem .3rem;gap:.2rem}
  html body .fot-barra .fot-acc .btn{flex:1 1 40%;min-height:46px;font-size:.9rem}
  html body .fot-barra .fot-acc .btn.verde{flex:1 1 100%}
  html body .fot-ov-form .fot-antes-des figure{height:calc(calc(100*var(--vz,1)*1dvh) - 330px)}
  html body .fot-ov-form .fot-form.fot-det{padding-bottom:200px}
}
html:root[data-tema="oscuro"]:not(#zz) body:not(#zz) .fot-barra .btn.btn-wa,html:root[data-tema="oscuro"]:not(#zz) body:not(#zz) .fot-barra .foto-acc-b.btn-wa{background:#128C7E!important;background-image:none!important;color:#fff!important;border-color:#5FD3C4!important}