/* /Components/Layout/AppHeader.razor.rz.scp.css */
.sl-navbar[b-b5ulc0u943] {
    --bs-navbar-padding-y: 0;
    --bs-navbar-color: rgba(255, 255, 255, 0.78);
    --bs-navbar-hover-color: #fff;
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.22);
    --bs-navbar-toggler-focus-width: 0.1875rem;

    min-height: 4rem;
    padding-left: 0;
    padding-right: 0;
}

/* -- Brand ----------------------------------------------------------------- */

.sl-brand[b-b5ulc0u943] {
    align-items: center;
    display: inline-flex;
    gap: 0.625rem;
    margin-right: 2rem;
    padding: 0.5rem 0;
}

.sl-brand-name[b-b5ulc0u943] {
    color: #fff;
    font-size: 1.1875rem;
    font-weight: 600;
    letter-spacing: -0.015em;
}

.sl-brand[b-b5ulc0u943]  .sl-brand-mark {
    border-radius: 9px;
    box-shadow: 0 2px 6px rgb(0 0 0 / 0.28);
    display: block;
}

/* -- Primary navigation ---------------------------------------------------- */

.sl-nav[b-b5ulc0u943] {
    gap: 0.125rem;
}

.sl-nav[b-b5ulc0u943]  .nav-link {
    border-radius: 0.4375rem;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0.4375rem 0.8125rem;
    transition: background-color 0.12s ease-in-out, color 0.12s ease-in-out;
    white-space: nowrap;
}

.sl-nav[b-b5ulc0u943]  .nav-link:hover,
.sl-nav[b-b5ulc0u943]  .nav-link:focus-visible {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.sl-nav[b-b5ulc0u943]  .nav-link:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.65);
    outline-offset: 1px;
}

.sl-nav[b-b5ulc0u943]  .nav-link.active {
    background-color: rgba(255, 255, 255, 0.16);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
    color: #fff;
}

/* -- Right-hand actions ---------------------------------------------------- */

.sl-header-actions[b-b5ulc0u943] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
}

/* Authentication ships behind a flag; with it off the controls render nothing, and an empty box
   would still draw its collapsed-nav divider. */
.sl-header-actions:empty[b-b5ulc0u943] {
    display: none;
}

.sl-navbar-toggler[b-b5ulc0u943] {
    border-radius: 0.4375rem;
    padding: 0.375rem 0.5625rem;
}

/* -- Collapsed ------------------------------------------------------------- */

@media (max-width: 767.98px) {
    .sl-brand[b-b5ulc0u943] {
        margin-right: auto;
    }

    .sl-nav[b-b5ulc0u943] {
        gap: 0;
        padding: 0.5rem 0 0.25rem;
    }

    .sl-nav[b-b5ulc0u943]  .nav-link {
        padding: 0.5625rem 0.75rem;
    }

    .sl-header-actions[b-b5ulc0u943] {
        border-top: 1px solid rgba(255, 255, 255, 0.14);
        margin-top: 0.25rem;
        padding: 0.75rem 0;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* The shell itself lives in app.css — it is shared vocabulary rather than this component's private
   styling. What is left here is the disconnected-circuit banner, which belongs to nothing else.

   Blazor reveals this by setting `display: block` inline, so the layout inside it has to work
   without a display value of its own. */

#blazor-error-ui[b-0ndnciczum] {
    background: #16242c;
    bottom: 0;
    box-shadow: 0 -6px 20px -10px rgba(8, 34, 48, 0.6);
    box-sizing: border-box;
    color: #fff;
    color-scheme: light only;
    display: none;
    font-size: 0.875rem;
    left: 0;
    padding: 0.8125rem 3rem 0.8125rem 1.5rem;
    position: fixed;
    width: 100%;
    z-index: 1080;
}

#blazor-error-ui .reload[b-0ndnciczum] {
    color: #8dbdd0;
    font-weight: 500;
    margin-left: 0.75rem;
}

#blazor-error-ui .reload:hover[b-0ndnciczum] {
    color: #fff;
}

#blazor-error-ui .dismiss[b-0ndnciczum] {
    cursor: pointer;
    opacity: 0.7;
    position: absolute;
    right: 1rem;
    top: 0.6875rem;
}

#blazor-error-ui .dismiss:hover[b-0ndnciczum] {
    opacity: 1;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-8k12j6f8o5],
.components-reconnect-repeated-attempt-visible[b-8k12j6f8o5],
.components-reconnect-failed-visible[b-8k12j6f8o5],
.components-pause-visible[b-8k12j6f8o5],
.components-resume-failed-visible[b-8k12j6f8o5],
.components-rejoining-animation[b-8k12j6f8o5] {
    display: none;
}

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


#components-reconnect-modal[b-8k12j6f8o5] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 1px solid #dde5e9;
    border-radius: 0.875rem;
    box-shadow: 0 1px 2px rgba(16, 40, 52, 0.05), 0 18px 40px -12px rgba(16, 40, 52, 0.35);
    color: #16242c;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-8k12j6f8o5 0.5s both;
    &[open]

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

}

