.login-intro-img
{
    width: 270px;
    margin-top:-150px;
    margin-bottom: 40px;
}
#PasswordStrengthCriteria
{
    line-height: 1.5;
}
#PasswordResetLogo
{
    width: 200px;
}
#SignUpImage
{
    width: 330px;
    margin-top: 0px;
}

body, .login-wrapper
{
    background: linear-gradient(90deg, #000000, #021232) !important;
}

.custom-input:-webkit-autofill
{
    background-color: red !important;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    -webkit-text-fill-color: inherit !important;
}

/* Prevent iOS zoom on input focus */
@supports (-webkit-touch-callout: none)
{
    /* iOS specific fixes */
    #ApexAIPromptSearch,
    #QuickPromptsSearch,
    .apex-input,
    .form-control
    {
        font-size: 16px !important; /* iOS won't zoom if font size is 16px or larger */
        transform: scale(1);
        max-height: none;
    }
    /* Ensure proper viewport scaling */
    textarea
    {
        font-size: 16px !important;
    }
}

/* Additional iOS fixes */
.apex-input
{
    font-size: 16px; /* Base font size for all devices */
    min-height: 44px; /* Minimum touch target size for iOS */
}

#ApexAIPromptSearch
{
    font-size: 16px;
    line-height: 1.5;
    padding-top: 12px;
    padding-bottom: 12px;
}

/* Prevent zoom on all form elements */
input[type="text"],
input[type="search"],
textarea,
select
{
    font-size: 16px !important;
    transform: scale(1);
}


/* Nest Hub Max*/
@media screen and (max-width: 1280px) and (max-height: 800px)
{
    .login-intro-img
    {
        width: 230px;
        margin-top: -50px;
    }
    #SignUpImage
    {
        width: 250px;
        margin-top: 20px;
    }
    .bottom-footer.join
    {
        display: none;
    }
}

/* iPad Pro */
@media screen and (max-width: 1024px) and (max-height: 1366px)
{
    .login-intro-img
    {
        width: 550px;
        margin-top: -150px;
        margin-left: -30px;
    }
}

/* Nest Hub */
@media screen and (max-width: 1024px) and (max-height: 600px)
{
    .login-intro-img
    {
        width: 200px;
        margin-top: -90px;
        margin-left:auto;
        margin-right:auto;
    }
    #SignUpImage
    {
        width: 250px;
        margin-top: -20px;
    }
    .bottom-footer.join
    {
        display: none;
    }
}

/* Surface Pro 7 */
@media screen and (max-width: 912px) and (max-height: 1368px)
{
    .login-intro-img
    {
        width: 500px;
        margin-top: -100px;
        margin-left: -30px;
    }
}

/* Asus Zenbook Fold */
@media screen and (max-width: 853px) and (max-height: 1280px)
{
    .login-intro-img
    {
        width: 450px;
        margin-top: -250px;
    }
}

/* iPad Air */
@media screen and (max-width: 820px) and (max-height: 1180px)
{
    .login-intro-img
    {
        width: 400px;
        margin-top: -150px;
    }
}


/* iPad Mini */
@media screen and (max-width: 768px) and (max-height: 1024px)
{
    .login-intro-img
    {
        width: 330px;
        margin-top: -150px;
        margin-left: 0;
    }
}

/* Surface Duo */
@media screen and (max-width: 540px) and (max-height:720px)
{
    .login-intro-img
    {
        width: 200px;
        margin-top: -30px;
    }
    #SignUpImage
    {
        width: 180px !important;
        margin-top: -20px;
    }
    .bottom-footer.join
    {
        display: none;
    }
}

/* iPhone 14 Pro Max */
@media screen and (max-width: 430px) and (max-height:932px)
{
    .login-intro-img
    {
        width: 270px;
        margin-top: -170px;
        margin-bottom: 30px;
    }
    #SignUpImage
    {
        width: 250px !important;
    }
}

/* iPhone XR */
@media screen and (max-width: 414px) and (max-height:896px)
{
    .login-intro-img
    {
        width: 250px;
        margin-top: -150px;
    }
    #LoaderInnerModal
    {
        width: 270px;
    }
}

/* Galazy A51/71 */
@media screen and (max-width: 412px) and (max-height:915px)
{
    .login-intro-img
    {
        width: 270px;
        margin-top: -150px;
    }
    #SignUpImage
    {
        width: 300px;
    }
}

/* iPhone 12 Pro */
@media screen and (max-width: 390px) and (max-height:844px)
{
    .login-intro-img
    {
        width: 250px;
        margin-top: -110px;
    }
    #SignUpImage
    {
        width: 200px !important;
        margin-top: -20px;
    }
    #LoaderInnerModal
    {
        width: 270px;
    }
}

/* iPhone SE */
@media screen and (max-width: 375px) and (max-height: 667px)
{
    .login-intro-img
    {
        width: 170px;
        margin-top: -20px;
        margin-bottom: 30px; 
    }
    #SignUpImage
    {
        width: 150px !important;
    }
    .bottom-footer.join
    {
        display: none;
    }
    #LoaderInnerModal
    {
        width: 270px;
    }
}

/* Samsung Galaxy S8+ */
@media screen and (max-width: 360px) and (max-height: 740px)
{
    .login-intro-img
    {
        width: 170px;
        margin-top: -100px;
    }
    #SignUpImage
    {
        width: 190px !important;
    }
    .bottom-footer.join
    {
        display: none;
    }
}

/* Galaxy Z Fold 5 */
@media screen and (max-width: 344px) and (max-height: 882px)
{
    .login-intro-img
    {
        width: 300px;
        margin-top: -120px;
    }
}