@import '_content/MuddyFileExplorer/MuddyFileExplorer.eky0jqhfts.bundle.scp.css';
@import '_content/WrappedToast/WrappedToast.m5zr6njj4d.bundle.scp.css';

/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-user-email[b-j8m6fyhagm] {
    display: block;
    max-width: 9.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Compact Filespace section header */
.filespace-header[b-j8m6fyhagm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 6px;
    min-height: 30px;
}

.filespace-add-btn[b-j8m6fyhagm] {
    width: 24px !important;
    height: 24px !important;
    color: var(--mud-palette-secondary);
}

.filespace-add-btn .mud-icon-root[b-j8m6fyhagm] {
    font-size: 1.05rem;
}

/* Filespace row: one normal nav link plus a compact access badge. */
.filespace-nav-row[b-j8m6fyhagm] {
    position: relative;
}

.filespace-nav-row[b-j8m6fyhagm]  .mud-nav-item.filespace-link {
    width: 100%;
}

.filespace-nav-row[b-j8m6fyhagm]  .mud-nav-link {
    min-height: 36px;
    padding-right: 4.25rem;
}

.filespace-nav-row[b-j8m6fyhagm]  .mud-nav-link-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.filespace-name[b-j8m6fyhagm] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.filespace-role-chip[b-j8m6fyhagm] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.45rem;
    height: 18px;
    padding: 0 0.38rem;
    border-radius: 999px;
    border: 1px solid currentColor;
    font-size: 0.625rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.015em;
    user-select: none;
    z-index: 2;
}

.filespace-role-action[b-j8m6fyhagm] {
    cursor: pointer;
    font-family: inherit;
    outline: none;
}

.filespace-role-action:hover[b-j8m6fyhagm],
.filespace-role-action:focus-visible[b-j8m6fyhagm] {
    filter: brightness(1.08);
    box-shadow: 0 0 0 2px color-mix(in srgb, currentColor 22%, transparent);
}

.role-admin[b-j8m6fyhagm] {
    color: var(--mud-palette-success);
    background: color-mix(in srgb, var(--mud-palette-success) 12%, transparent);
}

.role-writer[b-j8m6fyhagm] {
    color: var(--mud-palette-info);
    background: color-mix(in srgb, var(--mud-palette-info) 12%, transparent);
}

.role-reader[b-j8m6fyhagm] {
    color: var(--mud-palette-text-secondary);
    background: color-mix(in srgb, var(--mud-palette-text-secondary) 10%, transparent);
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-ff0bguwiah],
.components-reconnect-repeated-attempt-visible[b-ff0bguwiah],
.components-reconnect-failed-visible[b-ff0bguwiah],
.components-pause-visible[b-ff0bguwiah],
.components-resume-failed-visible[b-ff0bguwiah],
.components-rejoining-animation[b-ff0bguwiah] {
    display: none;
}

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


#components-reconnect-modal[b-ff0bguwiah] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-ff0bguwiah 0.5s both;
    &[open]

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

}

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

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

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-ff0bguwiah {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

#components-reconnect-modal button[b-ff0bguwiah] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-ff0bguwiah] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-ff0bguwiah] {
        background-color: #6b9ed2;
    }

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

    .components-rejoining-animation div[b-ff0bguwiah] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-ff0bguwiah 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

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

@keyframes components-rejoining-animation-b-ff0bguwiah {
    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: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AgentCatalogEditDialog.razor.rz.scp.css */
.catalog-model-curation[b-qzwz5cjbat] {
    padding: 8px 10px;
}

.catalog-dialog-stack[b-qzwz5cjbat] {
    gap: 0.5rem;
}

.catalog-section-paper[b-qzwz5cjbat] {
    padding: 8px 10px;
}

.catalog-section-body[b-qzwz5cjbat] {
    gap: 0.35rem;
}

.catalog-compact-row[b-qzwz5cjbat] {
    gap: 0.25rem;
}

.catalog-personality-card[b-qzwz5cjbat] {
    padding: 8px;
}

.catalog-model-ref[b-qzwz5cjbat] {
    font-family: 'Cascadia Mono', 'Fira Code', monospace;
    font-size: 0.8rem;
}

[b-qzwz5cjbat] .catalog-model-table table th,
[b-qzwz5cjbat] .catalog-model-table table td {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    padding-left: 0.35rem;
    padding-right: 0.35rem;
    vertical-align: middle;
}

[b-qzwz5cjbat] .catalog-model-table .mud-icon-button {
    padding: 4px;
}

[b-qzwz5cjbat] .catalog-section-paper .mud-input-control {
    margin-top: 0;
    margin-bottom: 0;
}
/* /Components/Pages/DebugLog.razor.rz.scp.css */
.debug-log-page[b-c3kj29m3mw] {
    height: calc(100vh - 80px);
    padding: 8px;
    display: flex;
    overflow: hidden;
}

.debug-log-row[b-c3kj29m3mw] {
    margin-bottom: 1px;
    word-break: break-all;
}

.debug-log-row--warning[b-c3kj29m3mw] {
    color: var(--mud-palette-warning);
}

.debug-log-row--error[b-c3kj29m3mw],
.debug-log-row--critical[b-c3kj29m3mw] {
    color: var(--mud-palette-error);
}

.debug-log-timestamp[b-c3kj29m3mw] {
    opacity: 0.5;
}

.debug-log-category[b-c3kj29m3mw] {
    opacity: 0.7;
}

.debug-log-level[b-c3kj29m3mw] {
    font-weight: 500;
}

.debug-log-level--trace[b-c3kj29m3mw] {
    opacity: 0.5;
}

.debug-log-level--debug[b-c3kj29m3mw] {
    opacity: 0.6;
}

.debug-log-level--info[b-c3kj29m3mw] {
    color: var(--mud-palette-info);
}

.debug-log-level--warning[b-c3kj29m3mw] {
    color: var(--mud-palette-warning);
    font-weight: 600;
}

.debug-log-level--error[b-c3kj29m3mw],
.debug-log-level--critical[b-c3kj29m3mw] {
    color: var(--mud-palette-error);
    font-weight: 600;
}
/* /Components/Pages/DockerPage.razor.rz.scp.css */
.docker-target-card[b-59zbnlapc4] {
    overflow: hidden;
}

.docker-output[b-59zbnlapc4] {
    margin: 0;
    padding: 8px;
    border-radius: 4px;
    background: #f5f5f5;
    font-size: 0.8rem;
    white-space: pre-wrap;
    word-break: break-all;
}
/* /Components/Pages/FileBrowser.razor.rz.scp.css */
.selected-file-path[b-op5ue3madh] {
    color: var(--mud-palette-text-secondary);
    overflow-wrap: anywhere;
}

/* Compact context strip above the file explorer. Only the surface design lives
   here (tinted background, height, radius, compact type); layout uses MudBlazor
   utility classes (d-flex/align-center/gap-1) and components (MudSpacer,
   MudDivider, MudText) in the markup. */
.context-strip[b-op5ue3madh] {
    min-height: 28px;
    padding: 0 0.375rem;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.035);
    font-size: 0.8rem;
    line-height: 1;
    overflow: hidden;
}

