/* Auth pages (login, forgot, reset, register, 2FA challenge) — shared layout,
   used by the <x-auth.shell> component. Keeps auth markup free of inline styles. */

.auth-root {
    min-height: 100vh;
}

.auth-form {
    width: 100%;
    max-width: 420px;
}

.auth-logo {
    height: 44px;
}

.auth-title {
    font-size: 2.2rem;
}

/* Password field with a show/hide toggle */
.auth-password {
    position: relative;
}

.auth-password__toggle {
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    display: flex;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--bs-gray-500, #a1a5b7);
    font-size: 1.25rem;
    cursor: pointer;
}

.auth-password__toggle:hover {
    color: var(--mb-primary, #2678c9);
}

/* Right-hand marketing aside */
.auth-aside__title {
    max-width: 560px;
}

.auth-aside__text {
    max-width: 440px;
}

.auth-aside__img {
    width: 500px;
    max-width: 75%;
}