/* =========================================================
   MANLAB MODERN LOGIN - EXPANDED LEFT PANEL CSS
   ========================================================= */

.manlab-login-body {
    margin: 0 !important;
    padding: 0 !important;
    height: 100vh !important;
    overflow: hidden !important;
    font-family: Arial, Helvetica, sans-serif !important;
    background: #edf5fb !important;
    color: #0d315e !important;
    font-weight: 390 !important;
}

.manlab-login-page {
    height: 100vh !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.72fr) minmax(450px, .92fr) !important;
    overflow: hidden !important;
}

/* LEFT INTRO PANEL - Giãn rộng và cân đối lại */
.manlab-login-page .manlab-intro {
    position: relative !important;
    height: 100vh !important;
    overflow-y: auto !important;
    background: #eaf5fc !important;
    box-sizing: border-box !important;
}

.manlab-login-page .manlab-intro-bg {
    position: absolute !important;
    inset: 0 !important;
    background:
        linear-gradient(
            90deg,
            rgba(249,253,255,.98) 0%,
            rgba(246,252,255,.94) 31%,
            rgba(238,248,254,.70) 50%,
            rgba(223,241,251,.25) 78%
        ),
        url("../images/monitoring-background.jpg") center / cover no-repeat !important;
    z-index: 0 !important;
}

.manlab-login-page .manlab-intro-content {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    max-width: 760px !important;
    padding: 36px 42px 32px !important; /* Tăng padding để lấp đầy không gian */
    box-sizing: border-box !important;
    font-family: Arial, Helvetica, sans-serif !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important; /* Tăng khoảng cách giữa các khối */
}

