/* =============================================
   LOGIN PAGE - صفحه ورود
   ============================================= */

/* ----- فاصله از منوی بالا ----- */
.login-panel {
    margin-top: 50px !important;
}

    /* ----- پنل ورود ----- */
    .login-panel.panel {
        border-radius: 20px !important;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08) !important;
        border: 1px solid rgba(0, 0, 0, 0.06) !important;
    }

    .login-panel .panel-heading {
        background: linear-gradient(135deg, #f3f4f6, #e5e7eb) !important;
        color: #374151 !important;
        border-radius: 20px 20px 0 0 !important;
        padding: 20px 25px !important;
        text-align: center !important;
    }


    .login-panel .panel-title {
        color: #374151 !important;
        font-size: 20px !important;
        font-weight: 700 !important;
    }

    .login-panel .panel-body {
        padding: 30px 25px !important;
    }

/* ----- دکمه ورود ----- */
#submit-btn {
    margin-top: 15px !important;
    width: 100% !important;
}

    #submit-btn .submit-text i {
        color: white !important;
    }

/* ----- لینک قوانین ----- */
.text-primary {
    color: #ef4444 !important;
}

    .text-primary:hover {
        color: #dc2626 !important;
    }

/* ----- Dark mode ----- */
.dark-mode .login-panel.panel {
    background: #1e293b !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

.dark-mode .login-panel .panel-heading {
    background: linear-gradient(135deg, #f3f4f6, #e5e7eb) !important;
}

.dark-mode .login-panel .panel-body {
    background: #1e293b !important;
    color: #e2e8f0 !important;
}

    .dark-mode .login-panel .panel-body p {
        color: #e2e8f0 !important;
    }

.dark-mode .text-primary {
    color: #f87171 !important;
}

 /*----- موبایل -----*/ 
@media (max-width: 767px) {
    .login-panel {
        margin-top: 30px !important;
    }

        .login-panel .panel-body {
            padding: 20px 15px !important;
        }
}
 /*----- فیکس منوی همبرگری -----*/ 
@media (max-width: 767px) {
    .login-panel {
        margin-top: 30px !important;
        position: relative !important;
        z-index: 1 !important;
    }

     /*منو بیاد بالا*/ 
    .navbar-collapse,
    .sidebar-collapse {
        position: relative !important;
        z-index: 1000 !important;
        background: white !important;
    }

    .dark-mode .navbar-collapse,
    .dark-mode .sidebar-collapse {
        background: #2a2a2a !important;
    }
}

 /*===== فاصله لاگین از منو =====*/ 
@media (max-width: 767px) {
    .login-panel {
        margin-top: 10px !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .login-panel {
        margin-top: 20px !important;
    }
}
/* ----- کادر شماره تلفن ----- */
#phone {
    font-size: 18px !important;
    padding: 14px 18px !important;
    border-radius: 12px !important;
}