/* Intexa Cloud: shared visual language for the login screen. */
body.page-login-php {
    --primary: #d71920;
    --primary-light: #ed252d;
    --primary-dark: #b9141a;
    --card-bg: #151515;
    --text: #f2f2f2;
    --text-light: #a7a7a7;
    --text-lighter: #a7a7a7;
    --border: #343434;
    background: #090909;
    color: var(--text);
    height: auto;
    min-height: 100vh;
    min-height: 100dvh;
    overflow: auto;
    padding: 0;
    color-scheme: dark;
}
.page-login-php .background-image {
    background: radial-gradient(ellipse at top, #242020, transparent 65%), #090909;
}
.page-login-php .background-image::after { opacity: .035; }
.page-login-php .background-image.custom-wallpaper {
    background: linear-gradient(#0006, #0009), url('/login_wallpaper.php') center / cover no-repeat, #090909;
}
.page-login-php .background-image.custom-wallpaper::after { display: none; }
.page-login-php .login-wrapper {
    height: auto;
    min-height: 100vh;
    min-height: 100dvh;
    padding: 3rem 1rem 0;
    overflow: visible;
}
.page-login-php .login-container {
    margin: auto 0;
    background: var(--card-bg);
    border: 1px solid var(--border);
    border-top: 3px solid var(--primary);
    border-radius: 12px;
    box-shadow: 0 20px 60px #0006;
    backdrop-filter: none;
}
.page-login-php .login-container:hover { border-color: var(--border); border-top-color: var(--primary); }
.page-login-php .logo h1 { color: var(--text); }
.page-login-php .form-control {
    background: #0d0d0d !important;
    border: 1px solid var(--border) !important;
    color: var(--text);
}
.page-login-php .form-control::placeholder { color: #929292; }
.page-login-php .form-control:focus {
    background: #111 !important;
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px #d719202b !important;
}
.page-login-php .btn-primary { background: var(--primary); color: #fff; box-shadow: none; }
.page-login-php .btn-primary:hover { background: var(--primary-dark); box-shadow: none; }
.page-login-php a:focus-visible,
.page-login-php button:focus-visible { outline: 2px solid var(--primary-light); outline-offset: 4px; }
.page-login-php .error-message { background: #ef444418; color: #fca5a5; border-color: #ef444460; }
.page-login-php .login-wrapper > .global-footer {
    position: relative;
    inset: auto;
    padding: 2rem 0 1rem;
    color: var(--text-light);
    text-shadow: none;
}
@media (max-width: 480px) {
    .page-login-php .login-container { padding: 1.5rem; }
}