/* =========================================================
   ESTILOS · estilo Apple (iOS): fondo agrupado, tarjetas sin
   bordes, casillas rellenas, vidrio translúcido.
   Pedido por JERO, 2026-10-26. Tema claro y oscuro.
   PALETA BodegApp (pedido por JERO, 2026-10-31):
     #FCF8D8 crema (fondo) · #DD700B naranja (acciones) · #7C7D75 gris piedra
     #ADACA7 gris cálido · #D9DADF gris claro
   «--azul» es el color de ACCIÓN (se llama así por historia; hoy es el naranja).
   Sobre el naranja el texto va oscuro (--sobre-azul): blanco no llega al contraste.
   Rojo, Conteo (azul), Entradas (verde) y Salidas (naranja quemado) no cambian:
   tienen significado.
   ========================================================= */

/* ---------- Tema claro ---------- */
:root{
  color-scheme:light;
  --bg:#FCF8D8; --surface:#FFFDF3; --caja:#F5F1DC; --input:#FFFFFF; --fill:rgba(124,125,117,.14);
  --borde:rgba(124,125,117,.2); --borde-2:rgba(124,125,117,.36);
  --texto:#26261F; --texto-2:#45463F; --texto-3:#5F6059;
  --cristal:rgba(255,253,243,.8); --cristal-top:rgba(252,248,216,.84);
  --azul:#DD700B; --azul-txt:#A65307; --azul-suave:rgba(221,112,11,.14); --sobre-azul:#1F1F1A;
  --conteo:#0066D6;
  --salidas:#B35A08; --salidas-suave:rgba(221,112,11,.14);
  --entradas:#248A3D; --entradas-suave:rgba(52,199,89,.15);
  --rojo:#FF3B30; --rojo-txt:#D70015; --rojo-suave:rgba(255,59,48,.1);
  --aviso-bg:rgba(124,125,117,.16); --aviso-txt:#45463F;
  --sombra:0 1px 2px rgba(60,58,40,.06),0 2px 10px rgba(60,58,40,.05);
  --sombra-barra:0 10px 40px rgba(60,58,40,.16),0 1px 3px rgba(60,58,40,.08);
  --mono:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,system-ui,"Segoe UI",Roboto,sans-serif;
}
/* ---------- Tema oscuro: negro cálido ---------- */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#1C1C18; --surface:#2A2A25; --caja:#34342E; --input:#3E3E37; --fill:rgba(173,172,167,.18);
    --borde:rgba(173,172,167,.22); --borde-2:rgba(173,172,167,.36);
    --texto:#FCF8D8; --texto-2:#D9DADF; --texto-3:#ADACA7;
    --cristal:rgba(42,42,37,.8); --cristal-top:rgba(28,28,24,.84);
    --azul:#F0913A; --azul-txt:#F0913A; --azul-suave:rgba(240,145,58,.2); --sobre-azul:#1C1C18;
    --conteo:#409CFF;
    --salidas:#FFB066; --salidas-suave:rgba(240,145,58,.2);
    --entradas:#30D158; --entradas-suave:rgba(48,209,88,.18);
    --rojo:#FF453A; --rojo-txt:#FF6961; --rojo-suave:rgba(255,69,58,.18);
    --aviso-bg:rgba(173,172,167,.16); --aviso-txt:#D9DADF;
    --sombra:none;
    --sombra-barra:0 10px 40px rgba(0,0,0,.6);
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#1C1C18; --surface:#2A2A25; --caja:#34342E; --input:#3E3E37; --fill:rgba(173,172,167,.18);
  --borde:rgba(173,172,167,.22); --borde-2:rgba(173,172,167,.36);
  --texto:#FCF8D8; --texto-2:#D9DADF; --texto-3:#ADACA7;
  --cristal:rgba(42,42,37,.8); --cristal-top:rgba(28,28,24,.84);
  --azul:#F0913A; --azul-txt:#F0913A; --azul-suave:rgba(240,145,58,.2); --sobre-azul:#1C1C18;
  --conteo:#409CFF;
  --salidas:#FFB066; --salidas-suave:rgba(240,145,58,.2);
  --entradas:#30D158; --entradas-suave:rgba(48,209,88,.18);
  --rojo:#FF453A; --rojo-txt:#FF6961; --rojo-suave:rgba(255,69,58,.18);
  --aviso-bg:rgba(173,172,167,.16); --aviso-txt:#D9DADF;
  --sombra:none;
  --sombra-barra:0 10px 40px rgba(0,0,0,.6);
}
/* ---------- Tamaño de letra del celular (2026-10-31) ----------
   Todos los tamaños se escriben como calc(var(--u)*N): N es el tamaño en px con
   la letra normal. --u crece con la letra que la persona escogió en su celular
   (en iPhone con -apple-system-body; en Android y computadora con el tamaño
   del navegador) y tiene un tope (~150 %) para que la pantalla no se desarme. */
:root{--u:calc(min(1rem, 26px) / 17);--banda:0px}
html{font-size:106.25%}   /* 17 px con la letra normal */
@supports (font:-apple-system-body) and (-webkit-touch-callout:none){
  html{font:-apple-system-body;line-height:normal}
}

