/* Páginas propias de la app (login y error), con la misma estética que el panel de BioMailer. */
[data-bs-theme="light"] {
    --app-page-bg: #f4f6fb;
    --app-card-shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 8px 24px rgba(16, 24, 40, .08);
}

[data-bs-theme="dark"] {
    --app-page-bg: #151a21;
    --app-card-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .45);
}

.app-body {
    background-color: var(--app-page-bg);
}

.app-auth-card {
    width: 100%;
    max-width: 24rem;
    border: 0;
    border-radius: .75rem;
    box-shadow: var(--app-card-shadow);
}

.app-brand-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: .75rem;
    font-size: 1.5rem;
    color: #fff;
    background: linear-gradient(135deg, #1e2a3b 0%, #243b55 100%);
}

.app-theme-toggle {
    position: fixed;
    top: .75rem;
    right: .75rem;
}