/* Darty webmail login theme (PLAN 17.7) — gold (#f0c948) on charcoal (#1a1d2a).
   Login-page only; the rest of Elastic is untouched. */

body.task-login { background: #1a1d2a; color: #f4f5f9; }
body.task-login #layout-content { background: transparent; }

body.task-login #login-form.propform {
    background: #252a3a;
    border-top: 4px solid #f0c948;
    color: #f4f5f9;
}

/* Darty favicon logo is set app-wide via skin_logo; size it for the login card. */
body.task-login #logo {
    width: auto;
    height: 120px;
    max-width: 200px;
    margin-bottom: .5rem;
}

body.task-login label { color: #b6bdcf; }

body.task-login input,
body.task-login .form-control {
    background: #313749 !important;
    color: #f4f5f9 !important;
    border-color: #4a5167 !important;
}

/* Sign-in button in Darty gold with dark text. */
body.task-login #rcmloginsubmit.button.mainaction {
    background-color: #f0c948 !important;
    border-color: #f0c948 !important;
    color: #1a1d2a !important;
    font-weight: 700;
}
body.task-login #rcmloginsubmit.button.mainaction:hover {
    background-color: #ffdc6a !important;
    border-color: #ffdc6a !important;
}

body.task-login input:focus,
body.task-login .form-control:focus {
    border-color: #f0c948 !important;
    box-shadow: 0 0 0 .15rem rgba(240, 201, 72, .25) !important;
}

body.task-login a { color: #ffdc6a; }