/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-h96uv29dxp] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-h96uv29dxp] {
    flex: 1;
}

.sidebar[b-h96uv29dxp] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-h96uv29dxp] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-h96uv29dxp]  a, .top-row[b-h96uv29dxp]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-h96uv29dxp]  a:hover, .top-row[b-h96uv29dxp]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-h96uv29dxp]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-h96uv29dxp] {
        justify-content: space-between;
    }

    .top-row[b-h96uv29dxp]  a, .top-row[b-h96uv29dxp]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-h96uv29dxp] {
        flex-direction: row;
    }

    .sidebar[b-h96uv29dxp] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-h96uv29dxp] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-h96uv29dxp]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-h96uv29dxp], article[b-h96uv29dxp] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-h96uv29dxp] {
    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-h96uv29dxp] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-5aisimm5w7] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-5aisimm5w7] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-5aisimm5w7] {
    font-size: 1.1rem;
}

.oi[b-5aisimm5w7] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-5aisimm5w7] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-5aisimm5w7] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-5aisimm5w7] {
        padding-bottom: 1rem;
    }

    .nav-item[b-5aisimm5w7]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-5aisimm5w7]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-5aisimm5w7]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.collapse[b-5aisimm5w7] {
    /* No full Bootstrap stylesheet is loaded in this app (see app.css) - only a hand-rolled
       subset of its custom properties - so the usual Bootstrap-provided ".collapse { display:
       none }" base rule was never actually defined anywhere. Without it, the media query below
       (which only overrides .collapse for wide screens) had nothing to override, so the sidebar
       never actually hid on small screens regardless of collapseNavMenu's state. */
    display: none;
}

@media (min-width: 641px) {
    .navbar-toggler[b-5aisimm5w7] {
        display: none;
    }

    .collapse[b-5aisimm5w7] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-wj9iqpl920],
.components-reconnect-repeated-attempt-visible[b-wj9iqpl920],
.components-reconnect-failed-visible[b-wj9iqpl920],
.components-pause-visible[b-wj9iqpl920],
.components-resume-failed-visible[b-wj9iqpl920],
.components-rejoining-animation[b-wj9iqpl920] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-wj9iqpl920 {
    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;
    }
}
/* /Components/Shared/AppCheckbox.razor.rz.scp.css */
.app-checkbox[b-haya98op3i] {
    display: inline-flex;
    align-items: center;
    gap: 0.35em;
}
/* /Components/Shared/OperatingCommitteeCollabEditor.razor.rz.scp.css */
/* Quill injects its own toolbar/editor DOM into the host div at runtime (not part of this
   component's own Razor-rendered markup), so ::deep is required for Blazor's CSS isolation
   attribute-scoping to still reach it. Only a min-height default is needed here - when Height is set
   (the Agenda panels' 30vh/60vh), that inline style on the host div already governs sizing and the
   editor fills it via quill.snow.css's own layout. */
[b-crdlw4zvy3] .ql-editor {
    min-height: 150px;
}
/* /Components/Shared/RichTextEditor.razor.rz.scp.css */
.rich-text-toolbar[b-dhfsmyk4fs] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 4px;
}

.rich-text-toolbar button[b-dhfsmyk4fs] {
    border: 1px solid #ccc;
    background: #f8f8f8;
    border-radius: 3px;
    padding: 2px 8px;
    cursor: pointer;
}

.rich-text-toolbar button:hover[b-dhfsmyk4fs] {
    background: #eee;
}

.rich-text-content[b-dhfsmyk4fs] {
    width: 100%;
    max-width: 100%;
    min-height: 200px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 8px;
    overflow-y: auto;
}

.rich-text-content:focus[b-dhfsmyk4fs] {
    outline: 2px solid #66afe9;
}

.rich-text-source[b-dhfsmyk4fs] {
    width: 100%;
    max-width: 100%;
    min-height: 200px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 8px;
    font-family: Consolas, Menlo, monospace;
    font-size: 0.9em;
}