/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-rufj8ni6zx] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-rufj8ni6zx] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Pages/Login.razor.rz.scp.css */
.login-container[b-e1ewnkffv1] {
    min-height: 100vh;
    background-color: #f8f6f2;
    padding: 20px;
}

[b-e1ewnkffv1] .login-paper {
    width: 100%;
    max-width: 450px;
    border-radius: 16px;
}

/* Override MudBlazor input styles */
[b-e1ewnkffv1] .mud-input.mud-input-outlined.mud-input-adorned-start {
    background-color: white;
}

.logo-img[b-e1ewnkffv1] {
    height: 80px;
    width: 80px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #eadd7b;
}

[b-e1ewnkffv1] .intro-alert {
    background-color: #fff8f0 !important;
    border-left: 4px solid #fa9884 !important;
}

[b-e1ewnkffv1] .intro-text {
    color: #555;
}

.zalo-link[b-e1ewnkffv1] {
    font-weight: bold;
    color: #0068ff !important;
    text-decoration: none;
}

[b-e1ewnkffv1] .login-btn {
    background-color: #fa9884 !important;
    color: white !important;
    font-weight: bold;
    border-radius: 25px !important;
}

[b-e1ewnkffv1] .join-title {
    color: #7b4c70;
    font-weight: 500;
}

[b-e1ewnkffv1] .join-btn {
    border-color: #0068ff !important;
    color: #0068ff !important;
}

.qr-img[b-e1ewnkffv1] {
    width: 150px;
    height: 150px;
    border-radius: 8px;
    border: 1px solid #eee;
}