.wk-conv-with-category {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.wk-conv-with-category__toggle-wrap {
    flex-shrink: 0;
    /* ViewToggle 自带 margin: 0 16px 8px，此处不加额外 padding */
}

.wk-conv-with-category__body {
    flex: 1;
    overflow-y: auto;
    padding: 0;   /* 去掉左右边距，让 item 背景撑满 */
}

.wk-conv-with-category__footer {
    padding: 8px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.wk-conv-with-category__manage-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 28px;
    border: none;
    background: transparent;
    color: var(--wk-text-tertiary);
    font-size: var(--wk-text-size-xs);
    font-family: var(--wk-font-sans);
    cursor: pointer;
    border-radius: var(--wk-r-sm);
    transition: background 0.1s ease, color 0.1s ease;
}

.wk-conv-with-category__manage-btn:hover {
    background: var(--wk-bg-hover);
    color: var(--wk-text-secondary);
}

/* 加载中 */
.wk-conv-with-category__loading {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px;
}

.wk-conv-with-category__skeleton {
    height: 40px;
    border-radius: var(--wk-r-sm);
    background: var(--wk-bg-elevated);
    animation: wk-skeleton-pulse 1.5s ease-in-out infinite;
}

@keyframes wk-skeleton-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

/* 加载失败 */
.wk-conv-with-category__error {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 16px;
    gap: 8px;
    text-align: center;
}

.wk-conv-with-category__error-text {
    font-size: var(--wk-text-size-sm);
    color: var(--wk-text-tertiary);
}

.wk-conv-with-category__retry {
    font-size: var(--wk-text-size-sm);
    color: var(--wk-brand-primary);
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    font-family: var(--wk-font-sans);
}

.wk-conv-with-category__retry:hover {
    text-decoration: underline;
}