/* Green tint signals that an instruction README is attached to this folder. */
.context-strip--active[b-op5ue3madh] {
    background: rgba(67, 160, 71, 0.12);
}

.file-index-overlay[b-op5ue3madh] {
    z-index: 1400;
}

.file-index-dialog[b-op5ue3madh] {
    width: min(92vw, 1000px);
    max-height: min(88vh, 840px);
    overflow: hidden;
}

.file-index-stat[b-op5ue3madh],
.file-index-log-surface[b-op5ue3madh] {
    background: rgba(0, 0, 0, 0.03);
}

.file-index-stat--failed[b-op5ue3madh] {
    background: rgba(198, 40, 40, 0.08);
}

.file-index-log-caption[b-op5ue3madh] {
    display: block;
    margin-bottom: 0.5rem;
}

.file-index-log[b-op5ue3madh] {
    margin: 0;
    min-height: 10rem;
    max-height: min(32vh, 20rem);
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: ui-monospace, SFMono-Regular, SF Mono, Consolas, Liberation Mono, Menlo, monospace;
    font-size: 0.85rem;
    line-height: 1.4;
}

@media (max-width: 600px) {
    .file-index-dialog[b-op5ue3madh] {
        width: 96vw;
        max-height: 92vh;
    }
}
/* /Components/Pages/GoogleDriveBrowser.razor.rz.scp.css */
.google-drive-browser__document-input[b-xzohygef8z] {
    flex: 1 1 auto;
}

.google-drive-browser__content[b-xzohygef8z] {
    display: flex;
    flex: 1 1 0;
    min-height: 0;
    gap: 0.5rem;
}

.google-drive-browser__tree-panel[b-xzohygef8z] {
    flex: 0 0 310px;
    min-height: 0;
    min-width: 0;
    display: flex;
}

.google-drive-browser__tree-panel--hidden[b-xzohygef8z] {
    flex: 0 0 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: none;
    width: 0;
    min-width: 0;
}

.google-drive-browser__preview-panel[b-xzohygef8z] {
    flex: 1 1 0;
    min-height: 0;
}

.google-drive-browser__preview-stack[b-xzohygef8z] {
    flex: 1 1 0;
    min-height: 0;
    position: relative;
}

