/**
 * Auth pages only — no Tabler/FA/Feather icon fonts.
 * Loaded after bootstrap; pairs with slim login blades.
 */

.login-background--plain {
    background: linear-gradient(145deg, #2e37a4 0%, #3d5ee1 52%, #5b8def 100%);
    min-height: 100vh;
    width: 100%;
}

.login-background--plain::before {
    background: rgba(15, 23, 60, 0.25);
    backdrop-filter: blur(2px);
}

.auth-icon {
    display: inline-flex;
    width: 1.15rem;
    height: 1.15rem;
    color: #64748b;
}

.auth-icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

.input-icon-addon .auth-icon {
    vertical-align: middle;
}

.toggle-password.auth-toggle {
    color: #202c4b;
}

.toggle-password.auth-toggle:hover,
.toggle-password.auth-toggle:focus-visible {
    color: #3d5ee1;
    outline: none;
}

.toggle-password.auth-toggle .auth-icon-eye-off {
    display: none;
}

.toggle-password.auth-toggle.is-visible .auth-icon-eye {
    display: none;
}

.toggle-password.auth-toggle.is-visible .auth-icon-eye-off {
    display: inline-flex;
}