body {
    min-height: 100vh;
}

/* El logo tiene texto azul oscuro sobre fondo transparente: en modo oscuro
   necesita un fondo claro propio para no perderse contra el body oscuro. */
.brand-logo-badge {
    background: #fff;
    border-radius: 6px;
    padding: 4px 10px;
    display: inline-flex;
    align-items: center;
}

.table-responsive-cards .card {
    display: none;
}

@media (max-width: 767.98px) {
    .table-responsive-cards table {
        display: none;
    }
    .table-responsive-cards .card {
        display: block;
    }
}