.google-drive-browser__iframe[b-xzohygef8z] {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* /Components/Pages/MailBrowser.razor.rz.scp.css */
/* ── Folder tree (left panel) ── */

.mail-browser-folder-count[b-pk7n31kcf1] {
    margin-left: auto;
    font-variant-numeric: tabular-nums;
}

.mail-browser-folder-tree-shell[b-pk7n31kcf1]  .mud-treeview-group {
    margin-left: 4px !important;
}

.mail-browser-folder-tree-shell[b-pk7n31kcf1]  .mud-treeview-item-content {
    padding-left: 0;
    padding-right: 1px;
}

.mail-browser-folder-tree-shell[b-pk7n31kcf1]  .mud-treeview-item-arrow {
    width: 14px;
    min-width: 14px;
    margin-left: 0;
    margin-right: 0;
}

.mail-browser-folder-tree-shell[b-pk7n31kcf1]  .mud-treeview-item-expand-button {
    width: 14px;
    height: 22px;
    padding: 0;
}

.mail-browser-folder-tree-shell[b-pk7n31kcf1]  .mud-treeview-item-icon {
    margin-right: 0;
}

.mail-browser-folder-tree-shell[b-pk7n31kcf1]  .mud-treeview-item-selected {
    background-color: var(--mud-palette-primary-hover);
    border-left: 3px solid var(--mud-palette-primary);
    font-weight: 600;
}

/* MudSelect's own root (.mud-select) is the flex item in the toolbar; MudSelect's
   Class lands on the inner control, so let it shrink (min-width: 0) and grow via
   a ::deep rule. Without this the selected address pushes the icon buttons
   off-screen. */
.mail-browser-folder-panel[b-pk7n31kcf1]  .mud-select {
    flex: 1 1 auto;
    min-width: 0;
}

/* Truncate and horizontally compact the selected mailbox text. */
.mail-browser-folder-panel[b-pk7n31kcf1]  .mail-browser-mailbox-select .mud-input-slot {
    padding-left: 6px !important;
}

.mail-browser-folder-panel[b-pk7n31kcf1]  .mail-browser-mailbox-select .mud-input {
    padding-right: 6px !important;
}

.mail-browser-folder-panel[b-pk7n31kcf1]  .mail-browser-mailbox-select .mud-input-adornment {
    width: 16px;
    min-width: 16px;
}

.mail-browser-folder-panel[b-pk7n31kcf1]  .mud-select-input,
.mail-browser-folder-panel[b-pk7n31kcf1]  .mud-input {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Search bar ── */

.mail-browser-search-bar[b-pk7n31kcf1] {
    align-items: stretch;
}

.mail-browser-search-input[b-pk7n31kcf1] {
    flex: 1 1 24rem;
    min-width: 14rem;
}

.mail-browser-search-scope[b-pk7n31kcf1] {
    min-width: 10rem;
}

/* ── Data grid (right panel) ──
   Column widths / alignment are set via MudBlazor HeaderStyle/CellStyle params in
   the markup, not CSS classes. Only the unread-subject emphasis and grid fill
   height live here. */

.mail-browser-subject--unread[b-pk7n31kcf1] {
    font-weight: 700;
}

/* Make the MudDataGrid fill available height with the pager pinned at the
   bottom. The grid's Height param applies to the table container only and does
   not reserve room for the pager (which renders as a sibling inside the grid
   div), so drive the layout here: the grid becomes a flex column, the table
   container takes the remaining space and scrolls, and the pager stays put. */
[b-pk7n31kcf1] .mud-table.mud-data-grid {
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

[b-pk7n31kcf1] .mud-data-grid > .mud-table-container {
    flex: 1 1 0;
    min-height: 0;
}

/* Keep mail rows in table mode with predictable cell widths; overflowing text
   is truncated so rows don't wrap and the fixed header aligns with the body. */
[b-pk7n31kcf1] .mud-data-grid .mud-table-root {
    table-layout: fixed;
    width: 100%;
}

[b-pk7n31kcf1] .mud-data-grid .mud-table-cell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mail-browser-result-text[b-pk7n31kcf1] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Sync dialog ── */

.mail-sync-overlay[b-pk7n31kcf1] {
    z-index: 1400;
}

.mail-sync-dialog[b-pk7n31kcf1] {
    width: min(92vw, 1100px);
    max-height: min(88vh, 900px);
    overflow: hidden;
}

.mail-sync-log-surface[b-pk7n31kcf1] {
    background: rgba(0, 0, 0, 0.03);
}

.mail-sync-log-surface--stderr[b-pk7n31kcf1] {
    background: rgba(198, 40, 40, 0.08);
}

.mail-sync-log-caption[b-pk7n31kcf1] {
    display: block;
    margin-bottom: 0.5rem;
}

.mail-sync-log[b-pk7n31kcf1] {
    margin: 0;
    min-height: 8rem;
    max-height: min(24vh, 16rem);
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: ui-monospace, SFMono-Regular, SF Mono, Consolas, Liberation Mono, Menlo, monospace;
    font-size: 0.85rem;
    line-height: 1.4;
}

@media (max-width: 600px) {
    .mail-browser-search-input[b-pk7n31kcf1],
    .mail-browser-search-scope[b-pk7n31kcf1] {
        min-width: 100%;
    }

    .mail-browser-folder-button-content[b-pk7n31kcf1] {
        gap: 0.5rem;
    }

    .mail-browser-folder-label[b-pk7n31kcf1] {
        white-space: normal;
    }

    .mail-sync-dialog[b-pk7n31kcf1] {
        width: 96vw;
        max-height: 92vh;
    }
}
/* /Components/Pages/MailViewer.razor.rz.scp.css */
.mail-viewer-page[b-ymu2aaz5qg] {
    min-height: 100vh;
    height: 100vh;
    padding: 0.75rem;
    background:
        radial-gradient(circle at top left, rgba(25, 118, 210, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));
}

.mail-viewer-layout[b-ymu2aaz5qg] {
    display: grid;
    grid-template-columns: minmax(18rem, 24rem) minmax(0, 1fr);
    gap: 0.75rem;
    height: 100%;
    min-height: 0;
}

.mail-viewer-pane[b-ymu2aaz5qg] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.mail-viewer-pane-header[b-ymu2aaz5qg] {
    padding: 1rem 1rem 0.75rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.mail-viewer-pane-header--detail[b-ymu2aaz5qg] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.mail-viewer-subject-text[b-ymu2aaz5qg] {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.mail-viewer-list[b-ymu2aaz5qg] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 0.75rem;
    overflow: auto;
}

.mail-viewer-list-item[b-ymu2aaz5qg] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    width: 100%;
    padding: 0.8rem 0.9rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.94);
    text-align: left;
    cursor: pointer;
    transition: border-color 120ms ease, background-color 120ms ease, transform 120ms ease;
}

.mail-viewer-list-item:hover[b-ymu2aaz5qg] {
    border-color: rgba(25, 118, 210, 0.35);
    background: rgba(25, 118, 210, 0.05);
    transform: translateY(-1px);
}

.mail-viewer-list-item--selected[b-ymu2aaz5qg] {
    border-color: rgba(25, 118, 210, 0.5);
    background: rgba(25, 118, 210, 0.1);
}

.mail-viewer-list-item-topline[b-ymu2aaz5qg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.mail-viewer-list-item-title[b-ymu2aaz5qg] {
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mail-viewer-list-item-title--unread[b-ymu2aaz5qg] {
    font-weight: 800;
}

.mail-viewer-list-item-from[b-ymu2aaz5qg],
.mail-viewer-list-item-meta[b-ymu2aaz5qg] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.88rem;
}

.mail-viewer-detail-content[b-ymu2aaz5qg] {
    padding: 1rem;
    overflow: auto;
    min-height: 0;
}

.mail-viewer-pre[b-ymu2aaz5qg] {
    margin: 0;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.95);
    color: #e2e8f0;
    border-radius: 12px;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: "Cascadia Code", "JetBrains Mono", monospace;
    font-size: 0.85rem;
    line-height: 1.45;
}

.mail-viewer-html-preview[b-ymu2aaz5qg] {
    width: 100%;
    min-height: 65vh;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 12px;
    background: white;
}

.mail-viewer-headers[b-ymu2aaz5qg] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 0.5rem 0;
}

.mail-viewer-header-row[b-ymu2aaz5qg] {
    display: grid;
    grid-template-columns: minmax(8rem, 12rem) minmax(0, 1fr);
    gap: 0.75rem;
    padding-bottom: 0.45rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.mail-viewer-header-name[b-ymu2aaz5qg] {
    font-weight: 700;
    color: var(--mud-palette-text-secondary);
}

.mail-viewer-header-value[b-ymu2aaz5qg] {
    word-break: break-word;
}

@media (max-width: 900px) {
    .mail-viewer-layout[b-ymu2aaz5qg] {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(16rem, 24rem) minmax(0, 1fr);
    }

    .mail-viewer-pane-header--detail[b-ymu2aaz5qg] {
        flex-direction: column;
    }

    .mail-viewer-html-preview[b-ymu2aaz5qg] {
        min-height: 40vh;
    }
}

@media (max-width: 600px) {
    .mail-viewer-page[b-ymu2aaz5qg] {
        padding: 0.5rem;
    }

    .mail-viewer-header-row[b-ymu2aaz5qg] {
        grid-template-columns: 1fr;
        gap: 0.2rem;
    }
}
/* /Components/Pages/ProjectOverviewMockup.razor.rz.scp.css */
.project-overview-page[b-9chfia3mac] {
    --overview-border: rgba(95, 104, 122, 0.24);
    --overview-surface: rgba(255, 255, 255, 0.94);
    --overview-muted: rgba(63, 72, 88, 0.72);
    --overview-soft: rgba(246, 248, 250, 0.92);
    --overview-selected: rgba(25, 118, 210, 0.09);
    min-height: 0;
    height: 100%;
    overflow: auto;
    padding: 16px;
    background:
        linear-gradient(180deg, rgba(245, 247, 250, 0.96), rgba(250, 250, 249, 0.98));
}

.overview-header[b-9chfia3mac] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.overview-title-block[b-9chfia3mac] {
    min-width: 0;
}

.overview-title-icon[b-9chfia3mac] {
    color: #1976d2;
}

.overview-muted-text[b-9chfia3mac] {
    color: var(--overview-muted) !important;
}

.overview-path-text[b-9chfia3mac] {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overview-kicker[b-9chfia3mac] {
    color: var(--overview-muted);
    text-transform: uppercase;
    letter-spacing: 0;
}

.overview-actions[b-9chfia3mac] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.metric-strip[b-9chfia3mac] {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    gap: 10px;
    margin-bottom: 12px;
}

.metric-tile[b-9chfia3mac],
.wiki-row[b-9chfia3mac],
.plan-row[b-9chfia3mac],
.task-row[b-9chfia3mac] {
    appearance: none;
    border: 1px solid var(--overview-border);
    background: var(--overview-surface);
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.metric-tile[b-9chfia3mac] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 86px;
    padding: 12px;
    border-radius: 8px;
}

.metric-tile:hover[b-9chfia3mac],
.metric-tile.is-selected[b-9chfia3mac],
.wiki-row:hover[b-9chfia3mac],
.wiki-row.is-selected[b-9chfia3mac],
.plan-row:hover[b-9chfia3mac],
.plan-row.is-selected[b-9chfia3mac],
.task-row:hover[b-9chfia3mac],
.task-row.is-selected[b-9chfia3mac] {
    border-color: #1976d2;
    background: var(--overview-selected);
}

.metric-icon[b-9chfia3mac] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 8px;
}

.metric-blue[b-9chfia3mac] {
    color: #1565c0;
    background: rgba(21, 101, 192, 0.10);
}

.metric-green[b-9chfia3mac] {
    color: #2e7d32;
    background: rgba(46, 125, 50, 0.12);
}

.metric-amber[b-9chfia3mac] {
    color: #a15c00;
    background: rgba(245, 124, 0, 0.14);
}

.metric-violet[b-9chfia3mac] {
    color: #6a3fb0;
    background: rgba(106, 63, 176, 0.12);
}

.metric-body[b-9chfia3mac] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.metric-label[b-9chfia3mac],
.metric-detail[b-9chfia3mac] {
    color: var(--overview-muted);
    font-size: 0.78rem;
}

.metric-value[b-9chfia3mac] {
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1.1;
}

.overview-grid[b-9chfia3mac] {
    display: grid;
    grid-template-columns: minmax(360px, 1.25fr) minmax(320px, 0.95fr) minmax(340px, 1fr);
    gap: 12px;
    align-items: start;
}

.overview-panel[b-9chfia3mac] {
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--overview-border);
    border-radius: 8px;
    background: var(--overview-surface);
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
}

.wiki-panel[b-9chfia3mac],
.task-panel[b-9chfia3mac] {
    grid-row: span 2;
}

.panel-header[b-9chfia3mac] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.task-filter-bar[b-9chfia3mac] {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
    max-width: 100%;
}

.task-filter-button[b-9chfia3mac] {
    min-height: 32px;
    padding: 0 10px;
    border: 1px solid var(--overview-border);
    border-radius: 6px;
    background: #fff;
    color: #374151;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
}

.task-filter-button:hover[b-9chfia3mac],
.task-filter-button.is-selected[b-9chfia3mac] {
    border-color: #1976d2;
    background: rgba(25, 118, 210, 0.09);
    color: #0d47a1;
}

.wiki-layout[b-9chfia3mac] {
    display: grid;
    grid-template-columns: minmax(180px, 0.82fr) minmax(220px, 1fr);
    gap: 10px;
}

.wiki-list[b-9chfia3mac],
.plan-list[b-9chfia3mac],
.task-list[b-9chfia3mac],
.source-list[b-9chfia3mac],
.chat-list[b-9chfia3mac] {
    display: grid;
    gap: 8px;
}

.wiki-row[b-9chfia3mac] {
    display: grid;
    gap: 3px;
    min-height: 64px;
    padding: 10px;
    border-radius: 8px;
}

.wiki-row-title[b-9chfia3mac],
.plan-title[b-9chfia3mac],
.task-title[b-9chfia3mac] {
    overflow: hidden;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wiki-row-meta[b-9chfia3mac],
.plan-meta[b-9chfia3mac],
.task-meta[b-9chfia3mac],
.task-due[b-9chfia3mac] {
    color: var(--overview-muted);
    font-size: 0.76rem;
}

.wiki-preview[b-9chfia3mac] {
    display: grid;
    align-content: start;
    gap: 12px;
    min-height: 248px;
    padding: 12px;
    border: 1px solid rgba(95, 104, 122, 0.18);
    border-radius: 8px;
    background: var(--overview-soft);
}

.wiki-preview-header[b-9chfia3mac],
.selected-plan-title[b-9chfia3mac],
.source-row[b-9chfia3mac],
.chat-row[b-9chfia3mac] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
}

.preview-text[b-9chfia3mac] {
    line-height: 1.48;
}

.inline-link-list[b-9chfia3mac] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.plan-row[b-9chfia3mac] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(120px, 0.62fr);
    gap: 10px;
    align-items: center;
    min-height: 70px;
    padding: 10px;
    border-radius: 8px;
}

