@import '_content/Volo.Abp.PermissionManagement.Blazor/Volo.Abp.PermissionManagement.Blazor.p33ll9g8os.bundle.scp.css';

/* /Components/Pages/ArticlesPage.razor.rz.scp.css */
/* /Components/Pages/Index.razor.rz.scp.css */
/* Getting-Started */
.starting-content[b-lunugl97kg] {
    position: relative;
    z-index: 2;
}


.getting-started-hero-card .card-body[b-lunugl97kg] {
    position: relative;
}

.card-bg-image[b-lunugl97kg] {
    pointer-events: none;
    position: absolute;
    width: 630px;
    max-width: 100%;
    height: auto;
    bottom: 0;
    right: 0;
    z-index: 1;
}

@media (min-width: 1199px) {
    .h-lg-100[b-lunugl97kg] {
        height: 100% !important;
    }
}

@media (min-width: 768px) {
    .h-md-100[b-lunugl97kg] {
        height: 100% !important;
    }
}

.abp-support[b-lunugl97kg] {
    width: 178px;
    height: 30px;
    background-image: url('/images/getting-started/abp-support.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.abp-community[b-lunugl97kg] {
    width: 215px;
    height: 30px;
    background-image: url('/images/getting-started/abp-community.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.abp-blog[b-lunugl97kg] {
    width: 142px;
    height: 30px;
    background-image: url('/images/getting-started/abp-blog.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.abp-studio[b-lunugl97kg] {
    width: 146px;
    height: 30px;
    background-image: url('/images/getting-started/abp-studio.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.abp-suite[b-lunugl97kg] {
    width: 132px;
    height: 30px;
    background-image: url('/images/getting-started/abp-suite.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.logo-x[b-lunugl97kg] {
    width: 20px;
    height: 20px;
    background-image: url('/images/getting-started/x.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.entity-famework-core[b-lunugl97kg] {
    width: 84px;
    height: 24px;
    background-image: url('/images/getting-started/entity-famework-core-dark.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.mongo-db[b-lunugl97kg] {
    width: 85px;
    height: 24px;
    background-image: url('/images/getting-started/mongo-db-dark.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.blazor[b-lunugl97kg] {
    width: 65px;
    height: 20px;
    background-image: url('/images/getting-started/blazor-dark.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.angular[b-lunugl97kg] {
    width: 82px;
    height: 20px;
    background-image: url('/images/getting-started/angular-dark.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.mvc-razor-pages[b-lunugl97kg] {
    width: 95px;
    height: 20px;
    background-image: url('/images/getting-started/mvc-razor-pages-dark.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.lpx-theme-dark .abp-support[b-lunugl97kg] {
    background-image: url('/images/getting-started/abp-support-white.svg');
}

.lpx-theme-dark .abp-community[b-lunugl97kg] {
    background-image: url('/images/getting-started/abp-community-white.svg');
}

.lpx-theme-dark .abp-blog[b-lunugl97kg] {
    background-image: url('/images/getting-started/abp-blog-white.svg');
}

.lpx-theme-dark .logo-x[b-lunugl97kg] {
    background-image: url('/images/getting-started/x-white.svg');
}

.lpx-theme-dark .abp-studio[b-lunugl97kg] {
    background-image: url('/images/getting-started/abp-studio-white.svg');
}

.lpx-theme-dark .abp-suite[b-lunugl97kg] {
    background-image: url('/images/getting-started/abp-suite-white.svg');
}

.lpx-theme-dark .entity-famework-core[b-lunugl97kg] {
    background-image: url('/images/getting-started/entity-famework-core.svg');
}

.lpx-theme-dark .mongo-db[b-lunugl97kg] {
    background-image: url('/images/getting-started/mongo-db.svg');
}

.lpx-theme-dark .blazor[b-lunugl97kg] {
    background-image: url('/images/getting-started/blazor.svg');
}

.lpx-theme-dark .angular[b-lunugl97kg] {
    background-image: url('/images/getting-started/angular.svg');
}

.lpx-theme-dark .mvc-razor-pages[b-lunugl97kg] {
    background-image: url('/images/getting-started/mvc-razor-pages.svg');
}
/* Getting-Started End */
/* /Components/Pages/ProfilePage.razor.rz.scp.css */
/* /Components/Pages/UsersPage.razor.rz.scp.css */
/* Users page specific styles */
/* /Components/Shared/ReconnectModal.razor.rz.scp.css */
/* ReconnectModal - Blazor Server reconnection overlay */

.components-reconnect-overlay[b-kwft2l4u4o] {
    display: none;
    position: fixed;
    z-index: 9999;
    inset: 0;
    background: rgba(0,0,0,0.5);
    align-items: center;
    justify-content: center;
}

/* Les états Blazor Server activent les divs via CSS (pas JS) */
#components-reconnect-modal.components-reconnect-show .components-reconnect-show[b-kwft2l4u4o] { display: block; }
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed[b-kwft2l4u4o] { display: block; }
#components-reconnect-modal.components-reconnect-rejected .components-reconnect-rejected[b-kwft2l4u4o] { display: block; }

#components-reconnect-modal:not([style*='display: none'])[b-kwft2l4u4o] {
    display: flex;
}

.components-reconnect-dialog[b-kwft2l4u4o] {
    background: #fff;
    border-radius: 8px;
    padding: 2rem;
    text-align: center;
    max-width: 400px;
    width: 90%;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
}

.components-rejoining-animation[b-kwft2l4u4o] {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-bottom: 1rem;
}
.components-rejoining-animation > div[b-kwft2l4u4o] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #206B13;
    animation: bounce-b-kwft2l4u4o 1.2s infinite ease-in-out both;
}
.components-rejoining-animation > div:nth-child(2)[b-kwft2l4u4o] { animation-delay: 0.3s; }

@keyframes bounce-b-kwft2l4u4o {
    0%, 80%, 100% { transform: scale(0); }
    40% { transform: scale(1); }
}
