/* =========================================================
   KOVRA PASO 32
   Limpieza visual global fuera de Inicio
========================================================= */

/* El isotipo K de KOVRA queda reservado para Inicio. */
.brand-icon,
.brand-mark,
.company-mark {
    display: none !important;
}

/* Al ocultar el isotipo, la cabecera aprovecha todo el ancho. */
.topbar {
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 8px !important;
}

.topbar-title {
    min-width: 0;
}

/* Registro: ya no reserva una columna para el logo. */
.register-header {
    grid-template-columns: minmax(0,1fr) !important;
}

/* Voucher: negocio + folio, sin columna vacía del logo. */
.voucher-header {
    grid-template-columns: minmax(0,1fr) auto !important;
}

/* Comprobante: nombre del negocio ocupa el ancho completo. */
.receipt-brand {
    grid-template-columns: minmax(0,1fr) !important;
}

/* Evita la altura doble que producía scroll vacío:
   body ya reserva la barra inferior; .app no debe medir 100dvh otra vez. */
body:has(.bottom-nav) {
    min-height: 100dvh !important;
    padding-bottom:
        calc(
            var(--nav-height, var(--nav, 70px))
            + 8px
            + env(safe-area-inset-bottom)
        ) !important;
    overflow-x: hidden !important;
}

body:has(.bottom-nav) > .app,
body:has(.bottom-nav) > main.app {
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 8px !important;
}

/* Los paneles ocultos nunca deben conservar espacio vertical. */
[hidden],
.settings-panel:not(.visible),
.quick-menu:not(.open):not(.visible) {
    min-height: 0 !important;
}

/* Cabeceras más compactas sin el logo. */
.topbar {
    margin-bottom: 7px !important;
}

/* El texto KOVRA puede seguir identificando la sección,
   pero sin un bloque gráfico consumiendo espacio. */
@media (max-width: 430px) {
    .topbar {
        gap: 6px !important;
    }
}