/* Authentication page compatibility resets.
   Login.razor.css controls the actual authentication layout. These rules
   neutralize legacy global admin/site rules that otherwise leak into it. */

.admin-login-page,
.admin-login-page.admin-auth-page {
    display: block !important;
    grid-template-columns: none !important;
    background: none !important;
    min-height: auto !important;
}

.admin-login-page .admin-login-visual,
.admin-login-page .admin-login-visual-layer,
.admin-login-page .admin-login-visual-cards,
.admin-login-page .admin-login-slogan-card,
.admin-login-page .admin-login-eyebrow,
.admin-login-page .admin-login-note,
.admin-login-page .admin-social-login,
.admin-login-page .admin-social-button,
.admin-login-page .admin-auth-links-under-button {
    display: none;
}

.admin-login-page .admin-login-panel {
    min-height: auto !important;
    padding: 0 !important;
    width: auto !important;
    align-items: stretch;
    flex-direction: row;
}

.admin-login-page .admin-login-brand {
    width: auto;
    margin-bottom: 0;
    align-self: center;
}

.admin-login-page .admin-auth-card {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.admin-login-page .admin-login-form {
    display: flex;
}

.admin-login-page .admin-login-form label {
    display: flex;
    font-weight: 700;
}

.admin-login-page .admin-login-form input {
    box-shadow: none;
    background: rgba(255, 255, 255, 0.92);
}

.admin-login-page .admin-login-form input:focus {
    border-color: #3067f6;
    box-shadow: 0 0 0 4px rgba(47, 109, 246, 0.12);
}

.admin-login-page .admin-login-button {
    height: auto;
    border-radius: 12px;
    background: linear-gradient(90deg, #2f6df6 0%, #2d5df4 100%);
    box-shadow: 0 16px 28px rgba(47, 109, 246, 0.2);
    color: #ffffff;
    font-size: 0.98rem;
}

.admin-login-page .admin-login-heading p {
    margin-bottom: 0;
    color: #667085;
}

.admin-login-page .admin-text-link {
    color: #2f6df6;
}