/*html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}*/

/* Added by Naveed Ikram 04/05/26  */
/* =========================================
    FULL SCREEN BACKGROUND  
========================================= */

.landing-page {
    margin: 0;
    padding: 0;
    height: 100vh;
    overflow: hidden;
}

.landing-container {
    position: relative;
    width: 100%;
    height: 100vh;
    background: url('../IMAGE/TMS2.5-MainScreen.png') no-repeat; /*~/IMAGE/TMS2.5-MainScreen.png*/
    background-size: cover;
    background-position: center top;
    background-color: #020f1f;
}

/* LOGO POSITION */
.landing-logo {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 320px;
    max-width: 40%;
    z-index: 2;
}

/* LOGIN BUTTON POSITION */
.login-btn {
    position: absolute;
    bottom: 10%;
    left: 5%;
    width: 320px;
    max-width: 60%;
    cursor: pointer;
    transition: all 0.3s ease;
}

    /* HOVER EFFECT */
    .login-btn:hover {
        transform: scale(1.05);
        filter: brightness(1.2);
    }

    /* CLICK EFFECT */
    .login-btn:active {
        transform: scale(0.97);
    }


/* FULL SCREEN OVERLAY */
.loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* LOADER IMAGE */
.loader-gif {
    width: 80px;
}


/* RESPONSIVE */
@media (max-width: 768px) {

    .landing-logo {
        width: 220px;
        top: 6%;
        left: 5%;
    }

    .login-btn {
        width: 250px;
        bottom: 15%;
        left: 10%;
    }
}

/* Light theme — landing page background swap */
body.landing-page.tms-light .landing-container {
    background-image: url('../IMAGE/TMS2.5-MainScreen-LightTheme.png');
    background-color: #dce6f4;
}

/* ── Landing page — light theme background swap ── */
/*body.landing-page.tms-light .landing-container {
    background-image: url('../IMAGE/TMS2.5-Landing-PageImage-LightTheme.png');
    background-color: #e8eef7;
}*/

body.landing-page.tms-light .landing-logo {
    filter: brightness(.9);
}

.landing-theme-toggle {
    position: fixed;
    top: 14px;
    right: 18px;
    z-index: 1050;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, .25);
    background: rgba(7, 20, 40, .55);
    color: #e8c96a;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    backdrop-filter: blur(6px);
    transition: background .2s, color .2s, border-color .2s;
}

    .landing-theme-toggle:hover {
        background: rgba(201, 168, 76, .15);
    }

body.landing-page.tms-light .landing-theme-toggle {
    background: rgba(255, 255, 255, .7);
    color: #a07830;
    border-color: rgba(160, 120, 48, .35);
}