/* PEP-only admin overrides. Shared backoffice styles live in ChatHost.Admin. */

/* MudBlazor 9: cursor:pointer is hover-only, and the slider/panels can steal the lower half of the tab. */
.activity-page .mud-tabs-tabbar {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
}

.activity-page .mud-tabs-tabbar-wrapper {
    align-items: stretch;
}

.activity-page .mud-tabs-tabbar .mud-tooltip-root {
    display: inline-flex;
    align-self: stretch;
    height: 100%;
}

.activity-page .mud-tabs-tabbar .mud-tab {
    cursor: pointer;
    height: 100%;
    align-self: stretch;
}

.activity-page .mud-tab-slider {
    pointer-events: none;
}

.activity-page > .mud-tabs > .mud-tabs-panels,
.activity-page .mud-tabs-panels {
    position: relative;
    z-index: 0;
}

.mud-table td.activity-chat-profile-cell,
.mud-table th.activity-chat-profile-cell {
    width: 1%;
    max-width: none;
    white-space: nowrap;
    overflow: visible;
}

.help-kind-tile > .help-kind-tile-desc {
    font-size: 0.8rem;
    color: var(--mud-palette-text-secondary);
    line-height: 1.35;
}

/* Chip labels are spans; keep MudBlazor contrast (do not inherit tile secondary text). */
.help-kind-tile .mud-chip-content {
    color: inherit;
}

.conversation-flow-html {
    max-height: 28rem;
    overflow: auto;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    padding: 10px 12px;
    background: var(--mud-palette-background-gray);
}

.conversation-flow-html .styled-table,
.conversation-flow-html .dash-container {
    font-size: 0.85rem;
}

/* Pep Flow step kinds — border colours aligned with ChatHost node styles */
.conversation-flow-node-pre_orch {
    border-left: 4px solid #1565c0; /* router */
}

.conversation-flow-node-direct_reply {
    border-left: 4px solid #0288d1;
}

.conversation-flow-node-hydrate {
    border-left: 4px solid #f9a825; /* gate / prep */
}

.conversation-flow-node-discovery {
    border-left: 4px solid #2e7d32;
}

.conversation-flow-node-delivery {
    border-left: 4px solid #6a1b9a;
}

/* BI reasoning/code modal — fill the browser viewport */
.mud-dialog.pep-bi-output-dialog {
    display: flex !important;
    flex-direction: column !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

.mud-dialog.pep-bi-output-dialog .mud-dialog-title,
.mud-dialog.pep-bi-output-dialog .mud-dialog-actions {
    flex: 0 0 auto;
}

.mud-dialog.pep-bi-output-dialog .mud-dialog-content {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding-top: 8px;
    padding-bottom: 8px;
}

.mud-dialog.pep-bi-output-dialog .pep-bi-output {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.mud-dialog.pep-bi-output-dialog .pep-bi-output-section--reasoning {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    min-height: 0;
}

.mud-dialog.pep-bi-output-dialog .pep-bi-output-section--code {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

/* ~10 lines of body text (line-height 1.55) plus padding */
.mud-dialog.pep-bi-output-dialog .pep-bi-output-reasoning,
.mud-dialog.pep-bi-output-dialog .pep-bi-output-section--reasoning .pep-bi-output-pre {
    flex: 0 0 auto;
    max-height: calc(1.55em * 10 + 24px);
    min-height: 0;
    overflow: auto;
}

.mud-dialog.pep-bi-output-dialog .pep-bi-output-section--reasoning .conversation-flow-html {
    max-height: calc(1.55em * 10 + 24px);
}

.mud-dialog.pep-bi-output-dialog .pep-bi-output-code {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    overflow: auto;
}

@media (max-width: 600px) {
    .mud-table td.activity-chat-profile-cell,
    .mud-table th.activity-chat-profile-cell {
        min-width: 0;
        white-space: normal;
    }
}