/*! SPDX-License-Identifier: BSD-3-Clause · © 2026 WebTigers · Tiger™/WebTigers™ are trademarks */
/* PUMA — auth layout (MIT, Tiger-original). A centered card for sign-in / lock /
   password flows. Bootstrap variables drive the colors so skins + dark mode apply. */
.tiger-auth-body {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(1200px 600px at 50% -10%, rgba(var(--bs-primary-rgb), .10), transparent 60%),
        var(--bs-body-bg);
}
.tiger-auth-wrap { width: 100%; max-width: 26rem; padding: 1.5rem; }
.tiger-auth-wrap-wide { max-width: 44rem; }   /* multi-column forms (e.g. signup) */
.tiger-auth-card {
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: .85rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 12px 40px rgba(0, 0, 0, .08);
    padding: 2rem;
}
.tiger-auth-brand { text-align: center; margin-bottom: 1.5rem; }
.tiger-auth-brand .tiger-auth-mark {
    display: inline-flex; align-items: center; justify-content: center;
    width: 3rem; height: 3rem; border-radius: .75rem;
    background: rgba(var(--bs-primary-rgb), .12); color: var(--bs-primary);
    font-size: 1.4rem; margin-bottom: .75rem;
}
.tiger-auth-foot { text-align: center; margin-top: 1.25rem; }

/* --- Signup password field — moved from modules/signup/views/scripts/index/index.phtml --- */
/* Password sits in an input-group with the eye addon: keep Bootstrap's in-field
   validation icon (consistent with every other field), just keep the input flush
   (squared right, seamless with the eye) in the red/green state. */
#su-password.is-invalid, #su-password.is-valid {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}