/* Wind Encore colours; keep Elastic responsive behaviour and dark mode. */
body.task-login { background: #f3f6fb; }
body.task-login #logo { width: 260px; max-width: calc(100% - 32px); height: auto; }
body.task-login #layout-content { max-width: none; }
body.task-login #login-form { max-width: 320px; width: calc(100% - 32px); }
body.task-login #login-form td.input {
    flex: 1 1 0%;
    width: 100%;
    min-width: 0;
    padding: 0;
}
.windencore-login-name { width: 100%; flex-wrap: nowrap; }
.windencore-login-name input { min-width: 0; }
.windencore-login-domain {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    padding-left: 8px;
    white-space: nowrap;
    color: #57677c;
    font-size: 12px;
}
html.dark-mode .windencore-login-domain { color: #b5c3d8; }
body.task-login #login-form .form-group { margin-bottom: 12px; }
body.task-login #login-form .input-group-lg > .form-control,
body.task-login #login-form .input-group-lg .input-group-text {
    height: 36px;
    min-height: 36px;
    padding: 6px 10px;
    font-size: 14px;
    line-height: 22px;
}
body.task-login #rcmloginuser {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
body.task-login #rcmloginsubmit {
    height: 36px;
    min-height: 36px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 22px;
}
@media (pointer: coarse) {
    body.task-login #login-form .input-group-lg > .form-control,
    body.task-login #login-form .input-group-lg .input-group-text,
    body.task-login #rcmloginsubmit { height: 44px; min-height: 44px; }
}
body.task-login .button.mainaction { background: #234f89; border-color: #234f89; }
body.task-login .button.mainaction:hover { background: #193d6e; border-color: #193d6e; }
html.dark-mode body.task-login { background: #161d28; }