@import '_content/Perial.Blazor/Perial.Blazor.uwtzg47ocn.bundle.scp.css';

/* /Components/Overlays/Modals/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-4oilzwth3r],
.components-reconnect-repeated-attempt-visible[b-4oilzwth3r],
.components-reconnect-failed-visible[b-4oilzwth3r],
.components-pause-visible[b-4oilzwth3r],
.components-resume-failed-visible[b-4oilzwth3r],
.components-rejoining-animation[b-4oilzwth3r] {
    display: none;
}

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

#components-reconnect-modal[b-4oilzwth3r] {
    background-color: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.20) !important;
    border-radius: calc(var(--mud-default-borderradius) * 2);
    box-shadow: var(--mud-elevation-8);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-4oilzwth3r 0.5s both;

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

#components-reconnect-modal[b-4oilzwth3r]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-4oilzwth3r 0.5s ease-in-out;
    opacity: 1;
}

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

@keyframes components-reconnect-modal-fadeInOpacity-b-4oilzwth3r {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-4oilzwth3r {
    0%   { opacity: 1; }
    100% { opacity: 0; }
}

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

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

#components-reconnect-modal button[b-4oilzwth3r] {
    border: 0;
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    padding: 6px 24px;
    border-radius: var(--mud-default-borderradius);
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.2s;
}

#components-reconnect-modal button:hover[b-4oilzwth3r] {
    background-color: var(--mud-palette-primary-darken);
}

#components-reconnect-modal button:active[b-4oilzwth3r] {
    background-color: var(--mud-palette-primary-lighten);
}

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

.components-rejoining-animation div[b-4oilzwth3r] {
    position: absolute;
    border: 3px solid var(--mud-palette-primary);
    opacity: 1;
    border-radius: 50%;
    animation: components-rejoining-animation-b-4oilzwth3r 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

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

@keyframes components-rejoining-animation-b-4oilzwth3r {
    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: 0;    left: 0;    width: 80px; height: 80px; opacity: 0; }
}
/* /Components/Shared/Widgets/MarkdownRenderer.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   MarkdownRenderer — GitHub-flavored markdown styling
   Uses MudBlazor CSS variables for light/dark theme support.
   All child selectors use ::deep because MarkupString
   content does not receive the Blazor CSS-isolation attribute.
   ═══════════════════════════════════════════════════════ */

.markdown-body[b-nye333zr7u] {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: var(--mud-palette-text-primary);
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* ── Headings ─────────────────────────────────────────── */

[b-nye333zr7u] h1,
[b-nye333zr7u] h2,
[b-nye333zr7u] h3,
[b-nye333zr7u] h4,
[b-nye333zr7u] h5,
[b-nye333zr7u] h6 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 1.25;
    color: var(--mud-palette-text-primary);
}

