/* =========================================================
   AXXPOINT MAIL - PACIFIC
   Login Presentation
   ========================================================= */


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

.axx-pacific-login {
    min-height: 100vh;
    background-color: var(--axx-page-background);
}


/* =========================================================
   BACKGROUND
   ========================================================= */

.axx-pacific-login-background {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


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

.axx-pacific-login-panel {
    background-color: var(--axx-surface);
    border: 1px solid var(--axx-border);
    border-radius: var(--axx-radius-large);
    box-shadow: var(--axx-shadow-large);
}


/* =========================================================
   BRANDING
   ========================================================= */

.axx-pacific-login-logo {
    display: block;
    max-width: 100%;
    height: auto;
}

.axx-pacific-login-title {
    color: var(--axx-primary);
}

.axx-pacific-login-subtitle {
    color: var(--axx-text-muted);
}


/* =========================================================
   INPUTS
   ========================================================= */

.axx-pacific-login input:focus {
    border-color: var(--axx-primary);
    box-shadow: 0 0 0 2px color-mix( in srgb, var(--axx-primary) 20%, transparent);
}


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

.axx-pacific-login-button {
    background-color: var(--axx-primary);
    border-color: var(--axx-primary);
    color: var(--axx-text-on-primary);
}

    .axx-pacific-login-button:hover,
    .axx-pacific-login-button:focus {
        filter: brightness(0.92);
    }