/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-48vwkxyqfc] {
    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-48vwkxyqfc] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
#components-reconnect-modal[b-97xi8oazwi] {
    --dialog-bg: #fff;
    --dialog-ink: #1d1d1b;
    --dialog-muted: #62625e;
    --dialog-line: #dadad6;
    --dialog-tint: #fff1e9;
    color-scheme: light;
    width: min(480px, calc(100% - 32px));
    max-width: 480px;
    max-height: calc(100dvh - 32px);
    margin: auto;
    padding: 32px;
    overflow-y: auto;
    color: var(--dialog-ink);
    background: var(--dialog-bg) !important;
    border: 1px solid var(--dialog-line);
    border-top: 4px solid #ec672c;
    border-radius: 8px;
    box-shadow: 0 24px 80px #0004;
    font: 400 16px/1.65 OpenSans, Arial, sans-serif;
    text-align: left;
    overflow-wrap: anywhere;
}
#components-reconnect-modal:not([open])[b-97xi8oazwi], #components-reconnect-modal [hidden][b-97xi8oazwi] { display: none !important; }
#components-reconnect-modal[open][b-97xi8oazwi] { animation: reconnect-enter-b-97xi8oazwi .2s ease-out; }
#components-reconnect-modal[data-theme="dark"][b-97xi8oazwi] {
    --dialog-bg: #20221f;
    --dialog-ink: #f3f3ef;
    --dialog-muted: #b2b4ad;
    --dialog-line: #3e423a;
    --dialog-tint: #3b2a20;
    color-scheme: dark;
}
#components-reconnect-modal[b-97xi8oazwi]::backdrop { background: #13141399; backdrop-filter: blur(3px); }
.reconnect-brand[b-97xi8oazwi] { border-bottom: 1px solid var(--dialog-line); padding-bottom: 24px; margin-bottom: 28px; }
.reconnect-brand img[b-97xi8oazwi] { display: block; width: min(260px, 100%); height: auto; }
.reconnect-brand .reconnect-logo-dark[b-97xi8oazwi] { display: none; }
[data-theme="dark"] .reconnect-logo-light[b-97xi8oazwi] { display: none; }
[data-theme="dark"] .reconnect-logo-dark[b-97xi8oazwi] { display: block; }
.reconnect-status-icon[b-97xi8oazwi] { display: grid; place-items: center; width: 48px; height: 48px; color: #ec672c; background: var(--dialog-tint); border-radius: 50%; margin-bottom: 20px; }
.reconnect-status-icon svg[b-97xi8oazwi] { width: 28px; height: 28px; }
[data-state="show"] .reconnect-status-icon svg[b-97xi8oazwi], [data-state="retrying"] .reconnect-status-icon svg[b-97xi8oazwi] { animation: reconnect-spin-b-97xi8oazwi 2.4s linear infinite; }
#reconnect-title[b-97xi8oazwi] { font: 400 clamp(20px, 4.7vw, 25px)/1.5 Michroma, Arial, sans-serif; letter-spacing: -.035em; margin: 0 0 14px; color: var(--dialog-ink); }
#reconnect-description[b-97xi8oazwi] { color: var(--dialog-muted); margin: 0; font-size: 15px; }
.reconnect-countdown[b-97xi8oazwi] { color: var(--dialog-muted); font-size: 13px; margin: 16px 0 0; font-variant-numeric: tabular-nums; }
.reconnect-actions[b-97xi8oazwi] { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
#components-reconnect-modal .reconnect-actions button[b-97xi8oazwi] { display: inline-flex; align-items: center; justify-content: center; margin: 0 !important; text-transform: none; min-height: 46px; padding: 11px 17px; font: 600 14px/1.5 OpenSans, Arial, sans-serif; border: 1px solid var(--dialog-line); border-radius: 3px; cursor: pointer; }
#components-reconnect-modal .reconnect-primary[b-97xi8oazwi] { background: #ec672c; color: #1d1d1b; border-color: #ec672c !important; }
#components-reconnect-modal .reconnect-secondary[b-97xi8oazwi] { background: transparent; color: var(--dialog-ink); }
#components-reconnect-modal .reconnect-actions button:hover[b-97xi8oazwi] { filter: brightness(.92); }
#components-reconnect-modal .reconnect-actions button:focus-visible[b-97xi8oazwi] { outline: 3px solid #ec672c; outline-offset: 3px; }
#components-reconnect-modal .reconnect-actions button:disabled[b-97xi8oazwi] { opacity: .6; cursor: wait; }
.reconnect-footer[b-97xi8oazwi] { margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--dialog-line); font-size: 10px; letter-spacing: .17em; color: var(--dialog-muted); }
@keyframes reconnect-spin-b-97xi8oazwi { to { transform: rotate(360deg); } }
@keyframes reconnect-enter-b-97xi8oazwi { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 480px) { #components-reconnect-modal[b-97xi8oazwi] { padding: 24px; } .reconnect-actions[b-97xi8oazwi] { flex-direction: column; } #components-reconnect-modal .reconnect-actions button[b-97xi8oazwi] { width: 100%; } }
@media (prefers-reduced-motion: reduce) { #components-reconnect-modal[open][b-97xi8oazwi], .reconnect-status-icon svg[b-97xi8oazwi] { animation: none !important; } }
