/* Security — shared auth page styles */

/* Inner width constraint for all auth pages */
.auth-card {
    width: 100%;
    max-width: 420px;
}

/* Brand logotype */
.auth-brand {
    color: var(--bs-primary);
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    transition: opacity 0.15s;
}

.auth-brand:hover {
    opacity: 0.8;
    color: var(--bs-primary);
}

.auth-brand .bi-link-45deg {
    font-size: 1.8rem;
    line-height: 1;
}

/* Elevated card — overrides Bootstrap's shadow-sm */
.auth-card .card {
    border-radius: 0.875rem;
    box-shadow: 0 4px 28px rgba(0, 0, 0, 0.09) !important;
}