/* Работы AI — вкладка канала (Message Spine UI, M2). */

.channels-tabs {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px 0;
    flex: 0 0 auto;
}
.channels-tabs__tab {
    padding: 3px 10px;
    border: none;
    background: none;
    font-size: 12px;
    color: var(--ui-text-muted, rgba(255, 255, 255, 0.55));
    border-radius: 6px 6px 0 0;
    cursor: pointer;
    border-bottom: 2px solid transparent;
}
.channels-tabs__tab:hover {
    background: var(--ui-hover, rgba(255, 255, 255, 0.07));
    color: var(--ui-text, rgba(255, 255, 255, 0.9));
}
.channels-tabs__tab.is-active {
    color: var(--ui-text, rgba(255, 255, 255, 0.92));
    border-bottom-color: var(--accent, #6ea8fe);
}

.channels-panel__runs {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.assistant-runs {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px;
}
.assistant-runs__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.assistant-runs__title {
    font-size: 12px;
    font-weight: 600;
    color: var(--ui-text-secondary, rgba(255, 255, 255, 0.75));
}
.assistant-runs__refresh {
    display: inline-flex;
    align-items: center;
    padding: 3px;
    border: none;
    background: none;
    color: var(--ui-text-muted, rgba(255, 255, 255, 0.55));
    cursor: pointer;
    border-radius: 4px;
}
.assistant-runs__refresh:hover {
    background: var(--ui-hover, rgba(255, 255, 255, 0.07));
    color: var(--ui-text, rgba(255, 255, 255, 0.9));
}
.assistant-runs__refresh i,
.assistant-runs__refresh svg {
    width: 14px;
    height: 14px;
}
.assistant-runs__list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.assistant-runs__empty {
    font-size: 12px;
    color: var(--ui-text-muted, rgba(255, 255, 255, 0.5));
    padding: 12px 4px;
    text-align: center;
}
.assistant-runs__item {
    padding: 6px 8px;
    border: 1px solid var(--ui-border, rgba(255, 255, 255, 0.08));
    border-radius: 8px;
    background: var(--ui-card-bg, var(--ui-surface-2, rgba(255, 255, 255, 0.03)));
}
.assistant-runs__item.is-action {
    border-left: 2px solid var(--accent, #6ea8fe);
}
.assistant-runs__item.is-qa {
    border-left: 2px solid var(--ui-border-strong, rgba(255, 255, 255, 0.18));
}
.assistant-runs__item-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.assistant-runs__status {
    font-size: 11px;
    font-weight: 600;
    padding: 1px 6px;
    border-radius: 999px;
    border: 1px solid currentColor;
}
.assistant-runs__status.is-active { color: var(--accent, #6ea8fe); }
.assistant-runs__status.is-done { color: var(--status-success, #4caf7d); }
.assistant-runs__status.is-error { color: var(--status-error, #ff6b8a); }
.assistant-runs__status.is-muted { color: var(--ui-text-muted, rgba(255, 255, 255, 0.5)); }
.assistant-runs__badge {
    font-size: 11px;
    font-weight: 600;
    padding: 1px 6px;
    border-radius: 999px;
    color: var(--ui-text-muted, rgba(255, 255, 255, 0.5));
    background: var(--ui-hover, rgba(255, 255, 255, 0.06));
}
.assistant-runs__time {
    font-size: 11px;
    color: var(--ui-text-muted, rgba(255, 255, 255, 0.5));
}
.assistant-runs__item-title {
    margin-top: 3px;
    font-size: 12px;
    color: var(--ui-text, rgba(255, 255, 255, 0.85));
    overflow-wrap: anywhere;
}
.assistant-runs__head-right {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.assistant-runs__open {
    display: inline-flex;
    align-items: center;
    padding: 2px;
    border: none;
    background: none;
    color: var(--ui-text-muted, rgba(255, 255, 255, 0.55));
    cursor: pointer;
    border-radius: 4px;
}
.assistant-runs__open:hover {
    background: var(--ui-hover, rgba(255, 255, 255, 0.07));
    color: var(--ui-text, rgba(255, 255, 255, 0.9));
}
.assistant-runs__open i,
.assistant-runs__open svg {
    width: 13px;
    height: 13px;
}
.assistant-runs__preview {
    margin-top: 2px;
    font-size: 11px;
    color: var(--ui-text-muted, rgba(255, 255, 255, 0.55));
    overflow-wrap: anywhere;
}
.assistant-runs__error {
    margin-top: 3px;
    font-size: 11px;
    color: var(--status-error, #ff6b8a);
    overflow-wrap: anywhere;
}