/* The login page uses the existing Light theme over a faded rooftop photograph. */
.login-shell {
    color-scheme: light;
    background: #eef3f8;
}

.login-shell .backdrop {
    background-color: #eef3f8;
    background-image:
        linear-gradient(rgba(248, 251, 255, 0.66), rgba(248, 251, 255, 0.72)),
        url("rooftop-solar-login.png");
    background-position: center, center;
    background-size: cover;
    background-repeat: no-repeat;
}

.login-shell .content {
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
}

.login-shell .content > .flash {
    width: 100%;
}

.login-shell .login-card {
    width: min(100%, 520px);
}

.login-shell .form-card {
    background: rgba(255, 255, 255, 0.98);
}