.plan-main[b-9chfia3mac] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.plan-progress[b-9chfia3mac] {
    display: grid;
    gap: 6px;
    min-width: 0;
    font-size: 0.76rem;
}

.selected-plan[b-9chfia3mac],
.task-detail[b-9chfia3mac] {
    display: grid;
    gap: 10px;
    margin-top: 12px;
    padding: 12px;
    border-radius: 8px;
    background: var(--overview-soft);
}

.plan-stats[b-9chfia3mac] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.plan-stats span[b-9chfia3mac] {
    display: grid;
    gap: 2px;
    padding: 8px;
    border-radius: 6px;
    background: #fff;
}

.plan-stats small[b-9chfia3mac] {
    color: var(--overview-muted);
    font-size: 0.72rem;
}

.task-row[b-9chfia3mac] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    min-height: 58px;
    padding: 9px 10px;
    border-radius: 8px;
}

.task-check[b-9chfia3mac] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.task-copy[b-9chfia3mac] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.task-row.done .task-check[b-9chfia3mac] {
    color: #2e7d32;
}

.task-row.ready .task-check[b-9chfia3mac] {
    color: #1976d2;
}

.task-row.waiting .task-check[b-9chfia3mac] {
    color: #a15c00;
}

.task-row.overdue .task-check[b-9chfia3mac] {
    color: #c62828;
}

.source-row[b-9chfia3mac],
.chat-row[b-9chfia3mac] {
    min-height: 54px;
    padding: 9px;
    border: 1px solid rgba(95, 104, 122, 0.16);
    border-radius: 8px;
    background: var(--overview-soft);
}

.source-icon[b-9chfia3mac] {
    color: #1976d2;
}

.source-body[b-9chfia3mac] {
    flex: 1 1 auto;
    min-width: 0;
}

.chat-scope[b-9chfia3mac] {
    padding: 8px 0;
}

