/* /Components/Integration/IntegrationInstructions.razor.rz.scp.css */
.integration-code[b-6jk2eqwvye]{padding:18px;background:#f3f7f5;border:1px solid #e0e9e3;border-radius:12px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}
[b-6jk2eqwvye] code{overflow-wrap:anywhere}

@media(max-width:600px){
    .table thead[b-6jk2eqwvye]{display:none}
    .table[b-6jk2eqwvye],.table tbody[b-6jk2eqwvye],.table tr[b-6jk2eqwvye],.table td[b-6jk2eqwvye]{display:block;width:100%}
    .table tr[b-6jk2eqwvye]{padding:12px 0;border-bottom:1px solid #e0e9e3}
    .table td[b-6jk2eqwvye]{border:0;padding:5px 0;overflow-wrap:anywhere}
    .table td:first-child[b-6jk2eqwvye]{font-weight:700}
    .table td:last-child[b-6jk2eqwvye]{font-size:11px;color:#74877e}
    .table td:last-child[b-6jk2eqwvye]::before{content:'Permissão: ';font-weight:600}
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.portal-shell[b-trp31jd7x0]{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr)}
.portal-shell.portal-guest[b-trp31jd7x0]{grid-template-columns:1fr}
.portal-sidebar[b-trp31jd7x0]{background:#102b2b;color:#e2f2ee;position:sticky;top:0;height:100vh;padding:30px 20px 20px;display:flex;flex-direction:column}
.portal-brand[b-trp31jd7x0]{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px;margin:0 8px 38px}.brand-symbol[b-trp31jd7x0]{display:grid;place-items:center;background:#26b79b;color:#102b2b;width:44px;height:44px;border-radius:14px;font-weight:800;font-size:23px}.portal-brand strong[b-trp31jd7x0]{font-size:21px;display:block}.portal-brand small[b-trp31jd7x0]{color:#8caeab;font-size:11px}
.nav-caption[b-trp31jd7x0]{color:#8caeab;font-size:10px;letter-spacing:.16em;padding-left:14px}
.portal-nav[b-trp31jd7x0]{display:flex;flex-direction:column;gap:7px}.portal-nav[b-trp31jd7x0]  a{color:#b8cfcb;text-decoration:none;padding:13px 14px;display:flex;gap:13px;align-items:center;border-radius:10px;font-size:14px}.portal-nav[b-trp31jd7x0]  a span{font-size:20px;width:20px;text-align:center}.portal-nav[b-trp31jd7x0]  a:hover{background:#1a3f3b;color:#fff}.portal-nav[b-trp31jd7x0]  a.active{background:#20564d;color:#fff;box-shadow:inset 3px 0 #3ecba8}
.sidebar-footer[b-trp31jd7x0]{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px;align-items:center;border-top:1px solid #244641;padding-top:22px;font-size:12px}.sidebar-footer strong[b-trp31jd7x0]{display:block;max-width:124px;overflow-wrap:anywhere}.sidebar-footer small[b-trp31jd7x0]{color:#8caeab;font-size:10px}.portal-avatar[b-trp31jd7x0]{width:34px;height:34px;display:grid;place-items:center;background:#31504b;border-radius:50%;font-weight:700}.portal-logout[b-trp31jd7x0]{border:0;background:none;color:#a4c9c1;padding:6px;margin-left:auto}
.portal-main[b-trp31jd7x0]{min-width:0;display:flex;flex-direction:column}.portal-topbar[b-trp31jd7x0]{height:72px;background:#fff;border-bottom:1px solid #e3ebea;display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:16px}.topbar-start[b-trp31jd7x0]{display:flex;align-items:center;gap:16px}.topbar-brand[b-trp31jd7x0]{font-size:14px;font-weight:700;color:#24423c}.topbar-brand span[b-trp31jd7x0]{padding:0 12px;color:#b5c7c0}.topbar-label[b-trp31jd7x0]{font-size:12px;color:#6c827b}.mobile-menu-button[b-trp31jd7x0]{display:none;border:0;background:#eef5f2;border-radius:8px;padding:8px 12px;color:#21473d}.portal-content[b-trp31jd7x0]{padding:30px 36px;max-width:1440px;width:100%;margin:auto;flex:1}.portal-footer[b-trp31jd7x0]{color:#879b94;font-size:11px;padding:18px 36px;border-top:1px solid #e3ebea}.portal-guest .portal-content[b-trp31jd7x0]{max-width:920px}.portal-guest .portal-topbar[b-trp31jd7x0]{background:transparent}
@media(max-width:1100px){.portal-content[b-trp31jd7x0]{padding:24px}.portal-topbar[b-trp31jd7x0]{padding:0 24px}.portal-shell[b-trp31jd7x0]{grid-template-columns:210px minmax(0,1fr)}.portal-sidebar[b-trp31jd7x0]{padding:26px 14px}}
@media(max-width:760px){.portal-shell[b-trp31jd7x0]{grid-template-columns:1fr}.portal-sidebar[b-trp31jd7x0]{display:none;position:fixed;width:240px;z-index:1050;top:72px;height:calc(100dvh - 72px);box-shadow:10px 0 40px #12342e22}.portal-sidebar.menu-open[b-trp31jd7x0]{display:flex}.mobile-menu-button[b-trp31jd7x0]{display:block}.portal-topbar[b-trp31jd7x0]{height:72px;padding:0 18px;position:sticky;top:0;z-index:1040}.portal-content[b-trp31jd7x0]{padding:22px 16px}.topbar-label[b-trp31jd7x0]{display:none}.portal-footer[b-trp31jd7x0]{padding:18px}}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-mgsh97mt39],
.components-reconnect-repeated-attempt-visible[b-mgsh97mt39],
.components-reconnect-failed-visible[b-mgsh97mt39],
.components-pause-visible[b-mgsh97mt39],
.components-resume-failed-visible[b-mgsh97mt39],
.components-rejoining-animation[b-mgsh97mt39] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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