/* =========================================================
   20. Login page theme - clean teal
========================================================= */
/* Fix login background bị chia mảng */
html,
body[data-path="login"] {
    background: linear-gradient(
        90deg,
        #00B0A7 0%,
        #2ED8B6 50%,
        #95FCCE 100%
    ) !important;
}

body[data-path="login"] .for-login {
    background: transparent !important;
}

body[data-path="login"] .page-card-head {
    background: transparent !important;
}

body[data-path="login"] .page-card {
    background: rgba(255,255,255,.96) !important;
}

/* Xóa mảng nền phụ nếu Frappe sinh thêm */
body[data-path="login"] .page-card,
body[data-path="login"] .page-card-head,
body[data-path="login"] .for-login,
body[data-path="login"] .page-content-wrapper,
body[data-path="login"] .web-page-content {
    background-image: none !important;
}
/* Bỏ nền trắng/khối thừa quanh header login */
.page-card-head {
    background: transparent !important;
}

/* Logo */
.for-login .app-logo,
.for-login .login-logo img {
    max-height: 82px !important;
    margin-bottom: 14px !important;
    filter: drop-shadow(0 3px 8px rgba(0,0,0,.18));
}

/* Title */
.for-login h4,
.for-login .page-card-head h4 {
    color: #ffffff !important;
    font-weight: 800 !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.16);
}

/* Card login */
.page-card {
    background: rgba(255,255,255,.96) !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255,255,255,.65) !important;

    box-shadow:
        0 22px 60px rgba(0,112,105,.25),
        0 6px 18px rgba(0,0,0,.08) !important;
}

/* Input */
.for-login .form-control {
    background: #f8fafc !important;
    border: 1px solid #dbe3ec !important;
    border-radius: 12px !important;
    min-height: 44px !important;

    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.8),
        0 1px 4px rgba(0,0,0,.06) !important;
}

.for-login .form-control:focus {
    border-color: #2ED8B6 !important;
    background: #ffffff !important;

    box-shadow:
        0 0 0 3px rgba(46,216,182,.18),
        0 6px 14px rgba(0,176,167,.14) !important;
}

/* Login button */
.for-login .btn-primary,
.for-login button[type="submit"] {
    background: linear-gradient(180deg, #16c7a8 0%, #009b93 100%) !important;
    border-color: #008f87 !important;
    color: #fff !important;

    border-radius: 12px !important;
    min-height: 44px !important;

    font-weight: 800 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.35),
        0 8px 18px rgba(0,176,167,.30) !important;
}

.for-login .btn-primary:hover,
.for-login button[type="submit"]:hover {
    background: linear-gradient(180deg, #25d8b8 0%, #00a79d 100%) !important;
    transform: translateY(-1px);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.45),
        0 10px 22px rgba(0,176,167,.36) !important;
}

/* Email link button */
.for-login .btn-default,
.for-login .btn-light {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;

    color: #0f766e !important;
    font-weight: 700 !important;
}

.for-login .btn-default:hover,
.for-login .btn-light:hover {
    background: rgba(46,216,182,.12) !important;
    border-color: rgba(46,216,182,.35) !important;
}

/* Forgot password */
.for-login a {
    color: #0f766e !important;
    font-weight: 600 !important;
}

.for-login a:hover {
    color: #00B0A7 !important;
}

body[data-path="login"] .navbar.navbar-light {
    display: none !important;
}