:root{
    --ordnt-navy: #0B1F3B;
    --ordnt-blue: #2563FF;
    --ordnt-text: #10213D;
    --ordnt-bg: #F5F8FC;
}


/* ======================================================
   GLOBAL
   ====================================================== */

body{
    background: var(--ordnt-bg) !important;
    color: var(--ordnt-text);
    font-family:
        Inter,
        "Segoe UI",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        sans-serif !important;
}


/* ======================================================
   LOGIN
   ====================================================== */

#loginView.center{
    padding: 32px 20px;
}


#loginView .card{
    max-width: 460px;
    padding: 44px 44px 38px;
    border: 1px solid rgba(11, 31, 59, .07);
    border-radius: 22px;
    box-shadow:
        0 24px 70px rgba(11, 31, 59, .12);
}


#loginView .brand{
    margin-bottom: 34px;
}


.ordnt-login-logo{
    display: block;
    width: 190px;
    max-width: 74%;
    height: auto;
    margin-bottom: 13px;
}




#loginView .subtitle{
    margin-bottom: 30px;
    line-height: 1.55;
}


#loginView input[type="email"],
#loginView input[type="password"]{
    min-height: 48px;
    border: 1px solid #D9E0EA;
    border-radius: 11px;
    transition:
        border-color .18s ease,
        box-shadow .18s ease;
}


#loginView input[type="email"]:focus,
#loginView input[type="password"]:focus{
    border-color: var(--ordnt-blue) !important;
    box-shadow:
        0 0 0 4px rgba(37, 99, 255, .10) !important;
}


#loginView .primary{
    min-height: 48px;
    border-radius: 11px;
    background:
        linear-gradient(
            135deg,
            var(--ordnt-blue),
            #1754E8
        ) !important;
    box-shadow:
        0 7px 18px rgba(37, 99, 255, .22);
}


#loginView .primary:hover{
    filter: brightness(.98);
    transform: translateY(-1px);
}


#loginView a{
    color: var(--ordnt-blue) !important;
    font-weight: 600;
    text-decoration: none;
}


/* ======================================================
   MOVEMENTS PAGE
   ====================================================== */






















/* ======================================================
   BUTTONS / CONTROLS
   ====================================================== */

button.primary{
    background:
        linear-gradient(
            135deg,
            var(--ordnt-blue),
            #1754E8
        ) !important;
    border-color:
        var(--ordnt-blue) !important;
}





/* ======================================================
   PASSWORD RECOVERY PAGES
   ====================================================== */

body > .card .ordnt-auth-logo{
    display: block;
    width: 175px;
    max-width: 75%;
    height: auto;
    margin-bottom: 12px;
}




body > .card{
    border:
        1px solid rgba(11, 31, 59, .07);
}


body > .card button{
    background:
        linear-gradient(
            135deg,
            var(--ordnt-blue),
            #1754E8
        ) !important;
}


body > .card a{
    color: var(--ordnt-blue) !important;
    font-weight: 600;
}


/* ======================================================
   LOGIN MOBILE
   ====================================================== */

@media (max-width: 600px) {

    #loginView .card{
        padding: 34px 26px 30px;
    }

}

/* ===== ORDNT AUTH POLISH START ===== */

/* Login */

#loginView .brand{
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 0 34px !important;
    text-align: center;
}


#loginView .ordnt-login-logo{
    display: block;
    width: 230px !important;
    max-width: 82% !important;
    height: auto !important;
    margin: 0 auto !important;
}


/* Recovery pages */

body.ordnt-auth-page{
    min-height: 100vh;
    background:
        radial-gradient(
            circle at 18% 12%,
            rgba(34, 211, 238, .14),
            transparent 30%
        ),
        radial-gradient(
            circle at 82% 88%,
            rgba(37, 99, 255, .10),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #F9FCFF 0%,
            #EEF5FF 100%
        ) !important;
}


body.ordnt-auth-page > .card{
    border-radius: 22px !important;
    box-shadow:
        0 24px 70px rgba(11, 31, 59, .12) !important;
}


body.ordnt-auth-page .brand{
    display: flex;
    justify-content: center;
    width: 100%;
}


body.ordnt-auth-page .ordnt-auth-logo{
    display: block;
    width: 220px !important;
    max-width: 82% !important;
    height: auto;
    margin:
        0 auto 24px !important;
}




@media (max-width: 600px) {

    #loginView .ordnt-login-logo{
        width:
            205px !important;
    }

}

/* ===== ORDNT AUTH POLISH END ===== */