/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-vkethbsi7a] {
    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-vkethbsi7a] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* Layout enhancements */
.navbar .navbar-brand[b-vkethbsi7a] {
    letter-spacing: .2px;
}

footer[b-vkethbsi7a] {
    background-color: #fff;
}

main.container[b-vkethbsi7a] {
    min-height: 60vh;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
/* State-driven visibility. Blazor toggles the components-reconnect-* classes on the dialog;
   each child declares which state(s) it belongs to. Visual styling lives in the Tailwind markup. */
.components-reconnect-first-attempt-visible[b-0joyn0q2bt],
.components-reconnect-repeated-attempt-visible[b-0joyn0q2bt],
.components-reconnect-failed-visible[b-0joyn0q2bt],
.components-pause-visible[b-0joyn0q2bt],
.components-resume-failed-visible[b-0joyn0q2bt],
.components-rejoining-animation[b-0joyn0q2bt] {
    display: none;
}

/* Blazor keeps components-reconnect-show while adding retrying, so exclude it here. */
#components-reconnect-modal.components-reconnect-show:not(.components-reconnect-retrying) .components-reconnect-first-attempt-visible[b-0joyn0q2bt],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-0joyn0q2bt],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-0joyn0q2bt],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-0joyn0q2bt],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-0joyn0q2bt],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-0joyn0q2bt],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-0joyn0q2bt] {
    display: block;
}

/* Short delay before fading in so a quick blip doesn't flash the modal. */
#components-reconnect-modal[open][b-0joyn0q2bt],
#components-reconnect-modal[open][b-0joyn0q2bt]::backdrop {
    animation: components-reconnect-fade-in-b-0joyn0q2bt 0.3s ease-out 0.3s both;
}

@keyframes components-reconnect-fade-in-b-0joyn0q2bt {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}