.activity-list[b-9chfia3mac] {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.activity-list li[b-9chfia3mac] {
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
}

.activity-list small[b-9chfia3mac] {
    display: block;
    color: var(--overview-muted);
}

.activity-dot[b-9chfia3mac] {
    width: 10px;
    height: 10px;
    margin-top: 6px;
    border-radius: 999px;
}

.activity-green[b-9chfia3mac] {
    background: #2e7d32;
}

.activity-blue[b-9chfia3mac] {
    background: #1976d2;
}

.activity-amber[b-9chfia3mac] {
    background: #f57c00;
}

.activity-violet[b-9chfia3mac] {
    background: #6a3fb0;
}

@media (max-width: 1280px) {
    .overview-grid[b-9chfia3mac] {
        grid-template-columns: minmax(320px, 1fr) minmax(320px, 1fr);
    }
}

@media (max-width: 900px) {
    .project-overview-page[b-9chfia3mac] {
        padding: 10px;
    }

    .overview-header[b-9chfia3mac] {
        display: grid;
    }

    .overview-actions[b-9chfia3mac] {
        justify-content: flex-start;
    }

    .metric-strip[b-9chfia3mac],
    .overview-grid[b-9chfia3mac],
    .wiki-layout[b-9chfia3mac] {
        grid-template-columns: 1fr;
    }

    .wiki-panel[b-9chfia3mac],
    .task-panel[b-9chfia3mac] {
        grid-row: auto;
    }

    .plan-stats[b-9chfia3mac] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/AgentSelection/AgentInfoDialog.razor.rz.scp.css */
/* AgentInfoDialog — component-scoped styles
   Replaces repeated inline style attributes on table cells and pre elements.
*/

/* Dialog content sizing constraint */
.dialog-sizing[b-exo5ddpmyk] {
    min-width: 500px;
    max-width: 700px;
}

/* Key column in key-value tables: fixed width, bold label */
.dialog-kv-key[b-exo5ddpmyk] {
    width: 140px;
    font-weight: 600;
}

/* Bold label without fixed width (for rows where width is inherited) */
.dialog-kv-label[b-exo5ddpmyk] {
    font-weight: 600;
}

/* Monospace value cell (IDs, technical strings) */
.dialog-kv-mono[b-exo5ddpmyk] {
    font-family: 'Cascadia Mono', 'Fira Code', monospace;
    font-size: 0.8rem;
}

/* Monospace + nowrap (tool names) */
.dialog-kv-mono-nowrap[b-exo5ddpmyk] {
    font-family: 'Cascadia Mono', 'Fira Code', monospace;
    white-space: nowrap;
}

/* Preformatted text block for instructions/prompts */
.dialog-pre[b-exo5ddpmyk] {
    white-space: pre-wrap;
    word-break: break-word;
    font-family: 'Cascadia Mono', 'Fira Code', monospace;
    font-size: 0.78rem;
    margin: 0;
    padding: 8px;
    background: var(--mud-palette-surface);
    border-radius: 4px;
    max-height: 300px;
    overflow-y: auto;
}

/* Small font for the tools table */
.dialog-table-sm[b-exo5ddpmyk] {
    font-size: 0.82rem;
}
/* /Components/Shared/AgentSelection/AgentPicker.razor.rz.scp.css */
/* AgentPicker compact select sizing; meta text uses shared .muted-text helper */
.chat-compact-select[b-ebabejfy8t] {
    min-width: 120px;
    max-width: 220px;
}

.chat-model-trigger-wrap[b-ebabejfy8t] {
    display: inline-flex;
    position: relative;
}

.chat-model-trigger-text[b-ebabejfy8t] {
    flex: 1 1 auto;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.chat-model-popover[b-ebabejfy8t] {
    width: 640px;
    max-width: 640px;
    overflow: hidden;
}

.chat-model-table[b-ebabejfy8t] {
    width: 100%;
}

.chat-model-table .mud-table-head th[b-ebabejfy8t] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
    background-color: var(--mud-palette-surface);
}

.chat-model-table .mud-table-body td[b-ebabejfy8t] {
    font-variant-numeric: tabular-nums;
}
/* /Components/Shared/AgentSelection/ModelExplorer.razor.rz.scp.css */
.model-explorer-content[b-9t7ljlhtxr] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    gap: 16px;
}

.model-explorer-grid-pane[b-9t7ljlhtxr] {
    display: flex;
    flex-direction: column;
    flex: 3 1 0;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.model-explorer-footer[b-9t7ljlhtxr] {
    flex: 0 0 auto;
    padding: 8px 0 0;
    text-align: right;
    color: var(--mud-palette-text-secondary);
    font-size: 0.95em;
}

.model-explorer-detail-pane[b-9t7ljlhtxr] {
    flex: 2 1 0;
    min-height: 0;
    min-width: 0;
}

.model-explorer-provider-select[b-9t7ljlhtxr] {
    min-width: 160px;
}

.model-explorer-search[b-9t7ljlhtxr] {
    min-width: 320px;
    flex: 1 1 320px;
}

.model-explorer-chat-filter[b-9t7ljlhtxr] {
    min-width: 150px;
    max-width: 190px;
}

.model-explorer-detail-panel[b-9t7ljlhtxr] {
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    padding: 8px 0;
}

.model-explorer-reference[b-9t7ljlhtxr] {
    font-family: 'Cascadia Mono', 'Fira Code', monospace;
    font-size: 0.78rem;
}

.model-explorer-kv-key[b-9t7ljlhtxr] {
    width: 180px;
    font-weight: 600;
}

.model-explorer-bool[b-9t7ljlhtxr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1;
    vertical-align: middle;
}

.model-explorer-bool--true[b-9t7ljlhtxr] {
    color: var(--mud-palette-success);
    background: color-mix(in srgb, var(--mud-palette-success) 14%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-success) 55%, transparent);
}

.model-explorer-bool--false[b-9t7ljlhtxr] {
    color: var(--mud-palette-error);
    background: color-mix(in srgb, var(--mud-palette-error) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-error) 50%, transparent);
}

.model-explorer-bool--unknown[b-9t7ljlhtxr] {
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-action-default-hover);
    border: 1px solid var(--mud-palette-lines-default);
}

.model-explorer-json[b-9t7ljlhtxr] {
    white-space: pre-wrap;
    word-break: break-word;
    font-family: 'Cascadia Mono', 'Fira Code', monospace;
    font-size: 0.78rem;
    margin: 0;
    max-height: 280px;
    overflow-y: auto;
}

@media (max-width: 960px) {
    .model-explorer-content[b-9t7ljlhtxr] {
        flex-direction: column;
    }

    .model-explorer-grid-pane[b-9t7ljlhtxr],
    .model-explorer-detail-pane[b-9t7ljlhtxr] {
        flex: none;
        max-height: 420px;
    }

    .model-explorer-detail-panel[b-9t7ljlhtxr] {
        height: auto;
        min-height: auto;
    }
}
/* /Components/Shared/AgentSelection/ModelExplorerDialog.razor.rz.scp.css */
/* Dialog-specific styles only. Shared model-explorer styles are in ModelExplorer.razor.css */
[b-gj2u2artc3] .model-explorer-dialog-content {
    overflow: hidden;
}
/* /Components/Shared/Chat/Diagnostics/AgentInvocationDetailDialog.razor.rz.scp.css */
.dialog-caption[b-jyqiorbwo2] {
    opacity: 0.7;
}

