/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-jxbrmas97j]{position:relative;display:flex;min-height:100vh;background:#edf1f5}main[b-jxbrmas97j]{flex:1;min-width:0}.sidebar[b-jxbrmas97j]{background:#2f323e;width:255px;flex:0 0 255px;box-shadow:2px 0 8px #00000014;z-index:21}.top-row[b-jxbrmas97j]{height:60px;padding:0 30px;display:flex;justify-content:space-between;align-items:center;background:#fff;border:0;box-shadow:0 1px 4px #00000013;position:relative;z-index:20}.top-row strong[b-jxbrmas97j],.top-row span[b-jxbrmas97j]{display:block}.top-row strong[b-jxbrmas97j]{font-size:.78rem;font-weight:500;color:#455a64}.workspace-brand[b-jxbrmas97j]{display:flex;align-items:center;gap:11px}.workspace-brand>img[b-jxbrmas97j]{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 4px 8px #03a9f326)}.workspace-brand .eyebrow[b-jxbrmas97j]{font-size:.6rem;color:#99abb4}.top-actions[b-jxbrmas97j]{display:flex;align-items:center;gap:11px}.icon-button[b-jxbrmas97j]{border:0;background:#f4f7f9;color:#03a9f3;width:36px;height:36px;border-radius:50%}.profile-badge[b-jxbrmas97j]{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#03a9f3;font-size:.7rem;font-weight:500;box-shadow:0 4px 10px #03a9f331}.profile-copy span[b-jxbrmas97j]{font-size:.65rem;color:#99abb4}.top-actions>a[b-jxbrmas97j]{font-size:.7rem;color:#607d8b;text-decoration:none}.top-actions>a:hover[b-jxbrmas97j]{color:#03a9f3}.logout-button[b-jxbrmas97j]{border:1px solid #d9e0e4;background:#fff;color:#607d8b;border-radius:3px;padding:7px 10px;font-size:.68rem;font-weight:500;cursor:pointer}@media(min-width:701px){.sidebar[b-jxbrmas97j]{height:100vh;position:sticky;top:0}.top-row[b-jxbrmas97j]{position:sticky;top:0}}@media(max-width:700px){.page[b-jxbrmas97j]{display:block}.sidebar[b-jxbrmas97j]{width:100%;min-height:60px}.top-row[b-jxbrmas97j]{height:58px;padding:0 15px}.workspace-brand>img[b-jxbrmas97j]{width:29px;height:29px}.profile-copy[b-jxbrmas97j],.top-actions>a[b-jxbrmas97j]{display:none}}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.brand-block[b-bmfdqws3q2]{height:68px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid #ffffff12}.brand[b-bmfdqws3q2]{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none}.brand-mark[b-bmfdqws3q2]{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#1677ff,#0b49d9);box-shadow:0 8px 20px #07132966;overflow:hidden}.brand-mark img[b-bmfdqws3q2]{width:34px;height:34px;object-fit:contain}.brand strong[b-bmfdqws3q2],.brand small[b-bmfdqws3q2]{display:block}.brand strong[b-bmfdqws3q2]{font-size:.95rem}.brand small[b-bmfdqws3q2]{font-size:.65rem;color:#9099aa;margin-top:1px}.navbar-toggler[b-bmfdqws3q2]{display:none}.nav-scrollable[b-bmfdqws3q2]{padding:14px 12px}.nav-section[b-bmfdqws3q2]{display:block;color:#69758c;font-size:.61rem;font-weight:700;letter-spacing:.1em;padding:14px 10px 6px}.nav-item[b-bmfdqws3q2]{font-size:.78rem;margin:2px 0}.nav-symbol[b-bmfdqws3q2]{display:inline-grid;place-items:center;width:21px;margin-right:7px;font-size:.9rem}.nav-item b[b-bmfdqws3q2]{margin-left:auto;background:#263653;color:#b8c4d8;border-radius:12px;padding:2px 7px;font-size:.62rem}.nav-item[b-bmfdqws3q2]  .nav-link{color:#aeb7c8;background:none;border:0;border-radius:8px;height:38px;padding:0 10px;display:flex;align-items:center;width:100%;text-decoration:none}.nav-item[b-bmfdqws3q2]  a.active{background:#246bfd;color:#fff;box-shadow:0 6px 15px #0002}.nav-item[b-bmfdqws3q2]  .nav-link:hover{background:#ffffff0c;color:#fff}.side-status[b-bmfdqws3q2]{margin:18px 7px 0;padding:12px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;background:#172640;border:1px solid #ffffff0b;border-radius:9px;color:#fff}.side-status strong[b-bmfdqws3q2],.side-status small[b-bmfdqws3q2]{display:block}.side-status strong[b-bmfdqws3q2]{font-size:.7rem}.side-status small[b-bmfdqws3q2]{font-size:.6rem;color:#8490a3;margin-top:2px}.status-dot[b-bmfdqws3q2]{width:7px;height:7px;border-radius:50%;background:#28c57f;box-shadow:0 0 0 4px #28c57f20}@media(min-width:701px){.nav-scrollable[b-bmfdqws3q2]{height:calc(100vh - 68px);overflow-y:auto}}@media(max-width:700px){.brand-block[b-bmfdqws3q2]{height:60px}.navbar-toggler[b-bmfdqws3q2]{display:block;appearance:none;position:absolute;right:15px;top:14px;width:32px;height:32px;border:1px solid #ffffff26;border-radius:7px}.navbar-toggler[b-bmfdqws3q2]::after{content:'☰';color:#fff;display:grid;place-items:center;height:100%}.nav-scrollable[b-bmfdqws3q2]{display:none}.navbar-toggler:checked~.nav-scrollable[b-bmfdqws3q2]{display:block}}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-y6lb7t7v42],
.components-reconnect-repeated-attempt-visible[b-y6lb7t7v42],
.components-reconnect-failed-visible[b-y6lb7t7v42],
.components-pause-visible[b-y6lb7t7v42],
.components-resume-failed-visible[b-y6lb7t7v42],
.components-rejoining-animation[b-y6lb7t7v42] {
    display: none;
}

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


#components-reconnect-modal[b-y6lb7t7v42] {
    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-y6lb7t7v42 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-y6lb7t7v42 {
    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;
    }
}
