/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
#components-reconnect-modal[b-0q76le2w72] {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1400;
    overflow: hidden;
    background-color: transparent;
    border: none;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
}

    #components-reconnect-modal[b-0q76le2w72]::backdrop {
        background: rgba(10, 16, 28, 0.5);
    }

    #components-reconnect-modal.components-reconnect-show[b-0q76le2w72],
    #components-reconnect-modal[open][b-0q76le2w72],
    #components-reconnect-modal.components-reconnect-failed[b-0q76le2w72],
    #components-reconnect-modal.components-reconnect-repeated-attempt[b-0q76le2w72],
    #components-reconnect-modal.components-reconnect-paused[b-0q76le2w72],
    #components-reconnect-modal.components-reconnect-resume-failed[b-0q76le2w72],
    #components-reconnect-modal.components-pause[b-0q76le2w72],
    #components-reconnect-modal.components-resume-failed[b-0q76le2w72] {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.components-reconnect-backdrop[b-0q76le2w72] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: radial-gradient(90% 60% at 80% 0%, color-mix(in srgb, var(--mud-palette-primary, #594AE2) 12%, transparent), transparent 60%), radial-gradient(80% 55% at 0% 100%, color-mix(in srgb, var(--mud-palette-info, #2196f3) 16%, transparent), transparent 62%), rgba(8, 12, 20, 0.5);
}

