/* ============================================================================
   koda-caja-polish.css  ·  v1  ·  2026-09-11
   Overlay REVERSIBLE para pos.lcognity.com. Mejoras de Caja/Inventario en el
   tema OSCURO (restaurante). Activa bajo html[data-koda-caja-dark] (que el
   script inline de prod ya setea). NO toca login, ni el bundle, ni el enhancer
   de imágenes. Para revertir: quitar el <link> del index.html (hay .bak).
   ============================================================================ */

/* Header de módulo: koda-system lo pinta BLANCO glass; en restaurante debe ser
   oscuro. Se replica el selector de koda-system + html[data-koda-caja-dark]
   para ganarle en especificidad. */
html[data-koda-caja-dark] .koda-app .h-screen > div[class*="bg-gradient-to-r"][class*="text-white"],
html[data-koda-caja-dark] .koda-app .min-h-screen > div[class*="bg-gradient-to-r"][class*="text-white"] {
  background: #1b1f26 !important;
  color: #fbfbfd !important;
  border-bottom: 1px solid #353b46 !important;
  box-shadow: none !important;
}
html[data-koda-caja-dark] .koda-app .h-screen > div[class*="bg-gradient-to-r"][class*="text-white"] .text-white,
html[data-koda-caja-dark] .koda-app .h-screen > div[class*="bg-gradient-to-r"][class*="text-white"] button,
html[data-koda-caja-dark] .koda-app .min-h-screen > div[class*="bg-gradient-to-r"][class*="text-white"] .text-white,
html[data-koda-caja-dark] .koda-app .min-h-screen > div[class*="bg-gradient-to-r"][class*="text-white"] button {
  color: #fbfbfd !important;
}

/* Iconos junto al buscador: escanear = dorado, vaciar (papelera) = gris visible.
   La papelera se apunta por su data-luci (build nuevo/local) Y por posición
   [caja-buscar] + button (build de prod, que aún no trae ese data-luci). */
html[data-koda-caja-dark] [data-luci="caja-escanear"] svg { fill: #f2b766 !important; }
html[data-koda-caja-dark] [data-luci="caja-vaciar"],
html[data-koda-caja-dark] [data-luci="caja-buscar"] + button { color: #adb4c1 !important; }
html[data-koda-caja-dark] [data-luci="caja-vaciar"] svg,
html[data-koda-caja-dark] [data-luci="caja-buscar"] + button svg { color: #adb4c1 !important; }
html[data-koda-caja-dark] [data-luci="caja-vaciar"]:hover,
html[data-koda-caja-dark] [data-luci="caja-buscar"] + button:hover { color: #f87171 !important; border-color: #7f2a2a !important; }

/* Chip del total: vidrio oscuro con valor claro. */
html[data-koda-caja-dark] [data-luci="caja-total"] {
  background: rgba(255,255,255,0.08) !important;
  color: #fbfbfd !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
}
html[data-koda-caja-dark] [data-luci="caja-total"] p:last-child,
html[data-koda-caja-dark] .koda-app .h-screen > div[class*="bg-gradient-to-r"][class*="text-white"] [data-luci="caja-total"] p:last-child { color: #fbfbfd !important; }

/* Buscador: se conserva un anillo suave dorado y se elimina el OUTLINE violeta
   de offset del input (el "halo" que se marca al escribir). */
html[data-koda-caja-dark] [data-luci="caja-buscar"],
html[data-koda-caja-dark] [data-luci="inv-buscar"] {
  background: #242830 !important;
  border-color: #3a404b !important;
}
html[data-koda-caja-dark] [data-luci="caja-buscar"]:focus-within,
html[data-koda-caja-dark] [data-luci="inv-buscar"]:focus-within {
  border-color: #6b7482 !important;
  box-shadow: 0 0 0 3px rgba(242,183,102,0.14) !important;
}
html[data-koda-caja-dark] [data-luci="caja-buscar"] input:focus-visible,
html[data-koda-caja-dark] [data-luci="inv-buscar"] input:focus-visible {
  outline: none !important;
}

/* Botón del menú (☰): koda-system lo pinta blanco; en restaurante, oscuro. */
html[data-koda-caja-dark] .koda-menu-trigger {
  background: #242830 !important;
  border-color: #3a404b !important;
  color: #e5e7eb !important;
  box-shadow: none !important;
}
html[data-koda-caja-dark] .koda-menu-trigger:hover { background: #2d323c !important; }

/* ============================================================================
   v3 — Ajuste de la tarjeta rica (.koda-product-card-modern de ModernProductGrid):
   más proporcionada, "(N vendidas)" en una línea y precio con más peso.
   Primera pasada — se afina según se vea en vivo.
   ============================================================================ */
/* Menos "largo": el alto pasa de 276px a algo más equilibrado. */
html[data-koda-caja-dark] .koda-product-card-modern { height: 250px !important; }
/* Estrellas + "(N vendidas)" en una sola línea. */
html[data-koda-caja-dark] .koda-product-card-modern__rating {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/* Precio con más cuerpo (peso 900) y un pelín de sangría. */
html[data-koda-caja-dark] .koda-product-card-modern__footer > strong {
  font-weight: 900 !important;
  letter-spacing: -0.012em !important;
  padding-left: 1px !important;
}