/* Presentation scoped to the native sign-in form; authenticated screens keep their theme. */
.min-h-screen.px-4.py-12:has(form input[autocomplete="username"]) {
    background: #06366b url('/solverde-branding/entrada.jpg') center center / cover no-repeat fixed !important;
    justify-content: flex-end !important;
    padding-right: max(5vw, 24px) !important;
}
.min-h-screen.px-4.py-12:has(form input[autocomplete="username"]) > .max-w-md {
    width: 100%; max-width: 420px;
    padding: 30px;
    background: rgba(255,255,255,.98);
    border-radius: 16px;
    box-shadow: 0 20px 70px rgba(0,20,45,.35);
    color: #153d62;
}
.min-h-screen.px-4.py-12:has(form input[autocomplete="username"]) h2,
.min-h-screen.px-4.py-12:has(form input[autocomplete="username"]) label { color: #153d62 !important; }
.min-h-screen.px-4.py-12:has(form input[autocomplete="username"]) input:not([type="checkbox"]) {
    background: white !important; color: #153d62 !important; border-color: #c7d3df !important;
}
.min-h-screen.px-4.py-12:has(form input[autocomplete="username"]) a { color: #075187; }
.min-h-screen.px-4.py-12:has(form input[autocomplete="username"]) > .max-w-md > div:first-child > a {
    height: 135px;
    background: url('/solverde-branding/logo.jpg') center center / contain no-repeat;
}
.min-h-screen.px-4.py-12:has(form input[autocomplete="username"]) > .max-w-md > div:first-child > a > * { visibility: hidden; }
.min-h-screen.px-4.py-12:has(form input[autocomplete="username"]) button[type="submit"] {
    background: #18852b !important; border-color: #18852b !important; color: white !important;
}
@media (max-width: 767px) {
    .min-h-screen.px-4.py-12:has(form input[autocomplete="username"]) {
        justify-content: center !important; padding: 24px 16px !important; background-attachment: scroll !important;
    }
    .min-h-screen.px-4.py-12:has(form input[autocomplete="username"]) > .max-w-md { padding: 24px; }
}