:root[data-ui="glass"] .ai-monitoring {
    min-width: 0;
}

:root[data-ui="glass"] .ai-monitoring__filters {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--datagrid-border);
    background: color-mix(in srgb, var(--surface-2), transparent 26%);
}

:root[data-ui="glass"] .ai-monitoring__advanced {
    margin-top: .75rem;
}

:root[data-ui="glass"] .ai-monitoring__advanced .mud-expand-panel {
    box-shadow: none;
    border: 1px solid var(--datagrid-border-soft);
    background: transparent;
}

:root[data-ui="glass"] .ai-monitoring__active-filters {
    padding: .75rem 1.25rem 0;
}

.ai-tenant-filter__activator {
    min-width: 0;
    cursor: pointer;
}

.ai-tenant-filter__activator .mud-input-control,
.ai-tenant-filter__activator .mud-input {
    cursor: pointer;
}

.ai-tenant-filter__popover {
    width: min(420px, calc(100vw - 2rem));
    max-height: min(520px, calc(100vh - 8rem));
    overflow: hidden;
    border: 1px solid var(--datagrid-border);
}

.ai-tenant-filter__header {
    padding: .65rem .75rem .5rem 1rem;
    border-bottom: 1px solid var(--datagrid-border-soft);
}

.ai-tenant-filter__tree {
    max-height: 420px;
    padding: .45rem;
    overflow-y: auto;
}

.ai-tenant-filter__account-row,
.ai-tenant-filter__organisation-row {
    display: flex;
    min-height: 2.55rem;
    align-items: center;
    border-radius: .55rem;
}

.ai-tenant-filter__account-row:hover,
.ai-tenant-filter__organisation-row:hover {
    background: color-mix(in srgb, var(--accent-primary), transparent 94%);
}

.ai-tenant-filter__children {
    position: relative;
    margin-left: 2.3rem;
    padding-left: .75rem;
}

.ai-tenant-filter__children::before {
    position: absolute;
    top: 0;
    bottom: .55rem;
    left: .3rem;
    width: 1px;
    background: var(--datagrid-border);
    content: "";
}

.ai-tenant-filter__toggle-placeholder {
    width: 2.5rem;
}

.ai-tenant-filter__label {
    min-width: 0;
    flex: 1;
    padding: .55rem .55rem .55rem .15rem;
    overflow: hidden;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font: inherit;
    font-weight: 650;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ai-tenant-filter__label--child {
    font-weight: 500;
}

.ai-tenant-filter__label:disabled {
    cursor: default;
    opacity: .56;
}

:root[data-ui="glass"] .ai-monitoring__grid .mud-table-container {
    overflow-x: auto;
}

:root[data-ui="glass"] .ai-monitoring__grid .mud-table {
    min-width: 1180px;
}

:root[data-ui="glass"] .ai-monitoring__grid--runs .mud-table {
    min-width: 1460px;
}

:root[data-ui="glass"] .ai-monitoring__grid .mud-table-cell {
    padding-top: .8rem;
    padding-bottom: .8rem;
    vertical-align: middle;
}

.ai-monitoring__primary,
.ai-monitoring__secondary,
.ai-monitoring__nowrap {
    display: block;
    white-space: nowrap;
}

.ai-monitoring__primary {
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 650;
}

.ai-monitoring__secondary {
    margin-top: .16rem;
    overflow: hidden;
    color: var(--text-2);
    font-size: .76rem;
    text-overflow: ellipsis;
}

.ai-monitoring__truncate {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ai-monitoring__status {
    display: inline-flex;
    align-items: center;
    min-height: 1.65rem;
    padding: .16rem .55rem;
    border: 1px solid color-mix(in srgb, var(--accent-info), transparent 65%);
    border-radius: 999px;
    background: color-mix(in srgb, var(--accent-info), transparent 91%);
    white-space: nowrap;
    font-size: .78rem;
    font-weight: 700;
}

.ai-monitoring__status--failed {
    border-color: color-mix(in srgb, var(--accent-error), transparent 55%);
    background: color-mix(in srgb, var(--accent-error), transparent 89%);
    color: var(--accent-error);
}

.ai-monitoring__status--waiting {
    border-color: color-mix(in srgb, var(--accent-info), transparent 45%);
    background: color-mix(in srgb, var(--accent-info), transparent 85%);
    color: var(--accent-info);
}

.ai-monitoring__status--lapsed {
    border-color: color-mix(in srgb, var(--accent-warning), transparent 55%);
    background: color-mix(in srgb, var(--accent-warning), transparent 89%);
    color: var(--accent-warning);
}

.ai-monitoring__wait-stats {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    padding: .75rem 1rem 0 1rem;
}

.ai-cost-badge {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    gap: .3rem;
    min-width: 5.4rem;
    padding: .2rem .55rem;
    border: 1px solid transparent;
    border-radius: 999px;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    font-size: .78rem;
    font-weight: 750;
}

.ai-cost-badge__label {
    font-weight: 650;
    opacity: .82;
}

.ai-cost-badge--low {
    border-color: color-mix(in srgb, var(--accent-success), transparent 62%);
    background: color-mix(in srgb, var(--accent-success), transparent 90%);
    color: color-mix(in srgb, var(--accent-success), var(--text-1) 24%);
}

.ai-cost-badge--normal {
    border-color: var(--datagrid-border);
    background: color-mix(in srgb, var(--surface-3), transparent 18%);
    color: var(--text-1);
}

.ai-cost-badge--elevated {
    border-color: color-mix(in srgb, var(--accent-warning), transparent 52%);
    background: color-mix(in srgb, var(--accent-warning), transparent 88%);
    color: color-mix(in srgb, var(--accent-warning), var(--text-1) 30%);
}

.ai-cost-badge--high {
    border-color: color-mix(in srgb, var(--accent-error), transparent 52%);
    background: color-mix(in srgb, var(--accent-error), transparent 88%);
    color: var(--accent-error);
}

@media (max-width: 959.98px) {
    :root[data-ui="glass"] .ai-monitoring__filters {
        padding: .85rem;
    }
}