/* Buluh Gading - Minimal Modern Webmail Login */

body.task-login {
    background: linear-gradient(135deg, #f0f5fa 0%, #e5eef8 100%) !important;
    min-height: 100vh;
}

body.task-login #login-form {
    background: #ffffff;
    padding: 35px 30px;
    border-radius: 18px;
    box-shadow: 0 15px 45px rgba(37, 59, 85, 0.12);
    border: 1px solid rgba(220, 230, 242, 0.8);
}

body.task-login #login-form input {
    border-radius: 9px;
}

body.task-login #login-form .button,
body.task-login #login-form button[type="submit"],
body.task-login #login-form input[type="submit"] {
    background: #258be4 !important;
    border-color: #258be4 !important;
    color: #ffffff !important;
    border-radius: 9px;
    font-weight: 600;
    transition: background 0.2s ease;
}

body.task-login #login-form .button:hover,
body.task-login #login-form button[type="submit"]:hover {
    background: #126fc4 !important;
}

@media (max-width: 600px) {
    body.task-login #login-form {
        padding: 24px 18px;
        border-radius: 14px;
    }
}

/* Login page refinement v2 */
body.task-login,
body.task-login #layout {
    background: linear-gradient(135deg, #edf3fa 0%, #dce9f6 100%) !important;
    min-height: 100vh;
}

body.task-login #login-form {
    width: 390px;
    max-width: calc(100vw - 32px);
    padding: 38px 34px !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 22px 65px rgba(31, 62, 100, 0.17) !important;
}

body.task-login #login-form .input-group {
    margin-bottom: 12px;
}

body.task-login #login-form .button,
body.task-login #login-form button[type="submit"] {
    background: #2389e6 !important;
    border-radius: 10px !important;
    min-height: 44px;
}

@media (max-width: 480px) {
    body.task-login #login-form {
        width: auto;
        padding: 28px 22px !important;
    }
}