.dialog-section-info[b-jyqiorbwo2] {
    background: rgba(100, 149, 237, 0.08);
}

.dialog-section-agent[b-jyqiorbwo2] {
    background: rgba(46, 125, 50, 0.07);
}

.dialog-section-usage[b-jyqiorbwo2] {
    background: rgba(2, 136, 209, 0.07);
}

.usage-metrics[b-jyqiorbwo2] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.usage-metric[b-jyqiorbwo2] {
    min-width: 104px;
    padding: 6px 8px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.06);
}

.usage-metric__label[b-jyqiorbwo2] {
    display: block;
    font-size: 11px;
    opacity: 0.65;
}

.usage-metric__value[b-jyqiorbwo2] {
    display: block;
    font-family: monospace;
    font-size: 12px;
}

.dialog-break[b-jyqiorbwo2] {
    word-break: break-all;
}

.dialog-payload[b-jyqiorbwo2] {
    margin: 8px 0 0;
    padding: 12px;
    border-radius: 4px;
    max-height: 320px;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: monospace;
    font-size: 12px;
    line-height: 1.45;
    background: rgba(0, 0, 0, 0.04);
}
/* /Components/Shared/Chat/Diagnostics/ContextComposition.razor.rz.scp.css */
.context-composition[b-wdmce1f7l3] {
    background: rgba(123, 31, 162, 0.06);
}

/* Dense (inline per-turn) variant: tighter spacing, transparent background
   so it blends into the owning step row's container. */
.context-composition--dense[b-wdmce1f7l3] {
    padding: 4px 8px 6px;
    background: transparent;
}

.context-composition--dense .context-usage__track[b-wdmce1f7l3] {
    margin-top: 3px;
    height: 11px;
}

.context-composition--dense .context-usage__legend[b-wdmce1f7l3] {
    margin-top: 4px;
    gap: 3px 10px;
}

.context-composition--dense .context-usage__legend-item[b-wdmce1f7l3] {
    font-size: 11px;
}

.context-composition__caption[b-wdmce1f7l3] {
    opacity: 0.7;
}

.context-composition__note[b-wdmce1f7l3] {
    display: block;
    margin-top: 4px;
    opacity: 0.72;
}

.context-usage__heading[b-wdmce1f7l3] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.context-usage__track[b-wdmce1f7l3] {
    display: flex;
    height: 14px;
    margin-top: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.1);
}

.context-usage__bar[b-wdmce1f7l3] {
    display: flex;
    height: 100%;
    width: calc(var(--context-bar-scale, 1) * 100%);
    min-width: 0;
    transition: width 200ms ease;
}

.context-usage__segment[b-wdmce1f7l3] {
    flex: 0 0 var(--context-segment-size);
    min-width: 2px;
    transition: filter 120ms ease;
}

.context-usage__segment:hover[b-wdmce1f7l3] {
    filter: brightness(1.15);
}

.context-usage__legend[b-wdmce1f7l3] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    margin-top: 8px;
}

.context-usage__legend-item[b-wdmce1f7l3] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    font-size: 12px;
    line-height: 1.35;
}

.context-usage__legend-item strong[b-wdmce1f7l3] {
    font-variant-numeric: tabular-nums;
}

.context-usage__detail[b-wdmce1f7l3] {
    opacity: 0.68;
    white-space: nowrap;
}

.context-usage__swatch[b-wdmce1f7l3] {
    width: 9px;
    height: 9px;
    flex: 0 0 auto;
    border-radius: 50%;
}

.context-segment--system[b-wdmce1f7l3] {
    background: #5c6bc0;
}

.context-segment--user[b-wdmce1f7l3] {
    background: #26a69a;
}

.context-segment--assistant[b-wdmce1f7l3] {
    background: #42a5f5;
}

.context-segment--definitions[b-wdmce1f7l3] {
    background: #ab47bc;
}

.context-segment--skills[b-wdmce1f7l3] {
    background: #7e57c2;
}

.context-segment--skill-loads[b-wdmce1f7l3] {
    background: #ec407a;
}

.context-segment--loaded-skills[b-wdmce1f7l3] {
    background: #00838f;
}

.context-segment--calls[b-wdmce1f7l3] {
    background: #fb8c00;
}

.context-segment--results[b-wdmce1f7l3] {
    background: #66bb6a;
}

.context-segment--page[b-wdmce1f7l3] {
    background: #26a69a;
}

.context-segment--workspace[b-wdmce1f7l3] {
    background: #42a5f5;
}

.context-segment--instructions[b-wdmce1f7l3] {
    background: #5c6bc0;
}

.context-segment--other[b-wdmce1f7l3] {
    background: #90a4ae;
}

@media (max-width: 599px) {
    .context-usage__heading[b-wdmce1f7l3] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0;
    }

    .context-usage__legend[b-wdmce1f7l3] {
        gap: 5px 10px;
    }
}
/* /Components/Shared/Chat/Diagnostics/HttpRequestDetailDialog.razor.rz.scp.css */
.dialog-caption[b-3coaju0xxn] {
    opacity: 0.7;
}

.dialog-section[b-3coaju0xxn] {
    max-height: 65vh;
    overflow: auto;
    background: rgba(0, 0, 0, 0.18);
}

.code-block[b-3coaju0xxn] {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: 'Cascadia Mono', 'Fira Code', monospace;
    font-size: 12px;
}

.projection-block + .dialog-caption[b-3coaju0xxn] {
    display: block;
    margin-top: 12px;
}

