/* Overrides mínimos sobre Tabler.io */

.navbar-brand-image {
    height: 2rem;
}

.product-photo {
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: 6px;
}

.qr-print-box {
    max-width: 360px;
    margin: 0 auto;
    text-align: center;
}

/* La sección activa del menú lateral no se distinguía del resto (mismo color
   y peso que los demás links) — se resalta con negrita, color primario y un
   borde/fondo sutiles para que sea evidente en qué sección se está. */
.navbar-vertical .nav-link.active {
    font-weight: 600;
    color: var(--tblr-primary, #206bc4) !important;
    background-color: rgba(32, 107, 196, 0.08);
    border-radius: 4px;
    border-left: 3px solid var(--tblr-primary, #206bc4);
}
.navbar-vertical .nav-link.active .nav-link-icon {
    color: var(--tblr-primary, #206bc4) !important;
}

/* El sidebar trae clases de tema oscuro de Tabler (navbar-dark), pero se
   renderiza con fondo claro — el hover asumía texto blanco sobre fondo
   oscuro y quedaba blanco sobre blanco (invisible). Se fija un color legible
   sin depender de ese supuesto. */
.navbar-vertical .nav-link:hover,
.navbar-vertical .nav-link:hover .nav-link-icon {
    color: var(--tblr-primary, #206bc4) !important;
}
.navbar-vertical .nav-link.active:hover {
    background-color: rgba(32, 107, 196, 0.14);
}