/* ------------------------------------------------------------------
   mod-inventario · ingreso rápido, existencias, proveedores, ganancia
   y lista del día. Usa los tokens de estilos.css (no define colores nuevos).
------------------------------------------------------------------- */

/* --- pestañas internas --- */
.inv-pestanas{display:flex;gap:.35rem;overflow-x:auto;scrollbar-width:none;margin:-.4rem 0 1.1rem;padding:.15rem 0;border-bottom:1.5px solid var(--linea)}
.inv-pestanas::-webkit-scrollbar{display:none}
.inv-pestana{font-weight:650;font-size:.9rem;color:var(--tinta-2);padding:.55rem .85rem .6rem;white-space:nowrap;
  border-bottom:3px solid transparent;margin-bottom:-1.5px;border-radius:8px 8px 0 0;transition:transform .09s ease-out}
.inv-pestana[aria-selected="true"]{color:var(--azul-osc);border-bottom-color:var(--azul)}
.inv-pestana:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){ .inv-pestana:hover{color:var(--azul-osc);background:var(--azul-tinte)} }
.inv-vista[hidden]{display:none}
#sec-inventario [hidden],#hoja .inv-mini[hidden]{display:none !important}

.inv-doscol{grid-template-columns:1.35fr .85fr;margin-top:0}
.inv-herr{display:grid;gap:.6rem;padding:.8rem 1.1rem;border-bottom:1px solid var(--linea)}
.inv-filtros .chip{font-size:.78rem;padding:.32rem .7rem}
.inv-cuerpo{padding:1rem 1.1rem 1.2rem;display:grid;gap:.55rem}
.inv-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* --- filas de lista (existencias y proveedores): sirven en 390 y en 1280 --- */
.inv-lista{max-height:none}
.inv-fila{display:flex;align-items:center;justify-content:space-between;gap:.9rem;width:100%;text-align:left;
  padding:.75rem 1.1rem;border-bottom:1px solid var(--linea);background:#fff;transition:transform .09s ease-out, background .09s ease-out}
.inv-fila:last-child{border-bottom:none}
.inv-fila:active{transform:scale(.99);background:var(--azul-tinte)}
@media (hover:hover) and (pointer:fine){ .inv-fila:hover{background:var(--azul-tinte)} }
.inv-fila-nombre{min-width:0;display:grid;gap:.1rem}
.inv-fila-nombre b{font-size:.95rem;font-weight:650;overflow-wrap:anywhere}
.inv-fila-nombre>span{font-size:.8rem;color:var(--tinta-2)}
.inv-fila-cifra{text-align:right;font-weight:750;white-space:nowrap;flex:none}
.inv-fila-cifra small{display:block;font-size:.75rem;font-weight:500;color:var(--tinta-2)}
.inv-costo{font-size:.78rem;color:var(--tinta-2)}
.falta{color:var(--ambar);font-weight:700}
.inv-serial-hallado{display:grid;gap:.1rem;margin:.8rem 1.1rem 0;padding:.75rem .9rem;border:1.5px solid var(--azul);border-radius:11px;background:var(--azul-tinte);font-size:.84rem}
.inv-serial-hallado b{font-size:.95rem}
.inv-serial-hallado span{color:var(--azul-noche)}

/* --- ingreso rápido: una página con secciones, sin modales --- */
.inv-ingreso{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:1.2rem;align-items:start}
.inv-form .inv-cuerpo{gap:.2rem}
.inv-bloque{display:grid;gap:.45rem;padding:.2rem 0 1rem;border-bottom:1.5px dashed var(--linea-fuerte);margin-bottom:.8rem}
.inv-bloque:last-of-type{border-bottom:none;margin-bottom:0}
.inv-bloque h4{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--azul-osc);margin:.2rem 0 .1rem}
.inv-form label,.inv-prov-form label,.inv-form legend{font-size:.8rem;font-weight:700;color:var(--tinta-2)}
.inv-form label small,.inv-form legend small,.inv-casilla small{font-weight:500;color:var(--tinta-3)}
.inv-form fieldset{border:none;display:grid;gap:.4rem;margin:.2rem 0}
.inv-form input:not([type="checkbox"]),.inv-prov-form input,.inv-campo-hoja,.inv-lista-dia textarea{
  width:100%;padding:.65rem .8rem;border:1.5px solid var(--linea-fuerte);border-radius:10px;background:#fff;font-size:1rem}
.inv-form input:focus,.inv-prov-form input:focus,.inv-campo-hoja:focus,.inv-lista-dia textarea:focus{border-color:var(--azul);outline:none;box-shadow:0 0 0 3px var(--azul-tinte-2)}
.inv-form .chip{transition:transform .09s ease-out}
.inv-form .chip:active{transform:scale(.97)}
.inv-sug:empty{display:none}
.inv-sug{display:grid;gap:0;margin-top:.1rem}
.inv-sug .res-cobro{margin-bottom:.35rem}
.inv-sug .btn{justify-self:start}
.inv-ayuda{font-size:.8rem;color:var(--tinta-2);min-height:0}
.inv-ayuda:empty{display:none}
.inv-ayuda.mal{color:var(--rojo);font-weight:700}
.inv-aviso{display:none;font-size:.84rem;color:var(--ambar);background:var(--ambar-tinte);border:1.5px solid currentColor;border-radius:9px;padding:.5rem .7rem}
.inv-aviso.visible{display:block}
.inv-calc{background:var(--azul-tinte);border-radius:11px;padding:.7rem .8rem !important}
.inv-pct{width:4.6rem !important;padding:.35rem .5rem !important;font-size:.85rem !important;border-radius:99px !important;text-align:center}
.inv-red{align-items:center}
.inv-red span{font-size:.78rem;color:var(--tinta-2);font-weight:650}
.inv-sugerido{font-size:.88rem;color:var(--azul-noche);display:flex;flex-wrap:wrap;gap:.3rem .5rem;align-items:center}
.inv-sugerido span{color:var(--tinta-2);font-size:.78rem}
.inv-casilla{display:flex;gap:.5rem;align-items:flex-start;font-size:.88rem !important;color:var(--tinta) !important;font-weight:600 !important;line-height:1.35}
.inv-casilla input{margin-top:.2rem;width:1.05rem;height:1.05rem;accent-color:var(--azul);flex:none}
.inv-casilla small{display:block}
.inv-subform{display:grid;gap:.45rem;padding:.75rem .8rem;border:1.5px dashed var(--linea-fuerte);border-radius:11px}
.inv-subform .btn{justify-self:start}
.inv-acciones{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-top:.6rem}
.inv-acciones .btn.primario{flex:1 1 220px;padding:.8rem 1.1rem;font-size:1rem}
.inv-form .error-linea{margin-top:.4rem}

/* botón que carga sin cambiar de ancho (estándar de botones) */
.inv-form .btn[data-cargando]{color:transparent !important;position:relative;pointer-events:none}
.inv-form .btn[data-cargando]::after{content:"";position:absolute;inset:0;margin:auto;width:1.05rem;height:1.05rem;border-radius:50%;
  border:2.5px solid rgba(255,255,255,.5);border-top-color:#fff;animation:inv-girar .7s linear infinite}
@keyframes inv-girar{to{transform:rotate(360deg)}}
.btn[aria-disabled="true"]{background:#eceaf2 !important;color:#6f6987 !important;cursor:not-allowed}

/* --- entró hoy --- */
.inv-hoy-lista{list-style:none}
.inv-hoy-lista li{display:flex;justify-content:space-between;align-items:center;gap:.7rem;padding:.65rem 1.1rem;border-bottom:1px solid var(--linea)}
.inv-hoy-lista li:last-child{border-bottom:none}
.inv-hoy-lista li.vacio{display:block;text-align:center}
.inv-hoy-txt{display:grid;gap:.1rem;min-width:0}
.inv-hoy-txt b{font-size:.9rem;overflow-wrap:anywhere}
.inv-hoy-txt>span{font-size:.78rem;color:var(--tinta-2);overflow-wrap:anywhere}
.inv-por-completar{margin:.8rem 1.1rem 0;padding:.6rem .8rem;border-radius:9px;background:var(--ambar-tinte);color:var(--ambar);font-size:.84rem}

/* --- vendidos, obsequios y ganancia --- */
.inv-periodos{margin-bottom:1rem}
.inv-resumen-dueno{margin-bottom:1.2rem}
.inv-resumen-dueno[hidden]{display:none}
.inv-por-cat{border-top:1px solid var(--linea)}
.inv-por-cat li{flex-wrap:wrap}
.inv-ventas{list-style:none}
.inv-venta{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.85rem 1.1rem;border-bottom:1px solid var(--linea)}
.inv-venta:last-child{border-bottom:none}
.inv-ventas li.vacio{display:block;text-align:center}
.inv-venta-txt{display:grid;gap:.15rem;min-width:0;justify-items:start}
.inv-venta-txt b{font-size:.95rem;overflow-wrap:anywhere}
.inv-venta-txt>span{font-size:.8rem;color:var(--tinta-2);overflow-wrap:anywhere}
.inv-venta-txt .btn.fantasma{padding:0 .2rem;font-size:.8rem}
.inv-regalos{color:var(--azul-noche) !important;font-weight:600}
.inv-obs-btn{margin-top:.35rem}
.inv-venta-cifra{text-align:right;white-space:nowrap;display:grid;gap:.05rem;flex:none}
.inv-venta-cifra b{font-size:1.1rem;color:var(--verde)}
.inv-venta-cifra b.menos{color:var(--rojo)}
.inv-venta-cifra small{font-size:.74rem;color:var(--tinta-2)}

/* --- ficha del equipo (hoja) --- */
.inv-unidades{list-style:none;margin-top:.8rem;display:grid;gap:.5rem}
.inv-unidad{display:grid;gap:.2rem;padding:.7rem .8rem;border:1.5px solid var(--linea);border-radius:11px;font-size:.82rem;color:var(--tinta-2)}
.inv-unidad-cab{display:flex;justify-content:space-between;gap:.6rem;align-items:center;color:var(--tinta)}
.inv-unidad-cab b{font-size:.92rem;overflow-wrap:anywhere}
.inv-unidad .btn{justify-self:start}
.inv-mini{display:flex !important;gap:.4rem;flex-wrap:wrap;align-items:center;margin-top:.3rem}
.inv-mini[hidden]{display:none !important}
.inv-mini input{flex:1 1 150px;width:auto !important;padding:.45rem .6rem !important;font-size:.88rem}
.inv-mini input.inv-cuantas{flex:0 0 4.5rem}
.inv-precio{margin:.2rem 0 .4rem}
.inv-cond-fila{margin:.1rem 0 .5rem}
.inv-cond-fila>span{width:100%;font-size:.8rem;font-weight:700;color:var(--tinta-2)}
.inv-cond-fila .chip{font-size:.78rem;padding:.3rem .7rem;transition:transform .09s ease-out}
.inv-cond-fila .chip:active{transform:scale(.97)}
.inv-form input[readonly]{background:var(--azul-tinte);color:var(--tinta-2)}
.inv-lista-dia .inv-por-completar{margin:0}
.inv-precio label{width:100%;font-size:.8rem;font-weight:700;color:var(--tinta-2)}

/* --- lista del día --- */
.inv-lista-dia{max-width:720px}
.inv-lista-dia textarea{font:500 .9rem/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--azul-tinte);resize:vertical;min-height:16rem;white-space:pre-wrap}
.inv-lista-dia .btn.primario{justify-self:start;padding:.75rem 1.3rem}
.inv-prov-form .btn.primario{justify-self:start;margin-top:.3rem}

/* --- teléfono --- */
@media (max-width:920px){
  .inv-doscol,.inv-ingreso{grid-template-columns:1fr}
}
@media (max-width:720px){
  .inv-fila,.inv-venta,.inv-hoy-lista li{padding-left:.9rem;padding-right:.9rem}
  .inv-acciones .btn{width:100%}
  .inv-lista-dia .btn.primario{width:100%;justify-self:stretch}
}
@media (prefers-reduced-motion:reduce){
  .inv-fila,.inv-pestana,.inv-form .chip{transition:none}
  .inv-form .btn[data-cargando]::after{animation-duration:2s}
}