.json-viewer-host[b-3coaju0xxn] {
    font-size: 13px;
}
/* /Components/Shared/Chat/Diagnostics/NextTurnPreviewDialog.razor.rz.scp.css */
.context-diagnostics-dialog[b-on9pe7xcw8] {
    height: 76vh;
    max-height: 76vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.context-diagnostics-tabs[b-on9pe7xcw8] {
    min-height: 0;
    flex: 1 1 auto;
    overflow: hidden;
    min-width: 0;
    display: flex;
}

.context-diagnostics-tabs[b-on9pe7xcw8]  .mud-tabs {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.context-diagnostics-tabs[b-on9pe7xcw8]  .mud-tabs-panels {
    min-height: 0;
    flex: 1 1 auto;
    overflow: hidden;
}

.context-diagnostics-dialog[b-on9pe7xcw8]  .mud-tabs-panel {
    height: 100%;
    min-height: 0;
    overflow-x: hidden;
    min-width: 0;
}

.context-diagnostics-dialog[b-on9pe7xcw8]  .mud-dialog-content {
    overflow-x: hidden;
    overflow-y: hidden;
}

.context-diagnostics-dialog[b-on9pe7xcw8]  .context-preview-text {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    white-space: pre-wrap;
    overflow-x: hidden;
    overflow-y: auto;
    overflow-wrap: anywhere;
    word-break: break-word;
    max-height: none;
    margin: 0.25rem 0 0;
    padding: 0.5rem;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 4px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 0.78rem;
    line-height: 1.35;
}

.context-diagnostics-dialog[b-on9pe7xcw8]  .context-preview-text-complete {
    min-height: 100%;
}

.context-tab-content[b-on9pe7xcw8] {
    padding-top: 0.5rem;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.context-pattern-field[b-on9pe7xcw8] {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    column-gap: 0.75rem;
    align-items: start;
    font-size: 0.8125rem;
    line-height: 1.35;
}

.context-pattern-label[b-on9pe7xcw8] {
    color: var(--mud-palette-text-secondary);
    font-weight: 600;
    white-space: nowrap;
}

.context-pattern-value[b-on9pe7xcw8] {
    overflow-wrap: anywhere;
}

.context-diagnostics-table[b-on9pe7xcw8] {
    font-size: 0.8125rem;
}

.context-diagnostics-cell-text[b-on9pe7xcw8] {
    min-width: 12rem;
    max-width: 22rem;
    overflow-wrap: anywhere;
    vertical-align: top;
}

.context-inline-pre[b-on9pe7xcw8] {
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font: inherit;
}

.context-diagnostics-break[b-on9pe7xcw8] {
    overflow-wrap: anywhere;
}
/* /Components/Shared/Chat/Diagnostics/TurnDetailDialog.razor.rz.scp.css */
/* Dialog caption style (mirrors HttpRequestDetailDialog) */
.dialog-caption[b-5vvk9j9la7] {
    opacity: 0.7;
}

/* Info panel background (mirrors HttpRequestDetailDialog) */
.dialog-section-info[b-5vvk9j9la7] {
    background: rgba(100, 149, 237, 0.08);
}

.dialog-section-agent[b-5vvk9j9la7] {
    background: rgba(46, 125, 50, 0.07);
}

.dialog-section-usage[b-5vvk9j9la7] {
    background: rgba(2, 136, 209, 0.07);
}

.usage-metrics[b-5vvk9j9la7] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.usage-metric[b-5vvk9j9la7] {
    min-width: 104px;
    padding: 6px 8px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.06);
}

.usage-metric__label[b-5vvk9j9la7] {
    display: block;
    font-size: 11px;
    opacity: 0.65;
}

.usage-metric__value[b-5vvk9j9la7] {
    display: block;
    font-family: monospace;
    font-size: 12px;
}

/* Compaction panel style */
.dialog-section-compaction[b-5vvk9j9la7] {
    border-left: 3px solid rgba(156, 39, 176, 0.6);
    background: rgba(156, 39, 176, 0.07);
}

.dialog-section-tool[b-5vvk9j9la7] {
    border-left: 3px solid rgba(245, 124, 0, 0.6);
    background: rgba(245, 124, 0, 0.06);
}

.dialog-break[b-5vvk9j9la7] {
    word-break: break-all;
}

.dialog-payload[b-5vvk9j9la7] {
    margin: 8px 0 0;
    padding: 12px;
    border-radius: 4px;
    max-height: 320px;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: monospace;
    font-size: 12px;
    line-height: 1.45;
    background: rgba(0, 0, 0, 0.04);
}
/* /Components/Shared/Chat/Messages/ChatMessageItemView.razor.rz.scp.css */
.chat-message-item__tool-container[b-q2957fvtpl] {
    margin-left: 10px;
}

.chat-message-item__tool-stack[b-q2957fvtpl] {
    width: 100%;
    min-width: 0;
}

.chat-message-item__tool-name[b-q2957fvtpl] {
    font-weight: 600;
    opacity: 0.95;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.chat-message-item__tool-text[b-q2957fvtpl] {
    white-space: pre-wrap;
    word-break: break-word;
}

.chat-message-item__bubble[b-q2957fvtpl] {
        min-width: 0;
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
}

.chat-message-item__identity[b-q2957fvtpl] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.25rem;
    min-width: 0;
    margin-bottom: 0.25rem;
}

.chat-message-item__role-label[b-q2957fvtpl] {
    opacity: 0.68;
    font-weight: 600;
}

.chat-message-item__model-label[b-q2957fvtpl] {
    opacity: 0.46;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-message-item__user-text[b-q2957fvtpl] {
    white-space: pre-wrap;
    word-break: break-word;
}

.chat-message-item__user-text[b-q2957fvtpl]  p,
.chat-message-item__user-text[b-q2957fvtpl]  li {
    white-space: pre-wrap;
    word-break: break-word;
}


.tool-item-body[b-q2957fvtpl] {
    font-size: 0.78rem;
    opacity: 0.88;
    margin-top: 0.1rem;
}
/* /Components/Shared/Chat/Shell/ChatStatsStrip.razor.rz.scp.css */
.chat-stats-strip[b-tcpi8f7s1n] {
    gap: 12px;
    padding: 4px 12px;
    font-size: 11px;
    line-height: 1.6;
    opacity: 0.75;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    margin-bottom: 4px;
}

.chat-stats-strip__meta[b-tcpi8f7s1n] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top:-2px;
}

.chat-stats-strip__meta span[b-tcpi8f7s1n] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.chat-stats-strip__context--healthy[b-tcpi8f7s1n] {
    color: var(--mud-palette-info);
}

.chat-stats-strip__context--warning[b-tcpi8f7s1n] {
    color: var(--mud-palette-warning);
}

.chat-stats-strip__context--danger[b-tcpi8f7s1n] {
    color: var(--mud-palette-error);
}

.chat-stats-strip__tokens[b-tcpi8f7s1n] {
    color: var(--mud-palette-info);
}

.chat-stats-strip__cost[b-tcpi8f7s1n] {
    color: var(--mud-palette-success);
}
/* /Components/Shared/Chat/Shell/ChatViewPanel.razor.rz.scp.css */
/* Utility classes for min/max width used in ChatViewPanel session picker */
.minw-210[b-4tmnslhlec] {
  min-width: 210px;
}
.maxw-380[b-4tmnslhlec] {
  max-width: 380px;
}
.chat-view-panel[b-4tmnslhlec] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    width: 100%;
    min-width: 0;
}

.chat-view-panel-top[b-4tmnslhlec] {
  /* Fixed heights for header and footer */
  flex: 0 0 auto;
  padding: 0px;
}

.chat-view-panel-toolbar[b-4tmnslhlec] {
  width: 100%;
}

.chat-view-panel-session-row[b-4tmnslhlec] {
  width: 100%;
  min-width: 0;
}

.chat-view-panel-advanced-row[b-4tmnslhlec] {
  padding: 0 8px 4px 0;
}

.chat-view-panel-model-chips[b-4tmnslhlec] {
  padding-top: 4px;
}

/* Semantic hook on the chat input area MudPaper; layout/padding driven by chat-view-panel-input. */
.chat-input-area[b-4tmnslhlec] { }

.chat-view-panel-input[b-4tmnslhlec] {
  flex: 0 0 auto;
  margin-top: 8px;
  padding: 2px 12px 0 10px;
}

/* MudTextField internals are rendered by a child component, so use ::deep only where needed. */
/* Padding tweaks for chat input field (keeps horizontal padding modest) */
[b-4tmnslhlec] .chat-input-field textarea.mud-input-slot {
    padding-left: 4px;
    padding-right: 4px;
  /* Semantic hook for chat input area (see markup). No visual style required, but defined for documentation and selector targeting. */
}

/* Message list must flex/scroll to fill available space */
[b-4tmnslhlec] .chat-message-list {
    flex: 1;
    overflow: auto;
}

.chat-view-panel-messages-placeholder[b-4tmnslhlec] {
    flex: 1;
    min-height: 0;
}

/* Remove extra bottom whitespace from MudTextField (outlined variant) */
[b-4tmnslhlec] .chat-input-field,
[b-4tmnslhlec] .chat-input-field .mud-input-control,
[b-4tmnslhlec] .chat-input-field textarea.mud-input-slot {
    margin-bottom: 2px !important; /* Exception: MudBlazor adds extra margin, breaks compact layout */
}

/* Small vertical padding for textarea keeps caret readable without misalignment */
[b-4tmnslhlec] .chat-input-field textarea.mud-input-slot {
    padding-top: 6px;
    padding-bottom: 4px;
    mask-image: none;
}

/* Ensure icon buttons don't push below the input's visual baseline */
[b-4tmnslhlec] .chat-view-panel-input .mud-icon-button-root {
    align-self: flex-end;
    margin-bottom: 2px !important; /* Exception: aligns send/stop buttons with input field */
}
/* /Components/Shared/Common/LoadingSpinner.razor.rz.scp.css */
/* Used under CC0 license */

.lds-ellipsis[b-tqdrw1a449] {
    color: #666;
    animation: fade-in-b-tqdrw1a449 1s;
}

@keyframes fade-in-b-tqdrw1a449 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

    .lds-ellipsis[b-tqdrw1a449],
    .lds-ellipsis div[b-tqdrw1a449] {
        box-sizing: border-box;
    }

.lds-ellipsis[b-tqdrw1a449] {
    margin: auto;
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-ellipsis div[b-tqdrw1a449] {
        position: absolute;
        top: 33.33333px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: currentColor;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }

        .lds-ellipsis div:nth-child(1)[b-tqdrw1a449] {
            left: 8px;
            animation: lds-ellipsis1-b-tqdrw1a449 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(2)[b-tqdrw1a449] {
            left: 8px;
            animation: lds-ellipsis2-b-tqdrw1a449 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(3)[b-tqdrw1a449] {
            left: 32px;
            animation: lds-ellipsis2-b-tqdrw1a449 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(4)[b-tqdrw1a449] {
            left: 56px;
            animation: lds-ellipsis3-b-tqdrw1a449 0.6s infinite;
        }

@keyframes lds-ellipsis1-b-tqdrw1a449 {
    0% {
        transform: scale(0);
    }

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

@keyframes lds-ellipsis3-b-tqdrw1a449 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2-b-tqdrw1a449 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}
/* /Components/Shared/Common/MarkdownDocumentDialog.razor.rz.scp.css */
/* Scroll container only. Body typography is reused from the global
   .chat-markdown / .mud-markdown overrides in wwwroot/css/app.css. */
.markdown-document-dialog[b-1r3l9ndivj] {
    max-height: min(72vh, 720px);
    overflow: auto;
    padding: 0.25rem 0.25rem 0;
}
/* /Components/Shared/DiagnosticsPanel.razor.rz.scp.css */
/* DiagnosticsPanel — component-scoped styles
   Static presentational classes to replace inline styles.
   Parameter-driven values (ContentPadding, ContentLineHeight) flow via CSS variables
   set on the content host element so they remain dynamic without raw inline style strings.
*/

/* Root paper — fill available height and clip content */
.diagnostics-root[b-ua87xxizhr] {
    height: 100%;
    overflow: hidden;
}

/* Header strip — fixed height, separator line, prevent shrinking */
.diagnostics-header[b-ua87xxizhr] {
    border-bottom: 1px solid var(--mud-palette-lines-default);
    flex-shrink: 0;
}

/* Scrollable monospace content host.
   --dp-padding and --dp-line-height are set by the component via the style attribute
   so they stay dynamic while keeping the rest of the presentation in CSS. */
.diagnostics-content[b-ua87xxizhr] {
    flex: 1;
    overflow-y: auto;
    padding: var(--dp-padding, 4px 8px);
    font-family: 'Cascadia Mono', 'Fira Code', monospace;
    font-size: 11px;
    line-height: var(--dp-line-height, 1.4);
}

/* Empty state placeholder */
.diagnostics-empty-state[b-ua87xxizhr] {
    opacity: 0.4;
    text-align: center;
    margin-top: 24px;
}
/* /Components/Shared/FileView/FileViewerComponent.razor.rz.scp.css */
.file-viewer-object[b-7g2krzgubd] {
    width: 100%;
    min-height: 0;
    flex: 1 1 auto;
    border: 0;
    background: white;
}

.file-viewer-text-surface[b-7g2krzgubd] {
    background-color: var(--mud-palette-background-grey);
}

.file-viewer-pre[b-7g2krzgubd] {
    margin: 0;
    white-space: pre-wrap;
    font-family: monospace;
}
/* /Components/Shared/FileView/OfficeWatchViewer.razor.rz.scp.css */
.office-watch-viewer[b-qnpanbxp7r] {
    height: 100%;
}

.office-watch-frame[b-qnpanbxp7r] {
    border: 0;
    background: #fff;
}

.office-watch-toolbar[b-qnpanbxp7r] {
    min-height: 2.25rem;
    padding: 0.25rem 0.5rem;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
}

.office-watch-state[b-qnpanbxp7r] {
    gap: 0.75rem;
    padding: 1rem;
    min-height: 0;
}

.office-watch-progress[b-qnpanbxp7r] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.35rem;
    max-width: min(100%, 46rem);
    width: 100%;
    margin-top: 0.25rem;
}

.office-watch-cmd[b-qnpanbxp7r],
.office-watch-output[b-qnpanbxp7r] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.72rem;
    line-height: 1.35;
}

.office-watch-cmd[b-qnpanbxp7r] {
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-background-grey);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 0.25rem;
    padding: 0.3rem 0.45rem;
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-all;
}

.office-watch-output[b-qnpanbxp7r] {
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-background);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 0.25rem;
    padding: 0.3rem 0.45rem;
    max-height: 9rem;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    margin: 0;
}