[b-nye333zr7u] h1 {
    font-size: 2em;
    padding-bottom: 0.3em;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

[b-nye333zr7u] h2 {
    font-size: 1.5em;
    padding-bottom: 0.3em;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

[b-nye333zr7u] h3 {
    font-size: 1.25em;
}

[b-nye333zr7u] h4 {
    font-size: 1em;
}

[b-nye333zr7u] h5 {
    font-size: 0.875em;
}

[b-nye333zr7u] h6 {
    font-size: 0.85em;
    color: var(--mud-palette-text-secondary);
}

[b-nye333zr7u] h1:first-child,
[b-nye333zr7u] h2:first-child,
[b-nye333zr7u] h3:first-child {
    margin-top: 0;
}

/* ── Paragraphs and block spacing ─────────────────────── */

[b-nye333zr7u] p {
    margin-top: 0;
    margin-bottom: 16px;
}

[b-nye333zr7u] p:last-child {
    margin-bottom: 0;
}

/* ── Links ────────────────────────────────────────────── */

[b-nye333zr7u] a {
    color: var(--mud-palette-primary);
    text-decoration: none;
}

[b-nye333zr7u] a:hover {
    text-decoration: underline;
}

/* ── Emphasis and strikethrough ────────────────────────── */

[b-nye333zr7u] strong {
    font-weight: 600;
}

[b-nye333zr7u] del {
    text-decoration: line-through;
}

/* ── Inline code ──────────────────────────────────────── */

[b-nye333zr7u] code {
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
    font-size: 85%;
    padding: 0.2em 0.4em;
    margin: 0;
    border-radius: 6px;
    background-color: var(--mud-palette-background-grey);
}

/* ── Code blocks (fenced / indented) ──────────────────── */

[b-nye333zr7u] pre {
    overflow-x: auto;
    margin-top: 0;
    margin-bottom: 16px;
    padding: 16px;
    border-radius: 6px;
    border: 1px solid var(--mud-palette-lines-default);
    background-color: var(--mud-palette-background-grey);
    line-height: 1.45;
}

[b-nye333zr7u] pre code {
    display: block;
    padding: 0;
    margin: 0;
    background: transparent;
    border: 0;
    font-size: 85%;
    white-space: pre;
    overflow-wrap: normal;
    word-break: normal;
    word-wrap: normal;
}

/* ── Blockquotes ──────────────────────────────────────── */

[b-nye333zr7u] blockquote {
    margin: 0 0 16px 0;
    padding: 0 1em;
    border-left: 0.25em solid var(--mud-palette-lines-default);
    color: var(--mud-palette-text-secondary);
}

[b-nye333zr7u] blockquote > :first-child {
    margin-top: 0;
}

[b-nye333zr7u] blockquote > :last-child {
    margin-bottom: 0;
}

/* ── GitHub Alerts (> [!NOTE], > [!TIP], etc.) ────────── */

[b-nye333zr7u] blockquote p:first-child strong {
    display: inline;
}

/* ── Lists ────────────────────────────────────────────── */

[b-nye333zr7u] ul,
[b-nye333zr7u] ol {
    margin-top: 0;
    margin-bottom: 16px;
    padding-left: 2em;
}

[b-nye333zr7u] ul {
    list-style-type: disc;
}

[b-nye333zr7u] ol {
    list-style-type: decimal;
}

[b-nye333zr7u] li {
    margin-top: 0.25em;
}

[b-nye333zr7u] li + li {
    margin-top: 0.25em;
}

[b-nye333zr7u] li > p {
    margin-top: 16px;
    margin-bottom: 16px;
}

[b-nye333zr7u] li > p:only-child {
    margin-top: 0;
    margin-bottom: 0;
}

/* Nested lists — proper indentation like GitHub */
[b-nye333zr7u] ul ul,
[b-nye333zr7u] ul ol,
[b-nye333zr7u] ol ol,
[b-nye333zr7u] ol ul {
    margin-top: 0;
    margin-bottom: 0;
}

[b-nye333zr7u] ul ul {
    list-style-type: circle;
}

[b-nye333zr7u] ul ul ul {
    list-style-type: square;
}

/* ── Task lists ───────────────────────────────────────── */

[b-nye333zr7u] ul.contains-task-list {
    list-style: none;
    padding-left: 0;
}

[b-nye333zr7u] ul.contains-task-list ul.contains-task-list {
    padding-left: 2em;
}

[b-nye333zr7u] li.task-list-item {
    position: relative;
    list-style-type: none;
}

[b-nye333zr7u] li.task-list-item input[type="checkbox"] {
    margin: 0 0.35em 0 -1.4em;
    vertical-align: middle;
    pointer-events: none;
}

/* ── Tables ───────────────────────────────────────────── */

[b-nye333zr7u] table {
    display: block;
    width: max-content;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 16px;
    border-collapse: collapse;
    border-spacing: 0;
    overflow: auto;
}

[b-nye333zr7u] table th {
    font-weight: 600;
    padding: 6px 13px;
    border: 1px solid var(--mud-palette-lines-default);
    background-color: var(--mud-palette-background-grey);
}

[b-nye333zr7u] table td {
    padding: 6px 13px;
    border: 1px solid var(--mud-palette-lines-default);
}

[b-nye333zr7u] table tr {
    border-top: 1px solid var(--mud-palette-lines-default);
}

[b-nye333zr7u] table tr:nth-child(2n) {
    background-color: var(--mud-palette-background-grey);
}

[b-nye333zr7u] table img {
    background-color: transparent;
}

/* ── Horizontal rule ──────────────────────────────────── */

[b-nye333zr7u] hr {
    height: 0.25em;
    margin: 24px 0;
    padding: 0;
    border: 0;
    background-color: var(--mud-palette-lines-default);
    overflow: hidden;
}

/* ── Images ───────────────────────────────────────────── */

[b-nye333zr7u] img {
    max-width: 100%;
    height: auto;
    border-style: none;
    box-sizing: content-box;
}

/* ── Definition lists (Markdig advanced extension) ────── */

[b-nye333zr7u] dl {
    margin-bottom: 16px;
    padding: 0;
}

[b-nye333zr7u] dl dt {
    font-weight: 600;
    font-size: 1em;
    font-style: italic;
    margin-top: 16px;
    padding: 0;
}

[b-nye333zr7u] dl dd {
    margin-left: 0;
    margin-bottom: 16px;
    padding: 0 16px;
}

/* ── Footnotes ────────────────────────────────────────── */

[b-nye333zr7u] .footnotes {
    font-size: 0.875em;
    color: var(--mud-palette-text-secondary);
    border-top: 1px solid var(--mud-palette-lines-default);
    margin-top: 24px;
    padding-top: 16px;
}

[b-nye333zr7u] .footnote-ref {
    font-size: 0.75em;
    vertical-align: super;
    line-height: 0;
}

/* ── Subscript / Superscript ──────────────────────────── */

[b-nye333zr7u] sub,
[b-nye333zr7u] sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

[b-nye333zr7u] sub {
    bottom: -0.25em;
}

[b-nye333zr7u] sup {
    top: -0.5em;
}