.manlab-login-page .manlab-wordmark {
    font-size: 44px !important;
    line-height: 1 !important;
    font-weight: 790 !important;
    letter-spacing: -2px !important;
    margin: 0 !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.manlab-login-page .manlab-wordmark-blue { color: #0758bb !important; }
.manlab-login-page .manlab-wordmark-green { color: #07964d !important; }

.manlab-login-page .manlab-wordmark small {
    display: block !important;
    margin-top: 6px !important;
    font-size: 14px !important;
    font-weight: 490 !important;
    color: #203c5e !important;
    letter-spacing: 0 !important;
}

.manlab-login-page .manlab-intro h1 {
    margin: 0 !important;
    font-size: 36px !important; /* Tăng size tiêu đề */
    line-height: 1.12 !important;
    font-weight: 790 !important;
    color: #0d3264 !important;
    letter-spacing: normal !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.manlab-login-page .manlab-intro h1 span {
    display: block !important;
    color: #075bd1 !important;
}

.manlab-login-page .manlab-tagline {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    color: #075bd1 !important;
    font-size: 15px !important; /* Tăng size tagline */
    font-weight: 790 !important;
    margin: 0 !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.manlab-login-page .manlab-tagline i {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #07964d !important;
    display: inline-block !important;
}

.manlab-login-page .manlab-lead {
    max-width: 660px !important;
    margin: 0 !important;
    font-size: 14.5px !important; /* Tăng size chữ giới thiệu */
    line-height: 1.65 !important;
    color: #274665 !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.manlab-login-page .manlab-features {
    display: grid !important;
    gap: 14px !important; /* Giãn dòng danh sách tính năng */
    margin-top: 4px !important;
}

.manlab-login-page .manlab-feature {
    display: grid !important;
    grid-template-columns: 50px 1fr !important;
    gap: 14px !important;
    align-items: start !important;
}

.manlab-login-page .feature-icon {
    width: 46px !important; /* Tăng kích thước icon cho cân đối */
    height: 46px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    color: #fff !important;
    font-size: 18px !important;
    box-shadow: 0 6px 16px rgba(12,91,164,.17) !important;
}

.manlab-login-page .feature-blue { background: #0864d7 !important; }
.manlab-login-page .feature-green { background: #079456 !important; }
.manlab-login-page .feature-violet { background: #6259cb !important; }
.manlab-login-page .feature-orange { background: #e57a13 !important; }

.manlab-login-page .manlab-feature h3 {
    margin: 0 0 3px !important;
    font-size: 14.5px !important; /* Tăng size tiêu đề tính năng */
    font-weight: 690 !important;
    color: #0d315e !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.manlab-login-page .manlab-feature p {
    margin: 0 !important;
    font-size: 13px !important; /* Tăng size mô tả tính năng */
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #365473 !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.manlab-login-page .manlab-metrics {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    margin-top: 6px !important;
    border: 1px solid #d7e3ee !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: 0 10px 25px rgba(37,77,118,.08) !important;
}

.manlab-login-page .manlab-metrics > div {
    padding: 14px 10px !important; /* Tăng padding để lấp đầy khu vực đáy */
    text-align: center !important;
    border-right: 1px solid #dde6ef !important;
}

.manlab-login-page .manlab-metrics > div:last-child { border-right: 0 !important; }

.manlab-login-page .manlab-metrics strong {
    display: block !important;
    font-size: 18px !important; /* Tăng size số liệu thống kê */
    color: #0b3971 !important;
    font-weight: 790 !important;
}

.manlab-login-page .manlab-metrics span {
    display: block !important;
    margin-top: 4px !important;
    font-size: 11.5px !important; /* Tăng size nhãn thống kê */
    color: #63778e !important;
    font-weight: 400 !important;
}


/* RIGHT AUTH PANEL */
.manlab-login-page .manlab-auth {
    height: 100vh !important;
    padding: 24px 28px !important;
    display: grid !important;
    place-items: center !important;
    background: radial-gradient(circle at 90% 8%, #cfe7fa, transparent 30%), linear-gradient(#edf6fc, #f7fbfe) !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.manlab-login-page .manlab-login-card {
    width: 100% !important;
    max-width: 500px !important;
    padding: 30px 34px 22px !important;
    background: #fff !important;
    border: 1px solid #dce6ef !important;
    border-radius: 24px !important;
    box-shadow: 0 25px 65px rgba(11,75,132,.16) !important;
    box-sizing: border-box !important;
}

.manlab-login-page .manlab-login-logo {
    text-align: center !important;
    margin: 0 !important;
}

.manlab-login-page .manlab-logo-image {
    max-width: 110px !important;
    max-height: 95px !important;
    object-fit: contain !important;
}

.manlab-login-page .manlab-login-header {
    margin: 10px 0 22px !important;
    text-align: center !important;
}

.manlab-login-page .manlab-login-header h2 {
    margin: 0 !important;
    font-size: 24px !important;
    font-weight: 790 !important;
    color: #0d315e !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.manlab-login-page .manlab-login-header p {
    margin: 6px 0 0 !important;
    font-size: 13.5px !important;
    color: #60748c !important;
}

.manlab-login-page .manlab-login-form {
    display: grid !important;
    gap: 16px !important;
}

.manlab-login-page .manlab-form-group {
    display: grid !important;
    gap: 6px !important;
    margin: 0 !important;
}

.manlab-login-page .manlab-form-group > label {
    margin: 0 !important;
    font-size: 13.5px !important;
    font-weight: 690 !important;
    color: #0d315e !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.manlab-login-page .manlab-input-wrap {
    position: relative !important;
    margin: 0 !important;
}

.manlab-login-page .manlab-input-icon {
    position: absolute !important;
    left: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 3 !important;
    color: #72869a !important;
}

.manlab-login-page .form-control.manlab-input {
    width: 100% !important;
    height: 52px !important;
    padding-left: 44px !important;
    padding-right: 44px !important;
    border: 1px solid #d5e0eb !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    font-size: 14.5px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    background: #fff !important;
    color: #0d315e !important;
}

.manlab-login-page .form-control.manlab-input:focus {
    border-color: #075bd1 !important;
    box-shadow: 0 0 0 4px rgba(7,91,209,.09) !important;
}

.manlab-login-page .manlab-password-toggle {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 34px !important;
    height: 34px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #72869a !important;
    z-index: 3 !important;
    cursor: pointer !important;
}

.manlab-login-page .manlab-validation {
    font-size: 12px !important;
}

.manlab-login-page .manlab-login-error {
    padding: 10px 12px !important;
    border: 1px solid #f2b7b7 !important;
    border-radius: 8px !important;
    background: #fff4f4 !important;
    color: #c52d2d !important;
    font-size: 13px !important;
}

.manlab-login-page .manlab-form-options {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    margin: 0 !important;
}

.manlab-login-page .manlab-forgot-btn {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #075bd1 !important;
    font-size: 13.5px !important;
    font-weight: 590 !important;
    cursor: pointer !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.manlab-login-page .manlab-forgot-btn:hover {
    text-decoration: underline !important;
}

.manlab-login-page .btn.manlab-btn-primary,
.manlab-login-page .btn.manlab-btn-register {
    min-height: 52px !important;
    border-radius: 9px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    font-size: 15px !important;
    font-weight: 690 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.manlab-login-page .btn.manlab-btn-primary {
    border: 0 !important;
    color: #fff !important;
    background: linear-gradient(90deg, #1374ed, #0752cb) !important;
}

.manlab-login-page .btn.manlab-btn-register {
    border: 1.5px solid #1464d7 !important;
    color: #0759cb !important;
    background: #fff !important;
    text-decoration: none !important;
}

.manlab-login-page .manlab-divider {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: #8494a5 !important;
    font-size: 12px !important;
    margin: 0 !important;
}

.manlab-login-page .manlab-divider::before,
.manlab-login-page .manlab-divider::after {
    content: "" !important;
    height: 1px !important;
    flex: 1 !important;
    background: #dfe6ed !important;
}

.manlab-login-page .manlab-quick-features {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    margin-top: 18px !important;
    padding-top: 14px !important;
    border-top: 1px solid #e7edf3 !important;
}

.manlab-login-page .manlab-quick-features > div {
    display: grid !important;
    place-items: center !important;
    gap: 5px !important;
    text-align: center !important;
    color: #075bd1 !important;
}

.manlab-login-page .manlab-quick-features i { font-size: 17px !important; }
.manlab-login-page .manlab-quick-features span { font-size: 10px !important; color: #526b83 !important; }

.manlab-login-page .manlab-card-footer {
    margin-top: 16px !important;
    text-align: center !important;
    color: #718398 !important;
    font-size: 12px !important;
}


/* RESPONSIVE */
@media (max-width: 1050px) {
    .manlab-login-page {
        grid-template-columns: 1fr !important;
        height: auto !important;
    }
    .manlab-login-body {
        height: auto !important;
        overflow: auto !important;
    }
    .manlab-login-page .manlab-intro {
        height: auto !important;
    }
    .manlab-login-page .manlab-auth {
        height: auto !important;
    }
}