/* ---------- Base ---------- */
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
[hidden]{display:none !important}
html,body{margin:0}
body{
  font-family:var(--mono); font-variant-numeric:tabular-nums; letter-spacing:-.01em;
  background:var(--bg); color:var(--texto);
  padding-bottom:calc(200px + env(safe-area-inset-bottom));
  -webkit-font-smoothing:antialiased;
}
button{font-family:inherit;cursor:pointer;color:inherit;letter-spacing:inherit}
input{font-family:inherit;letter-spacing:inherit}
:focus-visible{outline:2px solid var(--azul);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mono{font-variant-numeric:tabular-nums}
input[type=number]{-moz-appearance:textfield;appearance:textfield}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input::placeholder{color:var(--texto-3);opacity:.75}

/* Avisos de arriba (2026-10-31): quedan fijos al bajar. Naranja, no rojo: rojo es solo faltante */
.avisos-top{position:sticky;top:0;z-index:65}
.cinta-prueba{padding:calc(4px + env(safe-area-inset-top)) 12px 4px;background:#AF52DE;color:#fff;text-align:center;font-size:calc(var(--u)*13);font-weight:600}
.sin-red{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#5F6059;color:#FFFFFF;font-size:calc(var(--u)*14);line-height:1.35}
.cinta-prueba[hidden] + .sin-red{padding-top:calc(8px + env(safe-area-inset-top))}
.sin-red svg{width:20px;height:20px;flex:none}
.sin-red[hidden],.cinta-prueba[hidden]{display:none}
@media (min-width:1024px){.sin-red{justify-content:center}}
/* Con un aviso arriba, la cabecera ya no necesita el espacio de la muesca */
.avisos-top:has(> :not([hidden])) ~ * .top,.avisos-top:has(> :not([hidden])) ~ .top{padding-top:10px}

/* Marca de la app (2026-10-31): BodegApp arriba en el inicio y al pie de «Tus negocios» */
.app-marca{display:inline-flex;align-items:center;gap:8px;min-width:0;font-size:calc(var(--u)*16);font-weight:700;letter-spacing:-.02em;color:var(--texto)}
.app-marca img{width:28px;height:28px;border-radius:8px;flex:none}

/* Botón de ícono: círculo gris (44 px de toque) */
.btn-ico{width:40px;height:40px;border:0;border-radius:50%;background:var(--fill);color:var(--azul);display:grid;place-items:center;flex:none;position:relative;transition:transform .15s,opacity .15s}
.btn-ico::after{content:"";position:absolute;inset:-2px}
.btn-ico:active{transform:scale(.92);opacity:.7}
.btn-ico svg{width:19px;height:19px}

/* =========================================================
   CABECERA (móvil: se desplaza con la página)
   ========================================================= */
.top{background:var(--bg);padding:calc(10px + env(safe-area-inset-top)) 16px 6px}
.sup{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}

/* Pastilla de sincronización */
.sync{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;background:var(--fill);color:var(--texto-3);font-size:calc(var(--u)*12);font-weight:600;white-space:nowrap;min-width:0;max-width:60%}
.sync span{overflow:hidden;text-overflow:ellipsis}
.sync i{width:7px;height:7px;border-radius:50%;background:#FF9F0A;flex:none}
.sync.ok{color:var(--entradas);background:var(--entradas-suave)}
.sync.ok i{background:var(--entradas)}
.sync.off i{background:#8E8E93}
.sync.sync i{animation:pulso 1s infinite}
@keyframes pulso{50%{opacity:.3}}

.acc-top{display:flex;align-items:center;gap:8px}
.btn-tema{width:auto;min-width:40px;padding:0 10px;gap:6px;display:flex;align-items:center;border-radius:999px;font-size:calc(var(--u)*13);font-weight:600}
@media (max-width:1023px){.btn-tema .t-txt{display:none !important}}
.btn-tema .sol,.btn-tema .t-claro{display:none}
:root[data-theme="dark"] .btn-tema .sol,:root[data-theme="dark"] .btn-tema .t-claro{display:block}
:root[data-theme="dark"] .btn-tema .luna,:root[data-theme="dark"] .btn-tema .t-oscuro{display:none}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .btn-tema .sol,:root:not([data-theme="light"]) .btn-tema .t-claro{display:block}
  :root:not([data-theme="light"]) .btn-tema .luna,:root:not([data-theme="light"]) .btn-tema .t-oscuro{display:none}
}

/* Marca: título grande, como en iOS */
.marca{order:3;width:100%;display:flex;align-items:center;gap:12px;min-width:0;margin-top:4px}
.marca img{width:44px;height:44px;border-radius:50%;flex:none;background:#fff;box-shadow:0 0 0 .5px var(--borde-2)}
.marca > div{min-width:0}
.marca h1{display:flex;align-items:baseline;gap:8px;margin:0;font-size:calc(var(--u)*24);font-weight:700;letter-spacing:-.025em;line-height:1.15;white-space:nowrap}
.marca h1 span{font-size:calc(var(--u)*13);font-weight:600;letter-spacing:-.01em;color:var(--texto-3)}
.marca p{margin:2px 0 0;font-size:calc(var(--u)*13);font-weight:500;color:var(--texto-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.marca p b{color:var(--texto-3);font-weight:500}

/* ---------- Barra de fecha, buscar y filtros ---------- */
.herram{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:14px}
.fecha{display:flex;align-items:center;gap:4px;padding:4px;border-radius:16px;background:var(--surface);box-shadow:var(--sombra)}
.fecha .btn-ico{background:none;border-radius:12px}
.fecha-centro{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;text-align:center;border-radius:12px}
.fecha-centro b{font-size:calc(var(--u)*16);font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.fecha-centro small{font-size:calc(var(--u)*13);color:var(--texto-3);font-weight:400}
.fecha-centro .ico-cal{display:none}
#fechaLarga{display:none}
/* El selector de fecha real queda encima, transparente: al tocar la fecha se abre */
.fecha-centro input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}
.hoy-btn{height:32px;padding:0 14px;border-radius:999px;border:0;background:var(--azul-suave);color:var(--azul-txt);font-size:calc(var(--u)*14);font-weight:600;flex:none;position:relative}
.hoy-btn::after{content:"";position:absolute;inset:-6px -2px}
/* "Hoy" siempre visible; apagado si ya estás en hoy */
#irHoy[hidden]{display:block !important;opacity:.4;pointer-events:none}

/* Campo de búsqueda de iOS */
.buscar{position:relative}
.buscar svg{position:absolute;left:11px;top:50%;width:16px;height:16px;transform:translateY(-50%);color:var(--texto-3);pointer-events:none}
.buscar input{width:100%;height:44px;border:0;border-radius:12px;background:var(--fill);color:var(--texto);font-size:calc(var(--u)*17);padding:0 70px 0 34px}
.buscar input:focus{outline:none;box-shadow:0 0 0 2px var(--azul)}
.buscar input::-webkit-search-cancel-button{display:none}
.buscar span{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:calc(var(--u)*12);color:var(--texto-3);pointer-events:none}

/* Filtro: control segmentado */
.chips{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px;padding:2px;border-radius:11px;background:var(--fill)}
.chip-f{display:flex;align-items:center;justify-content:center;gap:5px;height:40px;padding:0 10px;border-radius:9px;border:0;background:none;color:var(--texto);font-size:calc(var(--u)*14);font-weight:500;white-space:nowrap;transition:background .2s,box-shadow .2s}
.chip-f[aria-pressed="true"]{background:var(--surface);font-weight:600;box-shadow:0 3px 8px rgba(0,0,0,.12),0 0 0 .5px rgba(0,0,0,.04)}
:root[data-theme="dark"] .chip-f[aria-pressed="true"]{background:#4A4A42}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .chip-f[aria-pressed="true"]{background:#4A4A42}}
#soloFaltantes[aria-pressed="true"]{color:var(--rojo-txt)}
.chip-f .cnt{font-size:calc(var(--u)*13);color:var(--texto-3);font-weight:500}
#soloFaltantes[aria-pressed="true"] .cnt{color:inherit}

/* =========================================================
   CONTENIDO
   ========================================================= */
.aviso{max-width:1720px;margin:12px auto 0;padding:0 16px;display:none}
.aviso div{background:var(--aviso-bg);color:var(--aviso-txt);border-radius:14px;padding:11px 14px;font-size:calc(var(--u)*13);line-height:1.4}
.aviso.on{display:block}

/* Aviso de faltantes: "isla" negra */
.alerta{max-width:1688px;margin:12px 16px 0;display:flex;align-items:center;gap:10px;padding:7px 7px 7px 9px;border-radius:999px;background:#000;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.25)}
:root[data-theme="dark"] .alerta{background:#1C1C1E}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .alerta{background:#1C1C1E}}
@media (min-width:1720px){.alerta{margin:12px auto 0}}
.alerta-ico{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;background:rgba(255,69,58,.22);color:#FF6961}
.alerta-ico svg{width:17px;height:17px}
.alerta-txt{flex:1;min-width:0}
.alerta-txt b{display:block;font-size:calc(var(--u)*14);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.alerta-txt small{display:block;font-size:calc(var(--u)*12);color:rgba(235,235,245,.6);font-weight:400}
.alerta-txt small em{font-style:normal;color:#FF6961;font-weight:600}
.alerta button{height:36px;border:0;border-radius:999px;font-weight:600;font-size:calc(var(--u)*14);flex:none;position:relative}
.alerta button::after{content:"";position:absolute;inset:-4px -2px}
#alertaVer{padding:0 16px;color:#fff;background:rgba(255,255,255,.16)}
.alerta-x{width:36px;background:rgba(255,255,255,.1);color:rgba(235,235,245,.7);font-size:calc(var(--u)*12) !important}

/* Cerrar el día */
.cierre{max-width:1688px;margin:12px 16px 0;display:flex;align-items:center;gap:12px;padding:10px 10px 10px 14px;border-radius:18px;background:var(--surface);box-shadow:var(--sombra)}
@media (min-width:1720px){.cierre{margin:12px auto 0}}
@media (max-width:389px){.cierre{margin-left:12px;margin-right:12px}}
@media (min-width:1024px) and (max-width:1719px){.cierre{margin:16px 24px 0}}
.cierre-ico{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--fill);color:var(--texto-3)}
.cierre-ico svg{width:17px;height:17px}
.cierre-txt{flex:1;min-width:0}
.cierre-txt b{display:block;font-size:calc(var(--u)*15);font-weight:600}
.cierre-txt small{display:block;font-size:calc(var(--u)*13);line-height:1.3;color:var(--texto-3)}
.cierre-btn{height:36px;padding:0 14px;border:0;border-radius:999px;background:var(--azul-suave);color:var(--azul-txt);font-size:calc(var(--u)*14);font-weight:600;flex:none;position:relative}
.cierre-btn::after{content:"";position:absolute;inset:-4px 0}
.cierre.on .cierre-ico{background:var(--azul);color:var(--sobre-azul)}
/* Día cerrado: todo de solo lectura */
.dia-cerrado #lista .card input{background:none !important;box-shadow:inset 0 0 0 1px var(--borde) !important;cursor:default}
.dia-cerrado #lista .reponer.manual,.dia-cerrado #lista .origen.manual{opacity:.45;pointer-events:none}
.dia-cerrado .mov-x,.dia-cerrado .emp-nueva{display:none}

/* Salidas por empleado (pantalla del día) */
.emp{max-width:1688px;margin:14px 16px 0;background:var(--surface);border-radius:20px;padding:14px 16px;box-shadow:var(--sombra)}
@media (min-width:1720px){.emp{margin:14px auto 0}}
@media (max-width:389px){.emp{margin-left:12px;margin-right:12px}}
@media (min-width:1024px) and (max-width:1719px){.emp{margin:16px 24px 0}}
.emp-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.emp-h h2{margin:0;font-size:calc(var(--u)*17);font-weight:600;color:var(--texto)}
.emp-h small{display:block;margin-top:2px;font-size:calc(var(--u)*13);font-weight:400;color:var(--texto-3)}
.emp-nueva{height:36px;padding:0 14px;border:0;border-radius:999px;background:var(--azul);color:var(--sobre-azul);font-size:calc(var(--u)*14);font-weight:600;flex:none;position:relative}
.emp-nueva::after{content:"";position:absolute;inset:-4px 0}
.emp-nueva:active{opacity:.7}
.emp-lista{display:grid;gap:8px;margin-top:12px;grid-template-columns:minmax(0,1fr);align-items:start}
@media (min-width:720px){.emp-lista{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}
.emp-lista:empty{display:none}
/* Tarjeta de un empleado: se toca y se abre con todo lo que sacó en el día */
.mov{background:var(--caja);border-radius:14px;overflow:hidden}
.mov > summary{display:flex;align-items:center;gap:10px;min-height:58px;padding:8px 12px;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;transition:background .15s}
.mov > summary::-webkit-details-marker{display:none}
.mov > summary:active{background:var(--fill)}
.mov-av{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--salidas-suave);color:var(--salidas);font-size:calc(var(--u)*16);font-weight:600}
.mov-dia .mov-av{background:var(--azul-suave);color:var(--azul-txt)}
.mov-t{flex:1;min-width:0}
.mov-t b{display:block;font-size:calc(var(--u)*16);font-weight:600;color:var(--texto);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mov-t small{display:block;margin-top:1px;font-size:calc(var(--u)*13);line-height:1.3;color:var(--texto-3)}
.mov-total{flex:none;font-size:calc(var(--u)*16);font-weight:600;color:var(--salidas);white-space:nowrap}
.mov-dia .mov-total{color:var(--texto)}
.mov[open] .sec-flecha{transform:rotate(90deg)}
.mov-cuerpo{padding:0 12px 12px}
.mov[open] .mov-cuerpo{animation:abrir .25s cubic-bezier(.2,.8,.2,1)}
.mov-cap{margin:8px 4px 6px;font-size:calc(var(--u)*13);color:var(--texto-3)}
.mov-prods,.mov-salidas{margin:0;padding:0 12px;list-style:none;border-radius:12px;background:var(--surface)}
.mov-prods li,.mov-salidas li{padding:6px 0;font-size:calc(var(--u)*15);color:var(--texto-2);box-shadow:inset 0 -.5px 0 var(--borde-2)}
.mov-prods li:last-child,.mov-salidas li:last-child{box-shadow:none}
.mov-prods li,.mov-sal-p{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px}
.mov-prods li{min-height:42px}
.mov-prods li span,.mov-sal-p span{min-width:0}
.mov-prods li b,.mov-sal-p b{flex:none;font-weight:600;color:var(--salidas)}
.mov-sal-h{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px}
.mov-hora{font-size:calc(var(--u)*14);font-weight:600;color:var(--texto)}
.mov-x{margin-left:auto;width:30px;height:30px;border:0;border-radius:50%;background:var(--fill);color:var(--texto-3);font-size:calc(var(--u)*12);flex:none;position:relative}
.mov-x::after{content:"";position:absolute;inset:-7px}
/* Ventana "Nueva salida" */
.mov-emps{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.mov-emps label{position:relative}
.mov-emps input{position:absolute;opacity:0;pointer-events:none}
.mov-emps span{display:inline-flex;align-items:center;height:44px;padding:0 18px;border-radius:999px;background:var(--surface);font-size:calc(var(--u)*15);font-weight:500;color:var(--texto);transition:background .15s,color .15s}
.mov-emps input:checked + span{background:var(--azul);color:var(--sobre-azul);font-weight:600}
.mov-emps input:focus-visible + span{box-shadow:0 0 0 3px var(--azul-suave)}
.mov-sub{margin:18px 4px 6px;font-size:calc(var(--u)*13);font-weight:400;color:var(--texto-3)}
.mov-dlg .cfg-fila input{color:var(--salidas)}
.mov-dlg .cfg-fila .par input{width:70px;flex:none}
.mov-dlg .cfg-fila .par input + input{font-size:calc(var(--u)*16)}
.salidas input[readonly]{background:none;box-shadow:inset 0 0 0 1px var(--borde-2);cursor:default}

/* Cómo se calcula: nota al pie, discreta */
.formula{max-width:1688px;margin:12px 16px 0;padding:0 4px;font-size:calc(var(--u)*13);line-height:1.5;color:var(--texto-3)}
@media (min-width:1720px){.formula{margin:12px auto 0}}
.formula .fx,.formula .f-pill{display:none}
.formula b{font-weight:600;color:var(--texto-2)}
.formula .f-c,.formula .f-r{font-weight:500;color:var(--texto-2)}

.vacio{max-width:1720px;margin:24px auto;padding:0 16px;text-align:center;color:var(--texto-3);font-size:calc(var(--u)*15)}

/* =========================================================
   TARJETAS (móvil y tableta)
   ========================================================= */
main{max-width:1720px;margin:0 auto;padding:14px 16px;scroll-margin-top:8px}
.tabla{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
@media (min-width:640px) and (max-width:1023px){.tabla{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tabla-h{display:none}

.card{background:var(--surface);border-radius:20px;padding:14px;box-shadow:var(--sombra);scroll-margin-top:8px;transition:box-shadow .2s}
.card.falta{box-shadow:inset 0 0 0 1.5px var(--rojo-suave),var(--sombra)}

.card-h{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}
.prod{flex:1;min-width:0;display:flex;align-items:center;gap:11px}
.avatar{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:50%;font-size:calc(var(--u)*14);font-weight:600;letter-spacing:0}
.av-0{color:#E08600;background:rgba(255,149,0,.15)}
.av-1{color:#28A745;background:rgba(52,199,89,.15)}
.av-2{color:#007AFF;background:rgba(0,122,255,.13)}
.av-3{color:#AF52DE;background:rgba(175,82,222,.14)}
.av-4{color:#8E8E93;background:rgba(142,142,147,.18)}
.av-5{color:#30A2C0;background:rgba(48,176,199,.16)}
.tit{min-width:0}
.tit-l{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.card h3{margin:0;font-size:calc(var(--u)*17);font-weight:600;letter-spacing:-.02em;line-height:1.25}
.chip{display:inline-block;font-size:calc(var(--u)*13);font-weight:400;color:var(--texto-3)}

/* "Inventario fijo (19)" / "↺ Usar fijo (19)" */
.origen{position:relative;display:inline-flex;align-items:center;min-height:22px;margin-top:2px;padding:0;border:0;background:none;font-size:calc(var(--u)*13);color:var(--texto-3);text-align:left;white-space:nowrap}
.origen.manual{padding:0 10px;min-height:26px;border-radius:999px;background:var(--azul-suave);color:var(--azul-txt);font-weight:600}
.origen.manual::after{content:"";position:absolute;inset:-9px -4px}

/* Inicial: arriba a la derecha */
.campo.inicial{flex:none;text-align:center;width:64px}
.campo.inicial label{display:block;font-size:calc(var(--u)*13);font-weight:500;color:var(--texto-3);margin-bottom:3px}
.campo.inicial input{width:100%;height:40px;border:0;border-radius:10px;background:var(--fill);color:var(--texto);font-size:calc(var(--u)*18);font-weight:600;text-align:center}
.campo.inicial input:focus{outline:none;box-shadow:0 0 0 2px var(--azul)}

/* Cuadrícula 2×2: Conteo · Salidas · Entradas · Diferencia */
.campos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.caja{padding:9px;border-radius:14px;background:var(--caja);min-width:0}
.caja-h{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:7px;padding:0 2px;min-width:0}
.caja-h label,.caja-t{font-size:calc(var(--u)*13);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--texto-3)}
.badge{flex:none;font-size:calc(var(--u)*12);font-weight:500;color:var(--texto-3)}
.caja input{width:100%;height:46px;border:0;border-radius:10px;background:var(--input);font-size:calc(var(--u)*20);font-weight:600;text-align:center;box-shadow:0 .5px 1px rgba(0,0,0,.06);transition:box-shadow .15s}
.caja input:focus{outline:none}
.conteo label{color:var(--conteo)}
.conteo input{color:var(--conteo)}
.conteo input:focus{box-shadow:0 0 0 2px var(--conteo)}
/* Huacales + unidades sueltas */
.par{display:flex;gap:4px}
.par input{min-width:0}
.par input + input{flex:0 0 42%;font-size:calc(var(--u)*17)}
.par input::placeholder{font-size:calc(var(--u)*12);font-weight:400}
.salidas label{color:var(--salidas)}
.salidas input{color:var(--salidas)}
.salidas input:focus{box-shadow:0 0 0 2px var(--salidas)}
.entradas label{color:var(--entradas)}
.entradas input{color:var(--entradas)}
.entradas input:focus{box-shadow:0 0 0 2px var(--entradas)}

/* Cuarto cuadro: Diferencia */
.dif{display:flex;flex-direction:column;justify-content:space-between;transition:background .2s}
.dif-pie{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-top:auto;padding:0 2px}
.esperado{font-size:calc(var(--u)*13);color:var(--texto-3);font-weight:500}
.esperado b{display:block;font-size:calc(var(--u)*15);font-weight:600;color:var(--texto-2)}
.dif .v{font-size:calc(var(--u)*26);font-weight:700;letter-spacing:-.03em;color:var(--texto-3);line-height:1}
.dif .v.mix{font-size:calc(var(--u)*17);white-space:nowrap}
.dif.neg{background:var(--rojo-suave)}
.dif.neg .v{color:var(--rojo-txt)}
.dif.pos .v{color:var(--entradas)}
.dif.cero .v{color:var(--texto)}
.dif-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Etiqueta de estado */
.estado{flex:none;font-size:calc(var(--u)*12);font-weight:600;padding:2px 8px;border-radius:999px;color:var(--texto-3);background:var(--fill);white-space:nowrap}
.estado.falta{color:#fff;background:var(--rojo)}
.estado.ok,.estado.sobra{color:var(--entradas);background:var(--entradas-suave)}

/* Sugerencia de reposición: botón verde cuando hay que reponer */
.reponer{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:30px;margin-top:10px;border:0;background:none;padding:0 12px;font-size:calc(var(--u)*13);font-weight:500;color:var(--texto-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}
.reponer.manual{min-height:44px;border-radius:12px;background:var(--entradas-suave);color:var(--entradas);font-size:calc(var(--u)*15);font-weight:600;cursor:pointer}
.reponer.manual:active{opacity:.7}

/* =========================================================
   BARRA INFERIOR FLOTANTE (vidrio): balance, totales y acciones
   ========================================================= */
.acciones{
  position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:30;
  background:var(--cristal);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);
  border-radius:26px;box-shadow:var(--sombra-barra),inset 0 0 0 .5px var(--borde);
  padding:12px;
}
.acciones-in{max-width:1720px;margin:0 auto;display:grid;gap:10px}
.balance{order:-1;padding:0 4px}
.balance-t{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:calc(var(--u)*12);color:var(--texto-3);font-weight:500;margin-bottom:6px}
.balance-t b{color:var(--texto-2);font-weight:600}
.barra{height:4px;border-radius:999px;background:var(--fill);overflow:hidden}
.barra i{display:block;height:100%;width:0;border-radius:inherit;background:var(--azul);transition:width .4s cubic-bezier(.2,.8,.2,1)}
.totales{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));text-align:center}
.tot{min-width:0;padding:0 4px}
.tot + .tot{border-left:.5px solid var(--borde-2)}
.tot span{display:block;font-size:calc(var(--u)*12);font-weight:500;color:var(--texto-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tot b{display:block;font-size:calc(var(--u)*18);font-weight:600;line-height:1.3}
.tot.t-azul b{color:var(--azul-txt)}
.tot.t-verde b{color:var(--entradas)}
.tot.falta b{color:var(--rojo-txt)}
.botones{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.btn{height:50px;border-radius:16px;font-weight:600;font-size:calc(var(--u)*16);display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;padding:0 10px;transition:transform .12s,opacity .12s;border:0}
.btn:active{transform:scale(.97);opacity:.8}
.btn:disabled{opacity:.5}
.btn svg{width:19px;height:19px;flex:none}
.btn.wa{background:var(--entradas-suave);color:var(--entradas)}
.btn.pdf,.btn.primario{background:var(--azul);color:var(--sobre-azul)}

/* Escribiendo en el celular: se esconde la barra para que el teclado no tape */
body.escribiendo .acciones{display:none}

/* ---------- Toast ---------- */
.toast{position:fixed;left:50%;bottom:calc(206px + env(safe-area-inset-bottom));transform:translate(-50%,16px) scale(.96);opacity:0;background:rgba(30,30,32,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;padding:11px 18px;border-radius:999px;font-size:calc(var(--u)*14);font-weight:500;z-index:70;transition:all .3s cubic-bezier(.2,.8,.2,1);pointer-events:none;max-width:90vw;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.toast.on{opacity:1;transform:translate(-50%,0) scale(1)}

/* ---------- Celulares pequeños ---------- */
@media (max-width:389px){
  .top{padding-left:12px;padding-right:12px}
  main{padding-left:12px;padding-right:12px}
  .alerta,.formula{margin-left:12px;margin-right:12px}
  .marca h1{font-size:calc(var(--u)*21)}
  .card{padding:12px}
  .campos{gap:6px}
  .caja{padding:7px}
  .caja-h label,.caja-t{font-size:calc(var(--u)*12)}
  .badge{display:none}
  .dif .v{font-size:calc(var(--u)*22)}
  .dif .v.mix{font-size:calc(var(--u)*15)}
  .acciones{left:8px;right:8px;padding:10px}
  .btn{font-size:calc(var(--u)*14.5);gap:5px;padding:0 6px}
  .btn svg{width:17px;height:17px}
  .tot span{font-size:calc(var(--u)*12)}
  .tot b{font-size:calc(var(--u)*16)}
  .estado{font-size:calc(var(--u)*12);padding:2px 6px}
}

/* =========================================================
   TABLETA Y COMPUTADORA
   ========================================================= */
@media (min-width:720px){
  .herram{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
  .herram .chips{grid-column:1/-1}
}
@media (min-width:1024px){
  body{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
  /* Cabecera fija de vidrio: barra superior + barra de fecha y búsqueda */
  .top{position:sticky;top:var(--banda);z-index:30;padding:0;background:var(--cristal-top);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);box-shadow:0 .5px 0 var(--borde-2)}
  .sup{max-width:1720px;margin:0 auto;padding:12px 24px;display:grid;grid-template-columns:1fr auto 1fr;flex-wrap:nowrap}
  .sync{justify-self:start;max-width:none}
  .marca{order:0;width:auto;justify-self:center;margin:0}
  .marca img{width:40px;height:40px}
  .marca h1{font-size:calc(var(--u)*19);letter-spacing:-.02em}
  .acc-top{justify-self:end}
  .herram{margin:0;padding:6px max(24px,calc((100% - 1672px)/2)) 12px;grid-template-columns:auto 1fr minmax(260px,320px);gap:12px}
  .herram .chips{grid-column:3;grid-row:1}
  .buscar{grid-row:1;grid-column:2;justify-self:end;width:300px}
  .fecha{gap:4px}
  .fecha-centro{flex-direction:row;gap:8px;padding:0 10px}
  .fecha-centro .ico-cal{display:block;width:17px;height:17px;color:var(--azul);flex:none}
  .fecha-centro small{display:none}
  #fechaCorta{display:none}
  #fechaLarga{display:block;font-size:calc(var(--u)*15);font-weight:600;white-space:nowrap}
  .fecha-badge{display:inline-block !important;font-size:calc(var(--u)*12);padding:2px 8px;border-radius:999px;background:var(--fill);color:var(--texto-3);white-space:nowrap}
  .chip-f{height:36px}

  main{padding:20px 24px 24px}
  .alerta,.formula{margin:16px 24px 0}

  /* Tabla: una lista agrupada de iOS */
  .tabla{display:block;background:var(--surface);border-radius:20px;box-shadow:var(--sombra);overflow:clip}
  .tabla-h,.card{
    display:grid;align-items:center;column-gap:10px;
    grid-template-columns:minmax(210px,2.4fr) minmax(70px,.8fr) minmax(110px,1.3fr) minmax(84px,1fr) minmax(84px,1fr) minmax(70px,.8fr) minmax(80px,.9fr) minmax(86px,.9fr) minmax(120px,1.2fr);
    padding:10px 20px;
  }
  .tabla-h{position:sticky;top:calc(var(--alto-top,0px) + var(--banda));z-index:5;background:var(--surface);box-shadow:0 .5px 0 var(--borde-2);font-size:calc(var(--u)*12);font-weight:600;color:var(--texto-3)}
  .tabla-h > span{text-align:center;padding:6px 2px}
  .tabla-h > span:first-child{text-align:left}
  .tabla-h .h-conteo{color:var(--conteo)}
  .tabla-h .h-salidas{color:var(--salidas)}
  .tabla-h .h-entradas{color:var(--entradas)}
  .tabla-h .h-accion{grid-column:8/10;text-align:right;padding-right:8px}

  .card{border-radius:0;box-shadow:none;position:relative;scroll-margin-top:52px}
  .card + .card::before{content:"";position:absolute;top:0;left:72px;right:0;height:.5px;background:var(--borde-2)}
  .card.falta{box-shadow:inset 3px 0 0 var(--rojo)}
  .card:hover{background:rgba(118,118,128,.05)}
  .card-h,.campos,.dif,.dif .caja-h,.dif-pie{display:contents}
  .prod{grid-column:1;grid-row:1}
  .campo{grid-row:1;min-width:0}
  .campo.inicial{grid-column:2;width:auto;text-align:center}
  .campo.conteo{grid-column:3} .campo.salidas{grid-column:4} .campo.entradas{grid-column:5}
  .campo label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .caja{padding:0;background:none !important;border-radius:0}
  .caja-h{margin:0}
  .badge{display:none}
  .campo.inicial input{height:40px;font-size:calc(var(--u)*16);background:none}
  .campo.inicial input:hover,.campo.inicial input:focus{background:var(--fill)}
  .caja input{height:40px;font-size:calc(var(--u)*16);background:var(--fill);box-shadow:none}
  .conteo input{max-width:130px;margin:0 auto;display:block}
  .salidas input,.entradas input{max-width:96px;margin:0 auto;display:block}
  .caja-t{display:none}
  .esperado{grid-column:6;grid-row:1;text-align:center;font-size:0}
  .esperado b{font-size:calc(var(--u)*16);color:var(--texto)}
  .dif .v{grid-column:7;grid-row:1;justify-self:center;font-size:calc(var(--u)*14);font-weight:600;padding:4px 10px;border-radius:999px;background:var(--fill)}
  .dif.neg .v{background:var(--rojo-suave)}
  .dif.pos .v,.dif.cero .v{background:var(--entradas-suave);color:var(--entradas)}
  .estado{grid-column:8;grid-row:1;justify-self:end;font-size:calc(var(--u)*12);padding:3px 10px}
  .reponer{grid-column:9;grid-row:1;margin:0;font-size:calc(var(--u)*13);white-space:normal;line-height:1.2;justify-content:flex-end;text-align:right;padding:0}
  .reponer.manual{justify-content:center;text-align:center;padding:0 10px;min-height:36px;font-size:calc(var(--u)*14);border-radius:999px}

  /* Barra inferior flotante en una sola fila */
  .acciones{left:24px;right:24px;bottom:calc(14px + env(safe-area-inset-bottom));max-width:1672px;margin:0 auto;padding:10px 10px 10px 22px;border-radius:999px}
  .acciones-in{grid-template-columns:auto minmax(200px,280px) auto;align-items:center;justify-content:space-between;gap:24px}
  .totales{display:flex;text-align:left;gap:0}
  .tot{display:flex;align-items:baseline;gap:8px;padding:0 18px}
  .tot:first-child{padding-left:0}
  .tot span{font-size:calc(var(--u)*13)}
  .tot b{font-size:calc(var(--u)*17)}
  .balance{order:0}
  .botones{grid-template-columns:auto auto}
  .btn{height:44px;padding:0 20px;font-size:calc(var(--u)*15);border-radius:999px}
  .toast{bottom:calc(96px + env(safe-area-inset-bottom))}
}
@media (min-width:1024px) and (max-width:1279px){
  .buscar{width:190px}
  .fecha-badge{display:none !important}
  .tot{padding:0 10px}
  .tot span{font-size:calc(var(--u)*12)}
  .acciones-in{gap:14px}
  .btn{padding:0 14px}
}

/* =========================================================
   HOJAS (⚙️ y Nueva salida): estilo hoja de iOS
   ========================================================= */
.cfg{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.4);display:none;align-items:flex-end;justify-content:center;animation:velo .25s}
.cfg.on{display:flex}
@keyframes velo{from{background:rgba(0,0,0,0)}}
@keyframes subir{from{transform:translateY(40px);opacity:.6}}
.cfg-panel{position:relative;background:var(--bg);color:var(--texto);width:100%;max-width:540px;max-height:92vh;overflow:auto;border-radius:24px 24px 0 0;padding:22px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(0,0,0,.25);animation:subir .3s cubic-bezier(.2,.8,.2,1)}
.cfg-panel::before{content:"";position:absolute;top:7px;left:50%;width:36px;height:5px;margin-left:-18px;border-radius:3px;background:var(--borde-2)}
@media (min-width:720px){.cfg{align-items:center}.cfg-panel{border-radius:24px}.cfg-panel::before{display:none}}
.cfg-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:0 4px 14px}
.cfg-h h2{margin:0;font-size:calc(var(--u)*24);font-weight:700;letter-spacing:-.025em}
.cfg-h p{margin:3px 0 0;font-size:calc(var(--u)*14);color:var(--texto-3)}
.cfg-x{width:32px;height:32px;border:0;border-radius:50%;background:var(--fill);font-size:calc(var(--u)*13);font-weight:700;color:var(--texto-3);flex:none;position:relative}
.cfg-x::after{content:"";position:absolute;inset:-6px}
.cfg-aviso{background:var(--aviso-bg);color:var(--aviso-txt);border-radius:12px;padding:10px 12px;font-size:calc(var(--u)*13);margin-bottom:12px}
/* Listas agrupadas: filas dentro de un bloque blanco */
.cfg-lista,#movProds{background:var(--surface);border-radius:16px;padding:0 0 0 16px}
.cfg-fila{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:6px 12px 6px 0;box-shadow:inset 0 -.5px 0 var(--borde-2)}
.cfg-fila:last-child{box-shadow:none}
.cfg-fila label{flex:1;min-width:0;font-weight:400;font-size:calc(var(--u)*16)}
.cfg-fila small{display:block;margin-top:1px;font-size:calc(var(--u)*13);font-weight:400;color:var(--texto-3)}
.cfg-fila input{width:76px;height:40px;border:0;border-radius:10px;font-size:calc(var(--u)*18);font-weight:600;text-align:center;color:var(--texto);background:var(--fill)}
.cfg-fila input:focus,.cfg-nuevo input:focus,.emp-fila input:focus,.emp-agregar input:focus,.login-caja input:focus{outline:none;box-shadow:0 0 0 2px var(--azul)}
.cfg-quitar{height:40px;padding:0 6px;border:0;background:none;color:var(--rojo-txt);font-size:calc(var(--u)*15);font-weight:400;flex:none}
.cfg-quitar:active{opacity:.5}
.cfg-respaldo{margin-top:22px;padding:14px 16px 16px;border-radius:16px;background:var(--surface)}
.cfg-respaldo h3{margin:0 0 4px;font-size:calc(var(--u)*17);font-weight:600}
.cfg-respaldo p{margin:0 0 10px;font-size:calc(var(--u)*13);color:var(--texto-3)}
/* Apartados que se abren y cierran: Productos y Empleados */
.cfg-sec{margin-top:12px;border-radius:16px;background:var(--surface);overflow:hidden}
.cfg-sec > summary{display:flex;align-items:center;gap:12px;min-height:62px;padding:10px 14px;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;transition:background .15s}
.cfg-sec > summary::-webkit-details-marker{display:none}
.cfg-sec > summary:active{background:var(--fill)}
.cfg-sec[open] > summary{box-shadow:inset 0 -.5px 0 var(--borde-2)}
.sec-ico{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:#fff;flex:none}
.sec-ico svg{width:18px;height:18px}
.s-azul{background:#7C7D75} .s-naranja{background:#FF9500}
.sec-t{flex:1;min-width:0}
.sec-t b{display:block;font-size:calc(var(--u)*17);font-weight:500}
.sec-t small{display:block;margin-top:1px;font-size:calc(var(--u)*13);color:var(--texto-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sec-cnt{font-size:calc(var(--u)*16);color:var(--texto-3);flex:none}
.sec-flecha{width:16px;height:16px;color:var(--texto-3);opacity:.7;flex:none;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.cfg-sec[open] .sec-flecha{transform:rotate(90deg)}
.sec-cuerpo{padding:12px 0 14px}
.cfg-sec[open] .sec-cuerpo{animation:abrir .25s cubic-bezier(.2,.8,.2,1)}
@keyframes abrir{from{opacity:0;transform:translateY(-6px)}}
.sec-buscar{margin:0 14px 6px}
.sec-buscar input{height:38px;font-size:calc(var(--u)*16);padding-right:12px}
.sec-nota{margin:4px 16px 2px;font-size:calc(var(--u)*13);color:var(--texto-3)}
.sec-vacio{margin:14px 16px;text-align:center;font-size:calc(var(--u)*14);color:var(--texto-3)}
.cfg-sec .cfg-lista{border-radius:0}
.s-verde{background:#34C759} .s-morado{background:#AF52DE}
/* Guía de uso en ⚙️: pasos numerados */
.guia{margin:0;padding:0 16px;list-style:none;counter-reset:paso}
.guia li{counter-increment:paso;position:relative;padding:10px 0 10px 38px;font-size:calc(var(--u)*15);line-height:1.45;color:var(--texto-2);box-shadow:inset 0 -.5px 0 var(--borde-2)}
.guia li:last-child{box-shadow:none}
.guia li::before{content:counter(paso);position:absolute;left:0;top:10px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--azul-suave);color:var(--azul-txt);font-size:calc(var(--u)*14);font-weight:600}
.guia b{display:block;margin-bottom:1px;font-size:calc(var(--u)*16);font-weight:600;color:var(--texto)}
.guia-cap{margin-top:10px !important;font-weight:600}
.guia-tips{margin:0 14px;padding:10px 14px 10px 30px;border-radius:12px;background:var(--caja);font-size:calc(var(--u)*14);line-height:1.45;color:var(--texto-2)}
.guia-tips li + li{margin-top:6px}
/* Producto en ⚙️: se toca el nombre y se abren sus opciones */
.cfg-cab{display:flex;justify-content:space-between;gap:10px;margin:4px 16px 2px;font-size:calc(var(--u)*12);color:var(--texto-3)}
.cfg-cab span:last-child{width:76px;text-align:center;flex:none}
.cfg-prod{box-shadow:inset 0 -.5px 0 var(--borde-2)}
.cfg-prod:last-child{box-shadow:none}
.cfg-prod .cfg-fila{box-shadow:none}
.cfg-abrir{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-height:44px;justify-content:center;padding:0;border:0;background:none;text-align:left;font-size:calc(var(--u)*16);color:var(--texto)}
.cfg-abrir small{display:flex;flex-wrap:wrap;align-items:center;gap:2px 4px;font-size:calc(var(--u)*13);color:var(--texto-3)}
.cfg-abrir small::after{content:"";width:6px;height:6px;margin-left:3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.7;transition:transform .2s}
.cfg-abrir[aria-expanded="true"] small::after{transform:rotate(225deg) translateY(-1px)}
.etq-pausa{font-size:calc(var(--u)*12);font-weight:600;padding:1px 7px;border-radius:999px;background:var(--aviso-bg);color:var(--aviso-txt)}
.cfg-prod.pausado .cfg-nom{color:var(--texto-3)}
.cfg-det{display:grid;gap:4px;margin:0 12px 10px 0;padding:6px 12px;border-radius:12px;background:var(--caja)}
.cfg-det-f{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;font-size:calc(var(--u)*15)}
.cfg-det-f + .cfg-det-f{box-shadow:inset 0 .5px 0 var(--borde-2)}
.cfg-det-f > span{min-width:0}
.cfg-det-f small{display:block;font-size:calc(var(--u)*12);color:var(--texto-3)}
.cfg-det-f input[type=number]{width:76px;height:36px;border:0;border-radius:9px;background:var(--surface);color:var(--texto);font-size:calc(var(--u)*17);font-weight:600;text-align:center;flex:none}
.cfg-det-f input[type=number]:focus{outline:none;box-shadow:0 0 0 2px var(--azul)}
.cfg-det .cfg-quitar{justify-self:start;padding:0}
/* Interruptor de iOS */
.sw-in{appearance:none;-webkit-appearance:none;position:relative;width:51px;height:31px;margin:0;border-radius:999px;background:var(--borde-2);flex:none;cursor:pointer;transition:background .2s}
.sw-in::after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.16);transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.sw-in:checked{background:var(--azul)}
.sw-in:checked::after{transform:translateX(20px)}
.sw-in:focus-visible{outline:2px solid var(--azul);outline-offset:2px}
/* WhatsApp en ⚙️ */
.wa-fila{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 0;box-shadow:inset 0 -.5px 0 var(--borde-2)}
.wa-fila:last-child{box-shadow:none}
.wa-fila input{min-width:0;height:40px;border:0;border-radius:10px;background:var(--fill);color:var(--texto);font-size:calc(var(--u)*16);padding:0 10px}
.wa-fila input[data-wa-nombre]{flex:1}
.wa-fila input[data-wa-num]{flex:0 0 152px;font-size:calc(var(--u)*15);font-variant-numeric:tabular-nums}
.wa-fila input:focus{outline:none;box-shadow:0 0 0 2px var(--azul)}
.wa-agregar{display:block;width:calc(100% - 28px);margin:10px 14px 0;height:44px;border:0;border-radius:12px;background:var(--azul-suave);color:var(--azul-txt);font-size:calc(var(--u)*15);font-weight:600}
/* Ventana "Mandar por WhatsApp" (varios números) */
.wa-dest{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:60px;padding:8px 12px 8px 0;border:0;background:none;text-align:left;box-shadow:inset 0 -.5px 0 var(--borde-2)}
.wa-dest:last-child{box-shadow:none}
.wa-dest b{display:block;font-size:calc(var(--u)*16);font-weight:500}
.wa-dest small{display:block;font-size:calc(var(--u)*13);color:var(--texto-3)}
.wa-dest .wa-ok{flex:none;height:32px;padding:0 14px;display:inline-flex;align-items:center;border-radius:999px;background:var(--entradas-suave);color:var(--entradas);font-size:calc(var(--u)*14);font-weight:600}
.wa-dest.enviado .wa-ok{background:none}
/* "＋ Agregar producto": botón que abre el formulario */
.cfg-nuevo{margin:10px 14px 0}
.cfg-nuevo > summary{display:flex;align-items:center;justify-content:center;height:44px;border-radius:12px;background:var(--azul-suave);color:var(--azul-txt);font-size:calc(var(--u)*15);font-weight:600;cursor:pointer;list-style:none}
.cfg-nuevo > summary::-webkit-details-marker{display:none}
.cfg-nuevo[open] > summary{justify-content:flex-start;height:36px;padding:0 2px;background:none;color:var(--texto);font-size:calc(var(--u)*17)}
.cfg-nuevo .cfg-agregar{background:var(--azul);color:var(--sobre-azul)}
.cfg-nuevo-campos{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.2fr) 70px 80px;gap:8px}
.cfg-nuevo label{display:block;font-size:calc(var(--u)*13);font-weight:500;color:var(--texto-3);min-width:0}
.cfg-nuevo input,.emp-fila input,.emp-agregar input{display:block;width:100%;height:44px;margin-top:4px;border:0;border-radius:10px;background:var(--fill);color:var(--texto);font-size:calc(var(--u)*17);padding:0 12px}
.cfg-nuevo input[type=number]{font-weight:600;text-align:center}
@media (max-width:519px){.cfg-nuevo-campos{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.cfg-agregar,.emp-agregar button,.cfg-respaldo-btns button{height:44px;border:0;border-radius:12px;background:var(--azul-suave);color:var(--azul-txt);font-size:calc(var(--u)*15);font-weight:600}
.cfg-agregar{width:100%;margin-top:12px}
.cfg-guardar{width:100%;margin-top:18px;position:sticky;bottom:0;box-shadow:0 0 0 12px var(--bg),0 30px 0 16px var(--bg)}
/* Empleados en ⚙️ */
.emp-fila{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 12px 5px 0;box-shadow:inset 0 -.5px 0 var(--borde-2)}
.emp-fila:last-child{box-shadow:none}
.emp-fila input{flex:1;min-width:0;margin:0;font-weight:500;background:none;padding:0 2px}
.emp-fila input:focus{background:var(--fill);padding:0 10px}
.emp-agregar{display:flex;gap:8px;margin:10px 14px 0}
.emp-agregar input{flex:1;min-width:0;margin:0}
.emp-agregar button{padding:0 16px;flex:none}
.cfg-respaldo-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cfg-respaldo-btns button:disabled{opacity:.5}
.cfg-sesion{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:10px;margin:22px 4px 0;font-size:calc(var(--u)*13);color:var(--texto-3)}
#cfgCorreo{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cfg-salir{height:40px;padding:0 4px;border:0;background:none;color:var(--rojo-txt);font-size:calc(var(--u)*15);font-weight:400;flex:none}
.cfg-sesion-btns{display:flex;gap:6px;flex:none}
.cfg-clave{height:40px;padding:0 4px;border:0;background:none;color:var(--azul-txt);font-size:calc(var(--u)*15);font-weight:400}
/* Cambiar contraseña */
.clave-form{background:var(--surface);border-radius:20px;padding:16px 14px 6px}
.clave-form label{display:block;font-size:calc(var(--u)*13);font-weight:500;color:var(--texto-3);margin-bottom:12px}
.clave-form label[hidden]{display:none}
.clave-form input{display:block;width:100%;height:46px;margin-top:4px;border:0;border-radius:12px;background:var(--fill);color:var(--texto);font-size:calc(var(--u)*17);padding:0 12px}
.clave-form input:focus{outline:none;box-shadow:0 0 0 2px var(--azul)}
.clave-form .btn{width:100%;margin:6px 0 10px}
.clave-form .login-error{margin:0 0 6px !important}

/* =========================================================
   INICIO DE SESIÓN
   ========================================================= */
.login{position:fixed;inset:0;z-index:60;background:var(--bg);display:none;flex-direction:column;align-items:center;padding:calc(16px + env(safe-area-inset-top)) 16px calc(8px + env(safe-area-inset-bottom));overflow:auto}
.login.on{display:flex}
/* Centrado que no corta arriba cuando no cabe (letra grande, celular pequeño) */
.login > :first-child{margin-top:auto}
.login > :last-child{margin-bottom:auto}
.login-caja{width:100%;max-width:380px;background:var(--surface);border-radius:24px;padding:28px 20px 20px;text-align:center;box-shadow:var(--sombra)}
.login-caja h2{margin:12px 0 4px;font-size:calc(var(--u)*24);font-weight:700;letter-spacing:-.025em}
.login-caja p{margin:0 0 20px;font-size:calc(var(--u)*15);color:var(--texto-3)}
.login-caja label{display:block;text-align:left;font-size:calc(var(--u)*13);font-weight:500;color:var(--texto-3);margin-bottom:12px}
.login-caja input{display:block;width:100%;height:50px;margin-top:4px;border:0;border-radius:12px;background:var(--fill);color:var(--texto);font-size:calc(var(--u)*17);padding:0 14px}
.login-caja .btn{width:100%;margin-top:8px}
.login-error{min-height:18px;margin:10px 0 0 !important;font-size:calc(var(--u)*13) !important;font-weight:500;color:var(--rojo-txt) !important}
.login-olvido{margin-top:4px;border:0;background:none;color:var(--azul-txt);font-size:calc(var(--u)*15);font-weight:400;padding:10px}
.login-caja[hidden],.login-caja [hidden]{display:none}
.login-modo{margin:0 0 18px}
.login-o{display:flex;align-items:center;gap:10px;margin:6px 0 12px;font-size:calc(var(--u)*13);color:var(--texto-3)}
.login-o::before,.login-o::after{content:"";flex:1;height:.5px;background:var(--borde-2)}
.login-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:50px;border:0;border-radius:16px;background:var(--fill);color:var(--texto);font-size:calc(var(--u)*16);font-weight:600}
.login-google svg{width:20px;height:20px;flex:none}
.login-google:disabled,.login-caja .btn:disabled{opacity:.5}

/* =========================================================
   VARIOS INVENTARIOS (pedido por JERO, 2026-10-29)
   body[data-vista] = "inicio" (Mis inventarios), "inv" (un inventario)
   o "cf" (cuarto frío, lo de arriba).
   ========================================================= */
body:not([data-vista="cf"]) > :is(#top,#aviso,#alerta,.formula,#cierre,.emp,#lista,#vacio,.acciones){display:none !important}
body:not([data-vista="inicio"]) #vistaInicio,body:not([data-vista="inv"]) #vistaInv{display:none}
body[data-vista="inicio"]{padding-bottom:calc(32px + env(safe-area-inset-bottom))}
body[data-vista="inicio"] .toast{bottom:calc(24px + env(safe-area-inset-bottom))}

/* «‹ Inventarios» arriba a la izquierda */
.sup-izq{display:flex;align-items:center;gap:8px;flex:1 1 0;min-width:0}
.sup-izq .sync{max-width:none;min-width:0}
.volver{display:inline-flex;align-items:center;gap:1px;height:34px;padding:0 12px 0 6px;border:0;border-radius:999px;background:var(--fill);color:var(--azul-txt);font-size:calc(var(--u)*15);font-weight:600;flex:none;position:relative;white-space:nowrap}
.volver svg{width:18px;height:18px}
.volver::after{content:"";position:absolute;inset:-5px -2px}
.volver:active{opacity:.6}
.top-simple .acc-top{margin-left:auto}
.marca .inv-ico{width:44px;height:44px}

/* ---------- Inicio: tarjetas de los inventarios ---------- */
.inicio-cuerpo{max-width:1100px;margin:0 auto;padding:10px 16px}
.inv-grid{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
@media (min-width:720px){.inv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.inv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.inv-card{display:flex;align-items:center;gap:12px;min-height:76px;padding:12px 14px;border-radius:20px;background:var(--surface);box-shadow:var(--sombra);color:var(--texto);text-decoration:none;transition:transform .12s,background .15s}
.inv-card:active{transform:scale(.98);background:var(--fill)}
.inv-ico{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:12px;color:#fff}
.inv-ico svg{width:22px;height:22px}
.t-existencias{background:#DD700B} .t-diario{background:#7C7D75} .t-bienes{background:#AF52DE} .t-frio{background:#30B0C7}
.inv-t{flex:1;min-width:0}
.inv-t b{display:block;font-size:calc(var(--u)*17);font-weight:600;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inv-t small{display:block;margin-top:2px;font-size:calc(var(--u)*13);line-height:1.3;color:var(--texto-3)}
.inv-alerta{flex:none;max-width:42%;font-size:calc(var(--u)*12);font-weight:600;padding:3px 9px;border-radius:999px;background:var(--rojo-suave);color:var(--rojo-txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inv-nuevo{display:flex;align-items:center;justify-content:center;width:100%;height:50px;margin-top:14px;border:0;border-radius:16px;background:var(--azul-suave);color:var(--azul-txt);font-size:calc(var(--u)*16);font-weight:600}
.inv-nuevo:active{opacity:.7}
.lista-pie .inv-nuevo{margin-top:0}
.inicio-nota{margin:0 0 12px;padding:12px 14px;border-radius:14px;background:var(--aviso-bg);color:var(--aviso-txt);font-size:calc(var(--u)*14);line-height:1.4}
.aviso-cuentas{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 12px;padding:10px 14px;border:0;border-radius:16px;background:var(--azul);color:var(--sobre-azul);text-align:left}
.aviso-cuentas:active{opacity:.8}
.aviso-cuentas-ico{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.2)}
.aviso-cuentas-ico svg{width:18px;height:18px}
.aviso-cuentas-t b{display:block;font-size:calc(var(--u)*15);font-weight:600}
.aviso-cuentas-t small{display:block;font-size:calc(var(--u)*13);opacity:.85}

/* ---------- Un inventario: lista de artículos ---------- */
.lista-main{max-width:1720px;margin:0 auto;padding:14px 16px}
.lista-pie{padding-top:0}
#vistaInv:not([data-tipo="diario"]) .lista-main{max-width:900px}
.art-lista{background:var(--surface);border-radius:20px;box-shadow:var(--sombra);overflow:hidden}
.art{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 16px;border:0;background:none;text-align:left;color:var(--texto);position:relative}
.art:not([hidden]) ~ .art::before{content:"";position:absolute;top:0;left:68px;right:0;height:.5px;background:var(--borde-2)}
.art:active{background:var(--fill)}
.art-t{flex:1;min-width:0}
.art-t b{display:block;font-size:calc(var(--u)*17);font-weight:600;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.art-t small{display:block;margin-top:1px;font-size:calc(var(--u)*13);color:var(--texto-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.art-cant{flex:none;min-width:56px;text-align:right}
.art-cant b{display:block;font-size:calc(var(--u)*22);font-weight:700;letter-spacing:-.03em;line-height:1.1}
.art-cant small{display:block;font-size:calc(var(--u)*12);color:var(--texto-3)}
.art.en-alerta .art-cant b,.art.en-alerta .art-t small{color:var(--rojo-txt)}
.prod.editable{cursor:pointer}
.hoy-btn.apagado{opacity:.4;pointer-events:none}
/* Conteo diario cerrado: solo lectura */
.inv-cerrado .card input{background:none !important;box-shadow:inset 0 0 0 1px var(--borde) !important;cursor:default}
.inv-cerrado .reponer.manual,.inv-cerrado .origen.manual{opacity:.45;pointer-events:none}

/* Movimientos recientes e historial de un artículo */
.bloque{max-width:868px;margin:0 16px;background:var(--surface);border-radius:20px;padding:14px 16px;box-shadow:var(--sombra)}
@media (min-width:900px){.bloque{margin:0 auto}}
@media (max-width:389px){.bloque{margin:0 12px}}
.hist{margin:10px 0 0;padding:0;list-style:none}
.hist-f{display:flex;align-items:center;gap:10px;min-height:54px;padding:6px 0;box-shadow:inset 0 -.5px 0 var(--borde-2)}
.hist-f:last-child{box-shadow:none}
.hist-ico{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;font-size:calc(var(--u)*17);font-weight:700}
.m-ent{color:var(--entradas)} .hist-ico.m-ent{background:var(--entradas-suave)}
.m-sal{color:var(--salidas)} .hist-ico.m-sal{background:var(--salidas-suave)}
.m-aj{color:var(--azul-txt)} .hist-ico.m-aj{background:var(--azul-suave)}
.hist-t{flex:1;min-width:0}
.hist-t b{display:block;font-size:calc(var(--u)*15);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hist-t small{display:block;font-size:calc(var(--u)*13);line-height:1.35;color:var(--texto-3)}
.hist-v{flex:none;text-align:right;font-size:calc(var(--u)*16);font-weight:700;white-space:nowrap}
.hist-v small{display:block;font-size:calc(var(--u)*12);font-weight:500;color:var(--texto-3)}
.hist-f.anulado .hist-t b,.hist-f.anulado .hist-v{text-decoration:line-through;opacity:.5}
.hist-anular{height:30px;padding:0 10px;border:0;border-radius:999px;background:var(--fill);color:var(--rojo-txt);font-size:calc(var(--u)*13);font-weight:600;flex:none;position:relative}
.hist-anular::after{content:"";position:absolute;inset:-7px -2px}
.hist-vacio{padding:14px 0;text-align:center;font-size:calc(var(--u)*14);color:var(--texto-3)}

/* Barra de abajo: 3 totales y 3 botones */
.totales.tres{grid-template-columns:repeat(3,minmax(0,1fr))}
.botones.tres{grid-template-columns:repeat(3,minmax(0,1fr))}
.btn.gris{background:var(--fill);color:var(--texto)}
@media (min-width:1024px){
  .botones.tres{grid-template-columns:auto auto auto}
  #vistaInv:not([data-tipo="diario"]) .acciones-in{grid-template-columns:auto auto}
  .top-simple .sup{grid-template-columns:1fr auto}
  .top-simple .marca{justify-self:start}
  .inicio-cuerpo{padding-top:20px}
  .bloque{margin-top:6px}
}
@media (max-width:389px){
  .lista-main,.inicio-cuerpo{padding-left:12px;padding-right:12px}
  .volver{padding-right:10px;font-size:calc(var(--u)*14)}
  .botones.tres .btn{font-size:calc(var(--u)*14);gap:4px}
  .botones.tres .btn svg{width:16px;height:16px}
}

/* ---------- Hojas: formularios ---------- */
.form-bloque{display:grid;gap:12px;background:var(--surface);border-radius:20px;padding:14px}
.campo-txt{display:block;font-size:calc(var(--u)*13);font-weight:500;color:var(--texto-3);min-width:0}
.campo-txt[hidden]{display:none}
.campo-txt input,.campo-txt select{display:block;width:100%;height:46px;margin-top:4px;border:0;border-radius:12px;background:var(--fill);color:var(--texto);font-family:inherit;font-size:calc(var(--u)*17);padding:0 12px}
.campo-txt select{-webkit-appearance:none;appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238E8E93' stroke-width='2.5' 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 12px center;background-size:16px}
.campo-txt input:focus,.campo-txt select:focus{outline:none;box-shadow:0 0 0 2px var(--azul)}
.dos{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}
.uni-nueva{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:end;padding:10px;border-radius:14px;background:var(--caja)}
.uni-nueva[hidden]{display:none}
.uni-nueva .cfg-agregar{width:auto;height:46px;margin:0;padding:0 14px}
.uni-ajustes{margin:10px 14px 0;background:none;padding:0}
.uni-fila{display:flex;align-items:center;gap:10px;min-height:52px;padding:4px 12px 4px 0;box-shadow:inset 0 -.5px 0 var(--borde-2)}
.uni-fila:last-child{box-shadow:none}
.uni-fila > span{flex:1;min-width:0}
.uni-fila b{display:block;font-size:calc(var(--u)*16);font-weight:500}
.uni-fila small{display:block;font-size:calc(var(--u)*13);color:var(--texto-3)}
.btn-bloque{width:100%;margin-top:14px}
.btn.m-entrada{background:var(--entradas-suave);color:var(--entradas)}
.btn.m-salida{background:var(--salidas-suave);color:var(--salidas)}
.btn.m-ajuste{background:var(--azul);color:var(--sobre-azul)}
.btn-peligro{display:block;width:100%;height:46px;margin-top:16px;border:0;border-radius:14px;background:var(--rojo-suave);color:var(--rojo-txt);font-size:calc(var(--u)*16);font-weight:600}
.btn-peligro:disabled{opacity:.5}

/* Tipo de inventario: tarjetas para escoger */
.tipos{display:grid;gap:8px}
.tipo{position:relative;display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:16px;background:var(--surface);cursor:pointer;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .15s}
.tipo:has(input:checked){box-shadow:inset 0 0 0 2px var(--azul)}
.tipo input{position:absolute;opacity:0;pointer-events:none}
.tipo input:disabled ~ *{cursor:default}
.tipo .inv-ico{width:38px;height:38px;border-radius:10px}
.tipo .inv-ico svg{width:20px;height:20px}
.tipo-t{min-width:0}
.tipo-t b{display:block;font-size:calc(var(--u)*16);font-weight:600}
.tipo-t small{display:block;margin-top:2px;font-size:calc(var(--u)*13);line-height:1.4;color:var(--texto-3)}
.tipo input:focus-visible ~ .tipo-t b{text-decoration:underline}
/* Quién lo ve: interruptores */
.fila-sw{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;padding:6px 12px 6px 0;box-shadow:inset 0 -.5px 0 var(--borde-2);font-size:calc(var(--u)*16)}
.fila-sw:last-child{box-shadow:none}
.fila-sw > span{min-width:0}
.fila-sw small{display:block;font-size:calc(var(--u)*13);color:var(--texto-3)}
.sw-in.sw-azul:checked{background:#34C759}

/* Hoja de un artículo */
.ad-actual{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px;margin:0 4px 12px}
.ad-actual span{width:100%;font-size:calc(var(--u)*14);color:var(--texto-3)}
.ad-actual b{font-size:calc(var(--u)*30);font-weight:700;letter-spacing:-.03em}
.ad-actual small{font-size:calc(var(--u)*14);color:var(--texto-3)}
.ad-actual.en-alerta b,.ad-actual.en-alerta small{color:var(--rojo-txt)}
.ad-modos{margin:0 0 12px}
.ad-modos[hidden]{display:none}
.ad-modos [data-modo="entrada"][aria-pressed="true"]{color:var(--entradas)}
.ad-modos [data-modo="salida"][aria-pressed="true"]{color:var(--salidas)}
.ad-modos [data-modo="ajuste"][aria-pressed="true"]{color:var(--azul-txt)}
#adValor{height:54px;font-size:calc(var(--u)*24);font-weight:600}
.ad-prev{margin:0;font-size:calc(var(--u)*14);color:var(--texto-3)}
.ad-prev:empty{display:none}
.ad-prev.rojo{color:var(--rojo-txt);font-weight:600}
#adHist{margin:0;padding:0 14px;border-radius:16px;background:var(--surface)}
.ad-editar{width:100%;margin:14px 0 0}

/* Cuentas en Ajustes */
.cuenta-fila{display:flex;align-items:center;gap:8px;min-height:58px;padding:6px 12px 6px 0;box-shadow:inset 0 -.5px 0 var(--borde-2)}
.cuenta-fila:last-child{box-shadow:none}
.cuenta-t{flex:1;min-width:0}
.cuenta-t b{display:block;font-size:calc(var(--u)*16);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cuenta-t small{display:block;font-size:calc(var(--u)*13);color:var(--texto-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cuenta-ok{height:34px;padding:0 14px;border:0;border-radius:999px;background:var(--azul);color:var(--sobre-azul);font-size:calc(var(--u)*14);font-weight:600;flex:none}
.cuenta-sel{height:34px;max-width:132px;border:0;border-radius:9px;background:var(--fill);color:var(--texto);font-family:inherit;font-size:calc(var(--u)*14);padding:0 6px;flex:none}
.cuenta-rol{font-size:calc(var(--u)*14);color:var(--texto-3);flex:none}
.sec-cnt.nuevas{padding:1px 8px;border-radius:999px;background:var(--rojo);color:#fff;font-size:calc(var(--u)*13);font-weight:600}
#ajSolicBloque .cfg-lista,#ajCuentas .cfg-lista{margin:0 14px;border-radius:14px;background:var(--caja)}

/* =========================================================
   MULTINEGOCIO (2026-10-29): pantalla «Tus negocios» e invitación
   ========================================================= */
.neg-caja{max-width:420px}
.neg-ico{width:64px;height:64px;margin:0 auto;display:grid;place-items:center;border-radius:18px;background:var(--azul);color:var(--sobre-azul)}
.neg-ico svg{width:32px;height:32px}
.neg-caja .inicio-nota{text-align:left}
.neg-lista{display:grid;gap:8px;margin:0 0 14px;text-align:left}
.neg-fila{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 12px;border:0;border-radius:16px;background:var(--caja);color:var(--texto);text-align:left}
button.neg-fila:active{background:var(--fill)}
.neg-av{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:12px;background:var(--azul-suave);color:var(--azul-txt);font-size:calc(var(--u)*15);font-weight:700}
.neg-t{flex:1;min-width:0}
.neg-t b{display:block;font-size:calc(var(--u)*16);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.neg-t small{display:block;font-size:calc(var(--u)*13);line-height:1.3;color:var(--texto-3)}
.neg-entrar{flex:none;height:32px;padding:0 14px;display:inline-flex;align-items:center;border-radius:999px;background:var(--azul);color:var(--sobre-azul);font-size:calc(var(--u)*14);font-weight:600}
.neg-fila.pendiente .neg-av{background:var(--aviso-bg);color:var(--aviso-txt)}
.neg-fila.sin{opacity:.7}
.neg-cargando{margin:6px 0 14px;font-size:calc(var(--u)*14);color:var(--texto-3)}
.neg-migrar{display:grid;gap:6px;margin:0 0 14px;padding:14px;border-radius:16px;background:var(--azul-suave);text-align:left}
.neg-migrar b{font-size:calc(var(--u)*16)}
.neg-migrar small{font-size:calc(var(--u)*13);line-height:1.4;color:var(--texto-2)}
.neg-migrar .btn{margin-top:6px}
.neg-acciones{display:grid;gap:8px}
.neg-op{height:50px;border:0;border-radius:16px;background:var(--azul-suave);color:var(--azul-txt);font-size:calc(var(--u)*16);font-weight:600}
.neg-op:active{opacity:.7}
.neg-form{text-align:left}
.neg-form .btn{width:100%;margin-top:4px}
.neg-form .login-olvido{display:block;margin:4px auto 0}
#negCodigo{text-transform:uppercase;letter-spacing:.15em;font-weight:600}
.neg-link{padding:0;border:0;background:none;color:var(--azul-txt);font:inherit;font-weight:600;text-decoration:underline}
.neg-todos{margin:14px 0 0;text-align:left;font-size:calc(var(--u)*14)}
.neg-todos summary{cursor:pointer;color:var(--texto-3);font-weight:600}
.neg-todo{padding:8px 0;box-shadow:inset 0 -.5px 0 var(--borde-2)}
.neg-todo b{display:block;font-size:calc(var(--u)*15)}
.neg-todo small{display:block;font-size:calc(var(--u)*13);color:var(--texto-3)}
/* Inicio: iniciales cuando el negocio no tiene logo */
.marca .inicio-av{width:44px;height:44px;border-radius:50%;font-size:calc(var(--u)*16)}
/* Ajustes → Cuentas: código para invitar */
.invitar{display:flex;align-items:center;gap:10px;margin:0 14px 4px;padding:12px 14px;border-radius:14px;background:var(--azul-suave)}
.invitar-t{flex:1;min-width:0}
.invitar-t small{display:block;font-size:calc(var(--u)*13);color:var(--texto-3)}
.invitar-t b{display:block;font-size:calc(var(--u)*24);font-weight:700;letter-spacing:.12em;color:var(--azul-txt)}
.aj-cambiar{width:100%;margin:22px 0 0}
.neg-cuenta{margin:16px 0 0 !important;font-size:calc(var(--u)*13) !important;color:var(--texto-3);overflow-wrap:anywhere}

/* =========================================================
   2026-10-31: BodegApp, entrada nueva, buscador siempre arriba,
   toques de 44 px y pantallas de distintos tamaños
   ========================================================= */
:root{--marca:#DD700B;--marca-txt:#C2410C;--marca-suave:rgba(255,149,0,.16)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--marca-txt:#FFB547;--marca-suave:rgba(255,159,10,.2)}}
:root[data-theme="dark"]{--marca-txt:#FFB547;--marca-suave:rgba(255,159,10,.2)}

/* ---------- Cabecera: en el celular sube al bajar y deja el buscador pegado arriba ---------- */
@media (max-width:1023px){
  .top{position:sticky;top:calc(var(--banda) + var(--pegar,0px));z-index:30}
}

/* ---------- Inicio: marca arriba, buscador y resultados ---------- */
.top-simple .app-marca{flex:1 1 auto}
.top-simple .herram{margin-top:12px}
.busq-cap{margin:4px 4px 8px;font-size:calc(var(--u)*13);font-weight:600;color:var(--texto-3)}
.busq .inv-grid,.busq .art-lista{margin-bottom:16px}
a.art{text-decoration:none}
.busq .vacio{margin:24px 0}
.buscando :is(#avisoCuentas,#inicioNota,#invNuevo){display:none !important}
@media (min-width:1024px){
  .top-simple .sup{max-width:1100px;padding:12px 16px;grid-template-columns:auto 1fr auto}
  .top-simple .app-marca{grid-column:1}
  .top-simple .marca{grid-column:2;justify-self:start;margin-left:18px;padding-left:18px;box-shadow:inset .5px 0 0 var(--borde-2)}
  .top-simple .acc-top{grid-column:3}
  .top-simple .herram{max-width:1100px;margin:0 auto;padding:0 16px 12px;grid-template-columns:minmax(0,1fr)}
  .top-simple .buscar{grid-column:1;justify-self:stretch;width:auto}
}

/* ---------- Entrada (iniciar sesión) ---------- */
.login-entrada{background:radial-gradient(130% 55% at 50% -12%, rgba(221,112,11,.24), transparent 62%), var(--bg)}
.login-marco{width:100%;max-width:400px;display:grid;justify-items:center}
.login-hero{display:contents}
.login-logo{width:84px;height:84px;border-radius:22%;box-shadow:0 14px 32px rgba(221,112,11,.32)}
.login-nombre{margin:14px 0 2px;font-size:calc(var(--u)*32);font-weight:800;letter-spacing:-.035em;line-height:1.1}
.login-lema{margin:0 0 20px;font-size:calc(var(--u)*16);color:var(--texto-3);text-align:center}
.login-marco .login-caja{max-width:none;order:1}
.login-caja h2{margin-top:0;font-size:calc(var(--u)*22)}
.login-puntos{order:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin:16px 0 0;padding:0;list-style:none}
.login-puntos li{display:flex;align-items:center;gap:10px;min-width:0;padding:10px;border-radius:16px;background:var(--surface);box-shadow:var(--sombra)}
.login-puntos b{display:block;font-size:calc(var(--u)*14);font-weight:600;line-height:1.25}
.login-puntos small{display:none}
.lp-ico{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--marca-suave);color:var(--marca-txt)}
.lp-ico svg{width:18px;height:18px}
.con-ojo{position:relative;display:block;margin-top:4px}
.login-caja .con-ojo input{margin-top:0;padding-right:52px}
.ojo{position:absolute;right:3px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:10px;background:none;color:var(--texto-3);display:grid;place-items:center}
.ojo svg{width:20px;height:20px}
.ojo[aria-pressed="true"]{color:var(--azul-txt)}
.login-legal{margin:0 0 6px !important;text-align:left;font-size:calc(var(--u)*13) !important;line-height:1.4}
.login-legal a,.aj-legal a{color:var(--azul-txt)}
.login-pie{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 10px;margin-top:14px;font-size:calc(var(--u)*13);color:var(--texto-3)}
.login-pie a{display:inline-flex;align-items:center;min-height:44px;color:var(--texto-3);text-decoration:none}
.login-pie a:hover{text-decoration:underline}
.login-pie .app-marca{font-size:calc(var(--u)*14)}
.login-pie .app-marca img{width:22px;height:22px;border-radius:6px}
.aj-legal{margin:14px 4px 0;font-size:calc(var(--u)*13);line-height:2.6;color:var(--texto-3);text-align:center}
.aj-legal a{display:inline-block;min-height:44px}
@media (min-width:900px){
  .login-marco{max-width:980px;grid-template-columns:minmax(0,1fr) 400px;align-items:center;column-gap:64px}
  .login-hero{display:block;grid-column:1;grid-row:1}
  .login-marco .login-caja{grid-column:2;grid-row:1}
  .login-nombre{font-size:calc(var(--u)*44)}
  .login-lema{text-align:left;font-size:calc(var(--u)*19);margin-bottom:28px}
  .login-puntos{grid-template-columns:minmax(0,1fr);gap:14px;margin:0}
  .login-puntos li{background:none;box-shadow:none;padding:0;align-items:flex-start}
  .login-puntos b{font-size:calc(var(--u)*16)}
  .login-puntos small{display:block;margin-top:2px;font-size:calc(var(--u)*14);color:var(--texto-3)}
  .lp-ico{width:40px;height:40px;border-radius:12px}
}

/* ---------- Toques de al menos 44 px ---------- */
.chip-f{height:44px}
.cuenta-ok,.cuenta-sel{height:44px}
.cfg-quitar,.cfg-salir,.cfg-clave,.login-olvido{min-height:44px}
.neg-op,.inv-nuevo{min-height:50px;height:auto}

/* ---------- Tableta y computadora: existencias con movimientos al lado ---------- */
@media (min-width:1100px){
  #vistaInv[data-tipo="existencias"]{display:grid;grid-template-columns:1fr minmax(0,780px) minmax(320px,420px) 1fr;column-gap:20px;align-items:start}
  #vistaInv[data-tipo="existencias"] > .top{grid-column:1/-1;grid-row:1}
  #vistaInv[data-tipo="existencias"] > #invLista{grid-column:2;grid-row:2}
  #vistaInv[data-tipo="existencias"] > #invVacio{grid-column:2;grid-row:3}
  #vistaInv[data-tipo="existencias"] > .lista-pie{grid-column:2;grid-row:4}
  #vistaInv[data-tipo="existencias"] .lista-main{padding-left:0;padding-right:0;max-width:none;margin:0;width:100%}
  #vistaInv[data-tipo="existencias"] > #invMovs{grid-column:3;grid-row:2/6;margin:20px 0 0;position:sticky;top:calc(var(--alto-top,0px) + var(--banda) + 16px);max-height:calc(100vh - var(--alto-top,0px) - var(--banda) - 140px);overflow:auto}
}
/* Tableta: los inventarios del inicio y las hojas aprovechan el ancho */
@media (min-width:720px) and (max-width:1023px){
  .inicio-cuerpo,.top-simple .sup,.top-simple .herram{padding-left:24px;padding-right:24px}
  .cfg-panel{max-width:600px}
}

/* ---------- Celulares pequeños (320–360 px) ---------- */
@media (max-width:360px){
  .top{padding-left:10px;padding-right:10px}
  .lista-main,.inicio-cuerpo,main{padding-left:10px;padding-right:10px}
  .app-marca{font-size:calc(var(--u)*15)}
  .btn-ico{width:38px;height:38px}
  .btn-ico::after{inset:-3px}
  .marca h1{font-size:calc(var(--u)*20)}
  .buscar input{font-size:calc(var(--u)*16);padding-right:52px}
  .login{padding-left:10px;padding-right:10px}
  .login-caja{padding:22px 14px 16px}
  .login-puntos{grid-template-columns:minmax(0,1fr)}
  .botones.tres .btn{font-size:calc(var(--u)*13);padding:0 4px}
  .tot b{font-size:calc(var(--u)*15)}
  .cfg-panel{padding-left:12px;padding-right:12px}
}
/* =========================================================
   2026-10-31 (2): Mis negocios, pestañas, botón ＋ flotante,
   tarjetas grandes con color/foto y Ajustes como pantalla
   ========================================================= */
/* ---------- Insignias: ícono con color, foto o iniciales ---------- */
.inv-ico.con-foto,.neg-av.con-foto{background:var(--surface);overflow:hidden;box-shadow:0 0 0 .5px var(--borde-2)}
.con-foto img{width:100%;height:100%;object-fit:cover;display:block}
.con-letras{color:#fff;font-weight:700;letter-spacing:-.01em}
.ico-hueco{display:contents}

/* ---------- Tarjetas de inventarios más grandes ---------- */
.inv-card{min-height:88px;padding:14px 16px;gap:14px}
.inv-card .inv-ico{width:56px;height:56px;border-radius:16px}
.inv-card .inv-ico svg{width:28px;height:28px}
.inv-card .inv-t b{font-size:calc(var(--u)*18);white-space:normal}
.neg-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.neg-chips:empty{display:none}
.neg-chip{font-size:calc(var(--u)*12);font-weight:600;padding:3px 9px;border-radius:999px;background:var(--fill);color:var(--texto-2);white-space:nowrap}
.neg-chip.rojo{background:var(--rojo-suave);color:var(--rojo-txt)}
.neg-chip.azul{background:var(--azul-suave);color:var(--azul-txt)}
@media (min-width:600px) and (max-width:719px){.inv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- Cabecera del inicio: «‹ Negocios» · BodegApp · negocio grande ---------- */
.top-simple .app-marca{flex:none;margin-left:auto}
#inicioLogo{display:contents}
.inicio-av{width:52px;height:52px;border-radius:15px;font-size:calc(var(--u)*18)}
.top-simple .marca{margin-top:12px}
.top-simple .marca h1{white-space:normal;font-size:calc(var(--u)*26)}
@media (min-width:1024px){
  .top-simple .sup{grid-template-columns:auto 1fr auto}
  .top-simple .sup > .volver{grid-column:1;grid-row:1}
  .top-simple .marca{grid-column:2;grid-row:1;margin:0 0 0 18px;padding-left:18px}
  .top-simple .app-marca{grid-column:3;grid-row:1;margin:0}
}

/* ---------- Botón ＋ flotante ---------- */
.fab{position:fixed;right:max(16px,calc((100vw - 1100px)/2 + 16px));bottom:calc(76px + env(safe-area-inset-bottom));z-index:35;display:inline-flex;align-items:center;gap:8px;min-height:56px;padding:0 22px 0 18px;border:0;border-radius:999px;background:var(--azul);color:var(--sobre-azul);font-size:calc(var(--u)*17);font-weight:600;box-shadow:0 10px 28px rgba(221,112,11,.38),0 2px 6px rgba(60,58,40,.14);transition:transform .15s}
.fab span{font-size:calc(var(--u)*22);line-height:1;font-weight:500}
.fab:active{transform:scale(.95)}
.fab[hidden]{display:none}
body:not([data-vista="inicio"]) #invNuevo{display:none !important}
.neg-pagina .fab{bottom:calc(20px + env(safe-area-inset-bottom))}

/* ---------- Barra de pestañas (inicio y Ajustes) ---------- */
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px 8px env(safe-area-inset-bottom);background:var(--cristal);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);box-shadow:0 -.5px 0 var(--borde-2)}
body:is([data-vista="inicio"],[data-vista="ajustes"]) .tabbar{display:grid}
.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;border:0;background:none;color:var(--texto-3);font-size:calc(var(--u)*12);font-weight:500}
.tab svg{width:26px;height:26px}
.tab[aria-current]{color:var(--azul-txt);font-weight:600}
.tab:active{opacity:.6}
body[data-vista="inicio"]{padding-bottom:calc(150px + env(safe-area-inset-bottom))}
body:is([data-vista="inicio"],[data-vista="ajustes"]) .toast{bottom:calc(150px + env(safe-area-inset-bottom))}
@media (min-width:1024px){
  .tabbar{left:50%;right:auto;bottom:14px;transform:translateX(-50%);width:420px;border-radius:999px;padding:4px 10px;box-shadow:var(--sombra-barra),inset 0 0 0 .5px var(--borde)}
  .tab{min-height:52px}
  .fab{bottom:calc(84px + env(safe-area-inset-bottom))}
}

/* ---------- Ajustes como pantalla ---------- */
.cfg.pagina{position:static;z-index:auto;background:none;animation:none}
.cfg.pagina.on{display:block}
.cfg.pagina .cfg-panel{max-width:680px;max-height:none;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 16px calc(110px + env(safe-area-inset-bottom));border-radius:0;box-shadow:none;background:none;animation:none;overflow:visible}
.cfg.pagina .cfg-panel::before,.cfg.pagina [data-cerrar]{display:none}
.cfg.pagina .cfg-h h2{font-size:calc(var(--u)*30)}
.aj-neg{display:grid;gap:10px;padding:0 14px}
.aj-neg-cap{margin:6px 2px 0 !important}
.aj-neg .btn-bloque{margin-top:6px}
.aj-inv{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:8px 12px 8px 0;border:0;background:none;text-align:left;color:var(--texto);box-shadow:inset 0 -.5px 0 var(--borde-2)}
.aj-inv:last-child{box-shadow:none}
.aj-inv .inv-ico{width:42px;height:42px;border-radius:12px}
.aj-inv .inv-ico svg{width:22px;height:22px}
.aj-inv-editar{flex:none;color:var(--azul-txt);font-size:calc(var(--u)*15)}
#ajInvLista{margin:0 14px;border-radius:14px;background:var(--caja);padding-left:12px}
.aj-tema{padding:12px 14px 14px}
.aj-tema-f{display:flex;align-items:center;gap:12px;margin-bottom:10px}

/* ---------- Selector de apariencia (ícono, color o foto) ---------- */
.ap-cab{display:flex;align-items:center;gap:14px}
.ap-cab .chips{flex:1}
.ap-grande{width:64px !important;height:64px !important;border-radius:18px !important;flex:none;display:grid;place-items:center;color:#fff;font-size:calc(var(--u)*22)}
.ap-grande svg{width:32px;height:32px}
.ap-iconos{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px;margin-top:14px}
.ap-ico{height:48px;border:0;border-radius:12px;background:var(--fill);color:var(--texto-2);display:grid;place-items:center}
.ap-ico svg{width:24px;height:24px}
.ap-ico[aria-checked="true"]{background:var(--azul-suave);color:var(--azul-txt);box-shadow:inset 0 0 0 2px var(--azul)}
.ap-colores{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ap-color{width:44px;height:44px;border:0;border-radius:50%;position:relative}
.ap-color[aria-checked="true"]{box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--texto)}
.ap-foto{display:grid;gap:8px;margin-top:14px}
.ap-subir{cursor:pointer}
.ap-foto .sec-nota{margin:0}
.ap-iconos[hidden],.ap-colores[hidden],.ap-foto[hidden]{display:none}
#niApariencia{padding:14px}
#ajNegApariencia{padding:12px;border-radius:16px;background:var(--caja)}
.ni-priv-t{display:block;font-size:calc(var(--u)*16);font-weight:500}
.ni-miembros{margin-top:8px}

/* ---------- Mis negocios (pantalla completa) ---------- */
.neg-pagina{padding:0;align-items:stretch;background:var(--bg)}
.neg-pagina > :first-child,.neg-pagina > :last-child{margin:0}
.neg-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 16px 10px;background:var(--cristal-top);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}
.neg-cuerpo{width:100%;max-width:720px;margin:0 auto;padding:8px 16px calc(110px + env(safe-area-inset-bottom))}
.neg-cuerpo h1{margin:6px 0 2px;font-size:calc(var(--u)*32);font-weight:800;letter-spacing:-.03em}
.neg-sub{margin:0 0 18px;font-size:calc(var(--u)*16);color:var(--texto-3)}
.neg-lista{display:grid;gap:12px;margin:0 0 16px}
@media (min-width:720px){.neg-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
.neg-tarjeta{min-height:96px;padding:16px;border-radius:22px;background:var(--surface);box-shadow:var(--sombra);gap:14px;align-items:center}
button.neg-tarjeta:active{transform:scale(.98);background:var(--surface)}
.neg-tarjeta .neg-av{width:60px;height:60px;border-radius:17px;font-size:calc(var(--u)*20)}
.neg-tarjeta .neg-av svg{width:30px;height:30px;color:#fff}
.neg-tarjeta .neg-t b{font-size:calc(var(--u)*19);white-space:normal}
.neg-tarjeta .neg-t small{display:flex;flex-wrap:wrap;gap:0 6px;margin-top:2px;font-size:calc(var(--u)*14)}
.neg-tarjeta .neg-t small span + span::before{content:"·";margin-right:6px}
.neg-tarjeta.actual{box-shadow:inset 0 0 0 2px var(--azul),var(--sombra)}
.neg-tarjeta .sec-flecha{flex:none}
.neg-vacio{display:grid;gap:12px;margin-bottom:16px}
.neg-op-grande{display:flex;align-items:center;gap:14px;width:100%;min-height:84px;padding:14px 16px;border:0;border-radius:20px;background:var(--surface);box-shadow:var(--sombra);color:var(--texto);text-align:left}
.neg-op-grande:active{transform:scale(.98)}
.neg-op-grande .inv-ico{width:52px;height:52px;border-radius:15px}
.neg-op-grande .inv-ico svg{width:26px;height:26px}
.neg-op-grande b{display:block;font-size:calc(var(--u)*17);font-weight:600}
.neg-op-grande small{display:block;margin-top:2px;font-size:calc(var(--u)*14);color:var(--texto-3)}
#negAgregarDlg .neg-acciones{display:grid;gap:10px}
.cfg-sobre{z-index:62}
.neg-pagina .login-pie{margin-top:18px}
.neg-pagina .neg-cuenta{text-align:center}
.neg-pagina #negSalir{display:block;margin:0 auto}
.neg-top{padding-left:max(16px,calc((100% - 720px)/2 + 16px));padding-right:max(16px,calc((100% - 720px)/2 + 16px))}