/**
 * Тёмная тема страницы входа (body.login-page.dark-mode).
 * Фон страницы и поля — в духе forms-unified / основного интерфейса.
 */

body.dark-mode.login-page {
    background-color: #454d55;
}

body.dark-mode.login-page .login-card-body .form-control:not(.form-control-navbar):not(.form-control-sidebar) {
    color: #e3e5e6;
    background-color: #2a3036;
    border-color: #4b545c;
    box-shadow: none;
}

body.dark-mode.login-page .login-card-body .form-control:not(.form-control-navbar):not(.form-control-sidebar):focus {
    color: #fff;
    background-color: #323942;
    border-color: #5a6570;
    box-shadow: 0 0 0 0.15rem rgba(88, 99, 110, 0.35);
}

body.dark-mode.login-page .login-card-body .form-control::placeholder {
    color: rgba(227, 229, 230, 0.45);
}

body.dark-mode.login-page .login-card-body .input-group-text {
    color: #e3e5e6;
    background-color: #2a3036;
    border-color: #4b545c;
}

body.dark-mode.login-page .login-password-toggle.btn-outline-secondary {
    color: #e3e5e6;
    background-color: #2a3036;
    border-color: #4b545c;
}

body.dark-mode.login-page .login-password-toggle.btn-outline-secondary:hover,
body.dark-mode.login-page .login-password-toggle.btn-outline-secondary:focus {
    color: #fff;
    background-color: #323942;
    border-color: #5a6570;
}

body.dark-mode.login-page input:-webkit-autofill,
body.dark-mode.login-page input:-webkit-autofill:hover,
body.dark-mode.login-page input:-webkit-autofill:focus {
    -webkit-text-fill-color: #e3e5e6 !important;
    caret-color: #e3e5e6;
    transition: background-color 99999s ease-out 0s;
    box-shadow: 0 0 0 1000px #2a3036 inset !important;
}

body.dark-mode.login-page input:-webkit-autofill:focus {
    box-shadow: 0 0 0 1000px #323942 inset !important;
}