/* Auth Pages Styling */
.auth-container {
    min-height: calc(100vh - 64px);
    background-color: #fafafa;
}

.auth-paper {
    max-width: 450px;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

/* MudBlazor Component Overrides for Auth Pages */
.mud-input-outlined .mud-input-root {
    border-radius: 4px;
}

/* L1 — WCAG 2.1 SC 1.4.11: visible, high-contrast focus ring on outlined inputs */
.mud-input-outlined.mud-input-root-outlined:focus-within {
    box-shadow: 0 0 0 2px var(--mud-palette-primary);
    border-radius: 4px;
}

.mud-button-root.auth-button {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
}

/* Credentials Badge Styling */
.credentials-badge {
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 0.875rem;
    font-weight: 500;
}

.credentials-badge.primary {
    background-color: #6366f1;
    color: white;
}

.credentials-badge.secondary {
    background-color: #ec4899;
    color: white;
}

/* Validation Summary */
.validation-summary {
    background-color: #fff3cd;
    border-left: 4px solid #ffc107;
    padding: 12px;
    border-radius: 4px;
}