/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-mxb3n5pe35] { display:flex; min-height:100vh; }
main[b-mxb3n5pe35] { flex:1; min-width:0; }
.sidebar[b-mxb3n5pe35] { width:238px; flex-shrink:0; background:#121212; color:#ffffff; position:sticky; top:0; height:100vh; }
.top-row[b-mxb3n5pe35] { background:var(--surface); border-bottom:1px solid var(--line); min-height:72px; display:flex; align-items:center; gap:20px; }
.workspace-label[b-mxb3n5pe35] { margin-right:auto; font-weight:600; font-size:.85rem; color:var(--muted); }
.user-label[b-mxb3n5pe35] { font-size:.85rem; color:var(--muted); }
.content[b-mxb3n5pe35] { max-width:1600px; margin:auto; }
#blazor-error-ui[b-mxb3n5pe35] { display:none; background:var(--surface); color:var(--ink); position:fixed; bottom:0; padding:1rem; width:100%; z-index:1000; }
@media(max-width:760px) { .page[b-mxb3n5pe35] { flex-direction:column; } .sidebar[b-mxb3n5pe35] { position:static; width:100%; height:auto; } .top-row[b-mxb3n5pe35] { min-height:60px; gap:10px; } .user-label[b-mxb3n5pe35] { display:none; } }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.brand-lockup[b-6z0kodgcn4] { padding:27px 27px 24px; }
.brand-lockup a[b-6z0kodgcn4] { font-size:1.55rem; color:#fff; text-decoration:none; font-weight:750; letter-spacing:-.8px; }
.brand-lockup a span[b-6z0kodgcn4] { color:#a8d4b0; }
.brand-lockup small[b-6z0kodgcn4] { display:block; font-size:.57rem; letter-spacing:2px; margin-top:5px; color:#a5a5a5; }
.nav-section[b-6z0kodgcn4] { margin:22px 28px 10px; font-size:.62rem; letter-spacing:1.5px; font-weight:650; color:#a5a5a5; }
.nav-item[b-6z0kodgcn4] { padding-bottom:4px; }
.nav-item[b-6z0kodgcn4]  .nav-link { color:#cecece; display:block; background:none; border:0; border-radius:8px; padding:11px 14px; width:100%; text-align:left; font-size:.89rem; }
.nav-item[b-6z0kodgcn4]  .nav-link:hover { background:#262626; color:#fff; }
.nav-item[b-6z0kodgcn4]  .nav-link.active { background:#02a0e1; color:#071c26; font-weight:650; }
.nav-scrollable[b-6z0kodgcn4] { max-height:calc(100vh - 105px); overflow-y:auto; }
.navbar-toggler[b-6z0kodgcn4],.mobile-menu-label[b-6z0kodgcn4] { display:none; }
@media(max-width:760px) { .brand-lockup[b-6z0kodgcn4] { padding:16px 24px; } .mobile-menu-label[b-6z0kodgcn4] { display:block; position:absolute; right:24px; top:24px; cursor:pointer; } .navbar-toggler[b-6z0kodgcn4] { display:block; position:absolute; right:22px; top:20px; width:65px; height:35px; opacity:0; } .nav-scrollable[b-6z0kodgcn4] { display:none; } .navbar-toggler:checked ~ .nav-scrollable[b-6z0kodgcn4] { display:block; } }

.brand-lockup img[b-6z0kodgcn4] { width:174px; height:auto; max-width:100%; display:block; }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-sw14o33s8h],
.components-reconnect-repeated-attempt-visible[b-sw14o33s8h],
.components-reconnect-failed-visible[b-sw14o33s8h],
.components-pause-visible[b-sw14o33s8h],
.components-resume-failed-visible[b-sw14o33s8h],
.components-rejoining-animation[b-sw14o33s8h] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-sw14o33s8h],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-sw14o33s8h],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-sw14o33s8h],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-sw14o33s8h],
#components-reconnect-modal.components-reconnect-retrying[b-sw14o33s8h],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-sw14o33s8h],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-sw14o33s8h],
#components-reconnect-modal.components-reconnect-failed[b-sw14o33s8h],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-sw14o33s8h] {
    display: block;
}


#components-reconnect-modal[b-sw14o33s8h] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-sw14o33s8h 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-sw14o33s8h 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-sw14o33s8h 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-sw14o33s8h]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-sw14o33s8h 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-sw14o33s8h {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-sw14o33s8h {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-sw14o33s8h {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-sw14o33s8h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-sw14o33s8h] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-sw14o33s8h] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-sw14o33s8h] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-sw14o33s8h] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-sw14o33s8h] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-sw14o33s8h] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-sw14o33s8h 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-sw14o33s8h] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-sw14o33s8h {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}