#components-reconnect-modal[b-8k12j6f8o5]::backdrop {
    background-color: rgba(12, 43, 58, 0.45);
    animation: components-reconnect-modal-fadeInOpacity-b-8k12j6f8o5 0.5s ease-in-out;
    opacity: 1;
}

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

#components-reconnect-modal button[b-8k12j6f8o5] {
    background-color: #1a6684;
    border: 0;
    border-radius: 0.375rem;
    color: white;
    font-size: 0.9375rem;
    font-weight: 500;
    padding: 0.4375rem 1.5rem;
}

    #components-reconnect-modal button:hover[b-8k12j6f8o5] {
        background-color: #175168;
    }

    #components-reconnect-modal button:active[b-8k12j6f8o5] {
        background-color: #123c50;
    }

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

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

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

@keyframes components-rejoining-animation-b-8k12j6f8o5 {
    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/Layout/SignInLayout.razor.rz.scp.css */
.sl-anon-shell[b-un5sfrb7vk] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.sl-anon-main[b-un5sfrb7vk] {
    align-items: center;
    display: flex;
    flex: 1 0 auto;
    justify-content: center;
    padding: 3rem 1.25rem;
}

.sl-anon-footer[b-un5sfrb7vk] {
    color: var(--sl-slate-500);
    flex-shrink: 0;
    font-size: 0.8125rem;
    padding: 1.25rem;
    text-align: center;
}

.sl-anon-footer p[b-un5sfrb7vk] {
    margin: 0;
}

.sl-anon-footer-mark[b-un5sfrb7vk] {
    color: var(--sl-slate-700);
    font-weight: 600;
}
/* /Components/Pages/SignIn.razor.rz.scp.css */
.sl-signin-card[b-pcbqw9rct9] {
    background: var(--sl-surface);
    border: 1px solid var(--sl-line);
    border-radius: var(--sl-radius-lg);
    box-shadow: var(--sl-shadow-md);
    max-width: 25rem;
    padding: 2rem;
    width: 100%;
}

.sl-signin-brand[b-pcbqw9rct9] {
    align-items: center;
    display: flex;
    gap: 0.625rem;
}

.sl-signin-brand-name[b-pcbqw9rct9] {
    color: var(--sl-blue-900);
    font-size: 1.0625rem;
    font-weight: 600;
    letter-spacing: -0.011em;
}

.sl-signin-title[b-pcbqw9rct9] {
    font-size: 1.375rem;
    margin: 1.5rem 0 0.5rem;
}

.sl-signin-lead[b-pcbqw9rct9] {
    color: var(--sl-slate-600);
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
}

.sl-signin-providers[b-pcbqw9rct9] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.sl-signin-provider[b-pcbqw9rct9] {
    align-items: center;
    background: var(--sl-surface);
    border: 1px solid var(--sl-line-strong);
    border-radius: var(--sl-radius);
    color: var(--sl-slate-800);
    display: flex;
    font-size: 0.9375rem;
    font-weight: 500;
    gap: 0.75rem;
    justify-content: center;
    padding: 0.6875rem 1rem;
    text-decoration: none;
    transition: background-color 0.12s ease-in-out, border-color 0.12s ease-in-out;
}

.sl-signin-provider:hover[b-pcbqw9rct9] {
    background: var(--sl-slate-50);
    border-color: var(--sl-slate-400);
    color: var(--sl-slate-900);
}

.sl-signin-provider:focus-visible[b-pcbqw9rct9] {
    outline: 2px solid var(--sl-blue-500);
    outline-offset: 2px;
}

.sl-signin-provider-icon[b-pcbqw9rct9] {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
}

.sl-signin-empty[b-pcbqw9rct9] {
    color: var(--sl-slate-600);
    font-size: 0.875rem;
    margin: 0;
}
/* /Components/Shared/AuthenticationControls.razor.rz.scp.css */
.sl-user[b-vmi5jfrhot] {
    align-items: center;
    display: inline-flex;
    gap: 0.5rem;
    max-width: 16rem;
    min-width: 0;
}

.sl-user-avatar[b-vmi5jfrhot] {
    align-items: center;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.6875rem;
    font-weight: 700;
    height: 1.75rem;
    justify-content: center;
    letter-spacing: 0.02em;
    width: 1.75rem;
}

.sl-user-name[b-vmi5jfrhot] {
    color: rgba(255, 255, 255, 0.88);
    font-size: 0.8125rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sl-signout[b-vmi5jfrhot] {
    display: inline-flex;
}

.sl-signout-button[b-vmi5jfrhot] {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 0.4375rem;
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.8125rem;
    font-weight: 500;
    padding: 0.3125rem 0.6875rem;
    transition: background-color 0.12s ease-in-out, border-color 0.12s ease-in-out, color 0.12s ease-in-out;
    white-space: nowrap;
}

.sl-signout-button:hover[b-vmi5jfrhot] {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.4);
    color: #fff;
}

.sl-signout-button:focus-visible[b-vmi5jfrhot] {
    outline: 2px solid rgba(255, 255, 255, 0.7);
    outline-offset: 1px;
}