.chat-history {
    flex: 1;
    overflow-y: auto;
    padding: 0 8px;

    .history-title {
        font-size: 12px;
        color: #909399;
        padding: 8px 12px;
        margin-bottom: 4px;
    }

    .history-list {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .history-item {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 12px;
        border-radius: 6px;
        cursor: pointer;
        color: #606266;
        transition: all 0.2s;

        &:hover {
            background: #f5f7fa;
        }

        &.active {
            background: #ecf5ff;
            color: #409eff;
        }

        .el-icon {
            font-size: 16px;
            flex-shrink: 0;
        }

        .history-info {
            flex: 1;
            min-width: 0;

            .history-name {
                font-size: 14px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .history-time {
                font-size: 12px;
                color: #909399;
                margin-top: 2px;
            }
        }
    }
}
