@import url("../../elastic/styles/styles.min.css");
/* sosprepc.sk branding (child skin, extends elastic). Scope: LOGIN ONLY —
   the mail UI stays stock elastic. Palette = sosprepc.sk design tokens:
   bg #0B0D12, surface #12151C, line #232833, ink #E8EAF0, muted #8A93A5,
   accent #3E8BFF, accent-deep #2264C8. */

body.task-login,
body.task-login #layout,
body.task-login #layout-content {
    background: #0B0D12 !important;
    color: #E8EAF0;
}

body.task-login #login-form {
    background: #12151C;
    border: 1px solid #232833;
    border-radius: 12px;
    padding: 2.5rem 2.25rem 2rem;
    box-shadow: 0 12px 44px rgba(0, 0, 0, .45);
    max-width: 30rem;
}

body.task-login .logo {
    max-width: 275px;
    margin-bottom: 1.25rem;
}

body.task-login .form-control {
    background: #0B0D12;
    border: 1px solid #232833;
    color: #E8EAF0;
}
body.task-login .form-control:focus {
    background: #0B0D12;
    border-color: #3E8BFF;
    box-shadow: 0 0 0 .2rem rgba(62, 139, 255, .25);
    color: #E8EAF0;
}
body.task-login .form-control::placeholder { color: #8A93A5; }

body.task-login button.mainaction,
body.task-login .btn-primary {
    background: #3E8BFF;
    border-color: #3E8BFF;
}
body.task-login button.mainaction:hover,
body.task-login button.mainaction:focus,
body.task-login .btn-primary:hover,
body.task-login .btn-primary:focus {
    background: #2264C8;
    border-color: #2264C8;
}

body.task-login a { color: #3E8BFF; }
body.task-login #login-footer,
body.task-login #login-footer a { color: #8A93A5; }