/* ========================================================
   ESTILOS GENERALES Y SOPORTE DE TEMAS (NEXOYERBAS)
   ======================================================== */

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: #fafafa;
  color: #171717;
  transition: background-color 0.2s ease, color 0.2s ease;
}

html.dark body {
  background-color: #09090b;
  color: #f4f4f5;
}

/* Ocultar flechas nativas de inputs numéricos */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}

/* Navegación desplegable en Tienda */
.dropdown-menu { display: none; }
.dropdown-wrapper:hover .dropdown-menu,
.dropdown-wrapper:focus-within .dropdown-menu { display: block; }

.dropdown-sub:hover .dropdown-sub-menu { display: block; }

/* En móviles los submenús se abren hacia abajo para no salirse de la pantalla */
@media (max-width: 640px) {
  .dropdown-sub-menu {
    position: static !important;
    width: 100% !important;
    border: none !important;
    box-shadow: none !important;
    padding-left: 0.75rem !important;
    background-color: #fafafa !important;
  }
}

/* Control de paneles en Gestor */
.tab-panel { display: none; }
.tab-panel.active { display: block; }

/* Resaltado de producto en edición de inventario */
.row-highlight {
  background-color: #f5f5f5 !important;
  border-left: 4px solid #000000 !important;
}
.dark .row-highlight {
  background-color: #27272a !important;
  border-left: 4px solid #ffffff !important;
}