.components-reconnect-surface[b-0q76le2w72] {
    width: min(480px, 100%);
    border-radius: var(--mud-default-borderradius, 12px);
    border: 1px solid color-mix(in srgb, var(--mud-palette-lines-default, #e0e0e0) 70%, transparent);
    background: var(--mud-palette-surface, #fff);
    box-shadow: var(--mud-elevation-24, 0 16px 30px rgba(0, 0, 0, 0.28));
    color: var(--mud-palette-text-primary, #1f2937);
    padding: 20px 20px 18px;
}

.components-reconnect-header[b-0q76le2w72] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

    .components-reconnect-header h2[b-0q76le2w72] {
        margin: 0;
        font-size: 1.05rem;
        font-weight: 600;
        line-height: 1.3;
    }

.components-reconnect-status-dot[b-0q76le2w72] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--mud-palette-warning, #f59e0b);
    box-shadow: 0 0 0 6px color-mix(in srgb, var(--mud-palette-warning, #f59e0b) 25%, transparent);
}

.components-reconnect-supporting[b-0q76le2w72],
.components-reconnect-message[b-0q76le2w72] {
    margin: 0;
    line-height: 1.45;
    font-size: 0.95rem;
}

.components-reconnect-supporting[b-0q76le2w72] {
    color: var(--mud-palette-text-secondary, #52607a);
    margin-bottom: 14px;
}

.components-reconnect-message[b-0q76le2w72] {
    font-weight: 500;
}

.components-reconnect-danger[b-0q76le2w72] {
    color: var(--mud-palette-error, #b00020);
}

.components-reconnect-actions[b-0q76le2w72] {
    margin-top: 14px;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.components-reconnect-first-attempt-visible[b-0q76le2w72],
.components-reconnect-repeated-attempt-visible[b-0q76le2w72],
.components-reconnect-failed-visible[b-0q76le2w72],
.components-pause-visible[b-0q76le2w72],
.components-resume-failed-visible[b-0q76le2w72] {
    display: none;
}

dialog[open].components-reconnect-show .components-reconnect-first-attempt-visible[b-0q76le2w72] {
    display: block;
}

dialog[open].components-reconnect-show .components-rejoin-loader[b-0q76le2w72] {
    display: inline-flex;
}

dialog[open].components-reconnect-failed .components-reconnect-failed-visible[b-0q76le2w72] {
    display: block;
}

dialog[open].components-reconnect-failed #components-reconnect-button[b-0q76le2w72] {
    display: block;
}

dialog[open].components-reconnect-repeated-attempt .components-reconnect-repeated-attempt-visible[b-0q76le2w72] {
    display: block;
}

dialog[open].components-reconnect-repeated-attempt .components-rejoin-loader[b-0q76le2w72] {
    display: inline-flex;
}

dialog[open].components-reconnect-paused .components-pause-visible[b-0q76le2w72],
dialog[open].components-pause .components-pause-visible[b-0q76le2w72] {
    display: block;
}

dialog[open].components-reconnect-paused #components-resume-button[b-0q76le2w72],
dialog[open].components-pause #components-resume-button[b-0q76le2w72],
dialog[open].components-reconnect-resume-failed #components-resume-button[b-0q76le2w72],
dialog[open].components-resume-failed #components-resume-button[b-0q76le2w72] {
    display: block;
}

dialog[open].components-reconnect-resume-failed .components-resume-failed-visible[b-0q76le2w72],
dialog[open].components-resume-failed .components-resume-failed-visible[b-0q76le2w72] {
    display: block;
}

.components-rejoin-loader[b-0q76le2w72] {
    display: none;
    margin-bottom: 10px;
    gap: 8px;
}

    .components-rejoin-loader div[b-0q76le2w72] {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background-color: var(--mud-palette-primary, #594AE2);
        animation: reconnect-pulse-b-0q76le2w72 1.2s infinite ease-in-out both;
    }

        .components-rejoin-loader div:nth-child(1)[b-0q76le2w72] {
            animation-delay: -0.24s;
        }

        .components-rejoin-loader div:nth-child(2)[b-0q76le2w72] {
            animation-delay: -0.12s;
        }

@keyframes reconnect-pulse-b-0q76le2w72 {
    0%, 80%, 100% {
        transform: scale(0);
    }

    40% {
        transform: scale(1);
    }
}

#components-reconnect-button[b-0q76le2w72],
#components-resume-button[b-0q76le2w72] {
    display: none;
    min-width: 92px;
    cursor: pointer;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-radius: 999px;
    background-color: var(--mud-palette-primary, #594AE2);
    color: #fff;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.2;
    transition: filter 140ms ease, transform 140ms ease;
}

    #components-reconnect-button:hover[b-0q76le2w72],
    #components-resume-button:hover[b-0q76le2w72] {
        filter: brightness(0.95);
    }

    #components-reconnect-button:active[b-0q76le2w72],
    #components-resume-button:active[b-0q76le2w72] {
        transform: translateY(1px);
    }

@media (max-width: 600px) {
    .components-reconnect-backdrop[b-0q76le2w72] {
        padding: 14px;
    }

    .components-reconnect-surface[b-0q76le2w72] {
        padding: 16px;
    }
}
/* /Components/Pages/HistoryBrowserPage/Components/ReferencedItemsView.razor.rz.scp.css */
/* Resolved targets of an item-reference field (e.g. Multiroot Treelist). Nested levels
   indent naturally via the field list's padding plus each item's left border. */
.referenced-items[b-nvr2jkgnmr] {
    margin-top: .5rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.referenced-item[b-nvr2jkgnmr] {
    border-left: 2px solid var(--mud-palette-lines-default);
    padding-left: .5rem;
}

.referenced-item code[b-nvr2jkgnmr] {
    font-size: .75rem;
    opacity: .7;
}

.referenced-fields[b-nvr2jkgnmr] {
    margin: .25rem 0 0;
    padding-left: 1.25rem;
}

.referenced-fields li[b-nvr2jkgnmr] {
    font-size: .8rem;
}
/* /Components/Pages/HistoryBrowserPage/Components/SitecoreItemDetails.razor.rz.scp.css */
/* Fixed layout makes columns honor the widths set on the headers instead of
   growing to fit the (often very wide) HTML in the Value column. This keeps the
   table at 100% of its grid column. ::deep reaches the <table> MudTable renders. */
[b-pgstjxzjil] .mud-table-root {
    table-layout: fixed;
    width: 100%;
}

/* The Value column can hold long, unwrapped HTML markup. Scroll it horizontally
   inside the cell rather than widening the table (and the page). */
.value-cell[b-pgstjxzjil] {
    overflow-x: auto;
    max-height: 14rem;
}

/* <pre> already preserves whitespace/markup; just drop its default margin. */
.value-cell pre[b-pgstjxzjil] {
    margin: 0;
}
/* /Components/Pages/HistoryBrowserPage/Components/SitecoreTree.razor.rz.scp.css */
/* "Pages only" toggle sits above the search box in the tree header. */
.pages-only-switch[b-oy8y0gwusx] {
    margin-bottom: 0.25rem;
}

/* Drop-down of name-search matches that opens between the search box and the tree. */
.search-results[b-oy8y0gwusx] {
    max-height: 18rem;
    overflow-y: auto;
    margin-bottom: 0.5rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    background-color: var(--mud-palette-surface);
}

.search-status[b-oy8y0gwusx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
}

/* One result row: name on top, id and path stacked beneath in muted, smaller text. */
.search-result[b-oy8y0gwusx] {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
    min-width: 0;
}

.search-result-name[b-oy8y0gwusx] {
    font-weight: 600;
}

.search-result-id[b-oy8y0gwusx] {
    font-family: monospace;
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
}

.search-result-path[b-oy8y0gwusx] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
    overflow-wrap: anywhere;
}
/* /Components/Pages/HistoryBrowserPage/HistoryBrowser.razor.rz.scp.css */