/* /UI/Layout/MainLayout.razor.rz.scp.css */
/* /UI/Layout/ReconnectModal.razor.rz.scp.css */
/*
 * Only the rules that Tailwind cannot express:
 * - Compound selectors for Blazor's JS-driven reconnect state classes
 * - ::backdrop pseudo-element
 */

/* ── State visibility ── */
.components-reconnect-first-attempt-visible[b-i4xbon9lya],
.components-reconnect-repeated-attempt-visible[b-i4xbon9lya],
.components-reconnect-failed-visible[b-i4xbon9lya] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-i4xbon9lya],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-i4xbon9lya],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-i4xbon9lya] {
    display: block;
}

/* ── Backdrop ── */
#components-reconnect-modal[b-i4xbon9lya]::backdrop {
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px);
}