/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Main layout is styled centrally in workspace.css. */
#blazor-error-ui[b-ay82a45hyc] { display: none; position: fixed; bottom: 0; inset-inline: 0; z-index: 1000; padding: 1rem 2rem; background: #fff8e6; color: #181715; border-top: 1px solid #b39a6d; }
#blazor-error-ui .dismiss[b-ay82a45hyc] { float: inline-end; cursor: pointer; }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Navigation styles are shared by desktop and mobile in workspace.css. */
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-4cb6vsue0k],
.components-reconnect-repeated-attempt-visible[b-4cb6vsue0k],
.components-reconnect-failed-visible[b-4cb6vsue0k],
.components-pause-visible[b-4cb6vsue0k],
.components-resume-failed-visible[b-4cb6vsue0k],
.components-rejoining-animation[b-4cb6vsue0k] { display: none; }

#components-reconnect-modal.components-reconnect-show:not(.components-reconnect-retrying):not(.components-reconnect-failed) .components-reconnect-first-attempt-visible[b-4cb6vsue0k],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-4cb6vsue0k],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-4cb6vsue0k],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-4cb6vsue0k],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-4cb6vsue0k] { display: block; }

#components-reconnect-modal.components-reconnect-show:not(.components-reconnect-failed):not(.components-reconnect-paused):not(.components-reconnect-resume-failed) .components-rejoining-animation[b-4cb6vsue0k],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-4cb6vsue0k] { display: flex; }

#components-reconnect-modal[b-4cb6vsue0k] {
    box-sizing: border-box;
    width: min(420px, calc(100vw - 32px));
    max-width: none;
    max-height: calc(100dvh - 32px);
    margin: auto;
    padding: 32px 28px;
    border: 1px solid #e8e1d7;
    border-radius: 22px;
    background: #fcfaf6;
    color: #181715;
    font-family: inherit;
    box-shadow: 0 24px 80px #1817152e;
    overflow-y: auto;
}
#components-reconnect-modal[open][b-4cb6vsue0k] { animation: reconnect-enter-b-4cb6vsue0k .2s ease-out; }
#components-reconnect-modal[b-4cb6vsue0k]::backdrop { background: #18171566; backdrop-filter: blur(5px); }
.components-reconnect-container[b-4cb6vsue0k] { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; }
.reconnect-symbol[b-4cb6vsue0k] { width: 64px; height: 64px; display: grid; place-items: center; border-radius: 20px; background: #7c193f0d; border: 1px solid #7c193f1a; color: #7c193f; }
.reconnect-brand[b-4cb6vsue0k] { font-size: 10px; font-weight: 700; letter-spacing: 1.6px; color: #846c42; direction: ltr; }
#reconnect-title[b-4cb6vsue0k] { margin: 0; font-size: 21px; line-height: 1.5; font-weight: 700; }
#reconnect-status[b-4cb6vsue0k] { width: 100%; }
#components-reconnect-modal p[b-4cb6vsue0k] { margin: 0; font-size: 14px; line-height: 1.9; color: #6b655d; text-wrap: pretty; }
#components-seconds-to-next-attempt[b-4cb6vsue0k] { display: inline-block; min-width: 1ch; font-weight: 700; color: #7c193f; }
#components-reconnect-modal button[b-4cb6vsue0k] { min-height: 44px; width: 100%; border: 0; border-radius: 10px; background: #7c193f; color: #fff; padding: 11px 20px; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
#components-reconnect-modal button:hover[b-4cb6vsue0k] { background: #651331; }
#components-reconnect-modal button:focus-visible[b-4cb6vsue0k] { outline: 3px solid #b39a6d; outline-offset: 3px; }
.components-rejoining-animation[b-4cb6vsue0k] { gap: 6px; padding: 6px; }
.components-rejoining-animation span[b-4cb6vsue0k] { width: 6px; height: 6px; border-radius: 50%; background: #7c193f; animation: reconnect-pulse-b-4cb6vsue0k 1.2s ease-in-out infinite; }
.components-rejoining-animation span:nth-child(2)[b-4cb6vsue0k] { animation-delay: .15s; background: #b39a6d; }
.components-rejoining-animation span:nth-child(3)[b-4cb6vsue0k] { animation-delay: .3s; }
@keyframes reconnect-pulse-b-4cb6vsue0k { 0%, 100% { opacity: .35; } 50% { opacity: 1; } }
@keyframes reconnect-enter-b-4cb6vsue0k { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 480px) { #components-reconnect-modal[b-4cb6vsue0k] { padding: 26px 20px; } #reconnect-title[b-4cb6vsue0k] { font-size: 19px; } }
@media (prefers-reduced-motion: reduce) { #components-reconnect-modal[open][b-4cb6vsue0k], .components-rejoining-animation span[b-4cb6vsue0k] { animation: none; } }