/* Crédito «Powered by Kompass Labs» (pie de la aplicación y del login). */
.kl-powered { display: inline-flex; align-items: center; gap: .45rem; color: inherit; text-decoration: none; white-space: nowrap; vertical-align: middle; }
.kl-powered:hover { color: inherit; }
.kl-powered img { display: block; width: 140px; height: auto; transition: opacity .15s ease; }
.kl-powered:hover img { opacity: .8; }

/* El logo sigue el tema claro/oscuro: color-modes.js pone data-bs-theme en <html>. */
.kl-powered .kl-logo-oscuro { display: none; }
[data-bs-theme="dark"] .kl-powered .kl-logo-claro { display: none; }
[data-bs-theme="dark"] .kl-powered .kl-logo-oscuro { display: block; }

/* Pie de la aplicación: queda abajo aunque la página tenga poco contenido. */
#app-content { display: flex; flex-direction: column; }
#app-content > .app-content-area { flex: 1 0 auto; }

.kl-app-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem 1rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--bs-border-color);
    color: var(--bs-secondary-color);
    font-size: .875rem;
}

.kl-login-foot { margin-top: 1.5rem; text-align: center; color: var(--bs-secondary-color); font-size: .875rem; }